:root { --navy:#061426; --deep:#020b16; --ink:#0a1628; --blue:#086bff; --cyan:#29a8ff; --muted:#617085; --line:#dce4ed; --soft:#f6f8fb; --shell:min(1440px, calc(100vw - 96px)); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:white; font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
body, button, a { font-family:inherit; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
button { color:inherit; }
.section-shell { width:var(--shell); margin-inline:auto; }
.site-header { position:fixed; z-index:100; inset:0 0 auto; height:82px; padding:0 max(36px, calc((100vw - 1440px)/2)); display:flex; align-items:center; justify-content:space-between; gap:40px; color:white; border-bottom:1px solid rgba(255,255,255,.13); transition:.35s ease; }
.site-header.is-scrolled { height:70px; background:rgba(2,11,22,.92); backdrop-filter:blur(18px); box-shadow:0 8px 32px rgba(0,0,0,.22); }
.brand { display:flex; align-items:baseline; gap:9px; white-space:nowrap; }
.brand-logo { width:168px; height:auto; filter:invert(1) brightness(1.35); mix-blend-mode:screen; }
.brand-en { font:800 24px/1 Arial,sans-serif; letter-spacing:-1.5px; }
.brand-cn { font-size:17px; font-weight:800; letter-spacing:.05em; }
.site-header nav { display:flex; align-items:center; gap:clamp(20px,2.5vw,42px); font-size:14px; }
.site-header nav a { position:relative; padding:31px 0; color:rgba(255,255,255,.82); }
.site-header nav a::after { content:""; position:absolute; bottom:21px; left:0; width:0; height:2px; background:var(--blue); transition:.25s; }
.site-header nav a:hover { color:white; }
.site-header nav a:hover::after { width:100%; }
.header-tools { display:flex; align-items:center; gap:5px; font-size:12px; white-space:nowrap; }
.header-tools b { color:#57e770; }
.header-tools span { color:rgba(255,255,255,.7); }
.menu-button { display:none; width:30px; height:25px; margin-left:14px; padding:0; border:0; background:transparent; }
.menu-button i { display:block; height:1px; margin:7px 0; background:#fff; transition:.3s; }

.hero { position:relative; min-height:830px; height:100svh; max-height:980px; overflow:hidden; background:linear-gradient(118deg,#010913 0%,#06172b 58%,#0a315f 100%); color:white; }
.hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(1,8,18,.97) 0%,rgba(2,15,29,.86) 43%,rgba(4,22,40,.2) 70%); z-index:2; pointer-events:none; }
.hero-grid,.contact-grid { position:absolute; inset:0; opacity:.23; background-image:linear-gradient(rgba(40,148,255,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(40,148,255,.17) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(to top,#000,transparent 70%); transform:perspective(500px) rotateX(58deg) scale(1.8) translateY(29%); transform-origin:bottom; }
.hero-glow { position:absolute; z-index:0; width:900px; height:900px; right:-120px; top:0; border-radius:50%; background:radial-gradient(circle,rgba(28,139,255,.58),rgba(8,64,126,.24) 40%,transparent 68%); filter:blur(12px); }
.hero-product { position:absolute; z-index:1; right:-4%; top:13%; width:min(63vw,940px); height:70%; object-fit:contain; mix-blend-mode:multiply; filter:contrast(1.18) saturate(1.18) brightness(1.13) drop-shadow(0 28px 24px rgba(0,0,0,.55)); transform:rotate(-4deg) scale(1.06); }
.hero-copy { position:absolute; z-index:3; left:max(48px,calc((100vw - 1440px)/2)); top:50%; width:min(660px,48vw); transform:translateY(-47%); }
.kicker { display:inline-flex; align-items:center; gap:12px; color:#82b7ee; font:600 11px/1.1 Arial,sans-serif; letter-spacing:.17em; }
.kicker::before { content:""; width:34px; height:1px; background:currentColor; }
.kicker.dark { color:#607793; }
.hero h1 { margin:22px 0; font-size:clamp(54px,5.2vw,82px); line-height:1.13; letter-spacing:-.055em; font-weight:900; text-shadow:0 8px 30px rgba(0,0,0,.28); }
.hero-copy p { width:590px; max-width:90%; margin:0; color:rgba(255,255,255,.75); font-size:17px; line-height:1.85; }
.hero-actions,.contact-actions { display:flex; gap:16px; align-items:center; flex-wrap:wrap; margin-top:34px; }
.button { min-width:150px; height:52px; padding:0 26px; display:inline-flex; align-items:center; justify-content:center; gap:26px; border:1px solid rgba(255,255,255,.66); font-size:14px; font-weight:700; transition:.25s ease; }
.button-primary { color:white; background:var(--blue); border-color:var(--blue); box-shadow:0 12px 30px rgba(8,107,255,.2); }
.button:hover { transform:translateY(-3px); }
.button-primary:hover { background:#1682ff; border-color:#1682ff; }
.button-ghost:hover { background:white; color:var(--ink); }
.trust-row { position:absolute; z-index:4; left:max(48px,calc((100vw - 1440px)/2)); bottom:58px; display:flex; align-items:center; }
.trust-row>div { min-width:175px; display:grid; grid-template-columns:42px 1fr; grid-template-rows:auto auto; padding:0 30px; border-left:1px solid rgba(255,255,255,.22); }
.trust-row>div:first-child { padding-left:0; border-left:0; }
.trust-icon { grid-row:1/3; width:30px; height:30px; display:grid; place-items:center; color:var(--cyan); border:1px solid var(--blue); border-radius:7px; }
.trust-row b { font-size:17px; }
.trust-row small { color:rgba(255,255,255,.65); margin-top:3px; font-size:12px; }
.hero-index { position:absolute; z-index:3; right:max(48px,calc((100vw - 1440px)/2)); bottom:61px; color:rgba(255,255,255,.5); font:12px Arial,sans-serif; letter-spacing:.18em; }

.section { padding:105px 0 112px; }
.section-title { display:flex; justify-content:space-between; align-items:flex-end; gap:80px; margin-bottom:46px; }
.section-title h2,.about h2,.manufacturing h2,.contact h2,.partners h2 { margin:14px 0 0; font-size:clamp(34px,3vw,50px); line-height:1.15; letter-spacing:-.055em; }
.section-title>p { width:460px; max-width:42%; margin:0; color:var(--muted); font-size:15px; line-height:1.75; }
.product-panel + .product-panel { margin-top:60px; }
.product-panel-title { display:flex; align-items:center; gap:12px; margin:0 0 22px; color:#263c59; font-size:21px; }
.product-panel-title::before { content:""; width:28px; height:2px; background:var(--blue); }
.product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
.product-card { border:1px solid #e1e7ee; background:#fff; box-shadow:0 10px 30px rgba(12,39,72,.05); overflow:hidden; }
.product-image-wrap { position:relative; height:252px; overflow:hidden; background:linear-gradient(145deg,#f7f9fb,#e8eef5); }
.product-image-wrap picture { display:block; width:100%; height:100%; }
.product-image-wrap img { width:100%; height:100%; object-fit:cover; transition:.5s ease; }
.product-card:first-child .product-image-wrap img,.product-card:nth-child(2) .product-image-wrap img { object-fit:contain; padding:18px; }
.product-card:nth-child(2) .product-image-wrap img { transform:scale(1.12) translateX(8%); }
.product-card:nth-child(3) .product-image-wrap img { object-fit:contain; padding:14px; }
.connector-card .product-image-wrap img,.connector-card:nth-child(2) .product-image-wrap img { object-fit:contain; padding:20px; transform:none; }
.product-image-wrap span { position:absolute; left:18px; top:16px; padding:7px 9px; color:white; background:rgba(3,18,34,.77); font:11px Arial,sans-serif; }
.product-info { position:relative; padding:23px 24px 25px; }
.product-info small { color:#768ba3; font:10px Arial,sans-serif; letter-spacing:.13em; }
.product-info h3 { margin:8px 0 7px; font-size:21px; }
.product-info p { margin:0; color:var(--muted); font-size:12px; line-height:1.6; }
.product-info em { display:block; margin-top:13px; color:var(--blue); font-size:11px; line-height:1.45; font-style:normal; font-weight:700; }
.connector-card .product-info { min-height:176px; }

.industries { padding-top:35px; background:linear-gradient(#fff,#fbfcfe); }
.industry-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:18px; }
.industry-card { min-height:174px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid #cedbeb; background:white; transition:.3s ease; }
.industry-card>span { height:55px; color:var(--blue); font:400 41px/1 Arial,sans-serif; }
.industry-card h3 { margin:13px 0 7px; font-size:17px; }
.industry-card small { color:#8695a8; font:9px Arial,sans-serif; letter-spacing:.12em; }
.industry-card:hover { color:white; background:var(--blue); border-color:var(--blue); transform:translateY(-5px); }
.industry-card:hover>span,.industry-card:hover small { color:white; }

.manufacturing { position:relative; min-height:610px; overflow:hidden; color:white; }
.manufacturing>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.factory-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(1,14,27,.97) 0%,rgba(2,22,43,.87) 45%,rgba(3,18,35,.12) 86%); }
.manufacturing-inner { position:relative; z-index:2; min-height:610px; padding:84px 0; display:grid; grid-template-columns:.88fr 1.35fr; gap:80px; align-items:end; }
.factory-title { align-self:start; }
.factory-title p { max-width:430px; margin:20px 0 0; color:rgba(255,255,255,.68); line-height:1.8; font-size:14px; }
.process-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.28); }
.process-grid article { min-height:190px; padding:26px 20px 12px; border-left:1px solid rgba(255,255,255,.22); }
.process-grid article b { color:#4da8ff; font:12px Arial,sans-serif; }
.process-grid h3 { margin:38px 0 10px; font-size:17px; }
.process-grid p { margin:0; color:rgba(255,255,255,.58); font-size:11px; line-height:1.7; }

.laboratory { background:var(--soft); }
.laboratory-layout { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(380px,.85fr); gap:34px; align-items:stretch; }
.laboratory-hero { position:relative; min-height:520px; margin:0; overflow:hidden; background:#dce5ef; }
.laboratory-hero picture,.laboratory-hero img { width:100%; height:100%; }
.laboratory-hero img { object-fit:cover; }
.laboratory-hero::after { content:""; position:absolute; inset:auto 0 0; height:35%; background:linear-gradient(transparent,rgba(2,15,29,.82)); pointer-events:none; }
.laboratory-hero figcaption { position:absolute; z-index:2; left:30px; right:30px; bottom:26px; color:white; font-size:16px; font-weight:700; }
.laboratory-capabilities { display:grid; gap:14px; }
.laboratory-item { display:grid; grid-template-columns:150px 1fr; min-height:154px; overflow:hidden; border:1px solid #d9e3ee; background:white; box-shadow:0 10px 28px rgba(12,39,72,.05); }
.laboratory-item picture,.laboratory-item img { width:100%; height:100%; }
.laboratory-item img { object-fit:cover; }
.laboratory-item>div { align-self:center; padding:20px 24px; }
.laboratory-item small { color:#1597bd; font:700 9px/1 Arial,sans-serif; letter-spacing:.12em; }
.laboratory-item h3 { margin:9px 0 7px; font-size:18px; }
.laboratory-item p { margin:0; color:var(--muted); font-size:12px; line-height:1.65; }

.quality { background:#fff; }
.quality-flow { display:grid; grid-template-columns:repeat(4,1fr); }
.quality-step { position:relative; text-align:center; }
.quality-step>span { color:#8295aa; font:10px Arial,sans-serif; }
.quality-symbol { width:82px; height:82px; margin:12px auto 16px; display:grid; place-items:center; color:var(--blue); border:1px solid #ccdbec; border-radius:50%; font-size:29px; }
.quality-step h3 { margin:0; font-size:15px; }
.quality-step i { position:absolute; right:-8px; top:50px; color:#9aabba; font-size:20px; font-style:normal; }
.quality-note { margin-top:55px; padding:26px 34px; display:flex; align-items:center; gap:28px; color:white; background:linear-gradient(100deg,#075fcf,#0b82ff); }
.quality-note>span { font:800 42px Arial,sans-serif; }
.quality-note h3 { margin:0 0 5px; font-size:17px; }
.quality-note p { margin:0; color:rgba(255,255,255,.76); font-size:12px; }
.certification-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:50px; margin:72px 0 28px; }
.certification-heading h3 { margin:12px 0 0; font-size:30px; }
.certification-heading>p { width:440px; max-width:42%; margin:0; color:var(--muted); font-size:13px; line-height:1.7; }
.certification-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.certification-card { padding:22px 22px 24px; border:1px solid #dce5ef; background:#fbfcfe; }
.certificate-previews { height:265px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:20px; }
.certificate-previews-single { grid-template-columns:minmax(0,1fr); }
.certificate-previews a { display:flex; min-width:0; overflow:hidden; align-items:center; justify-content:center; background:white; border:1px solid #e5ebf2; transition:.25s ease; }
.certificate-previews a:hover { transform:translateY(-3px); border-color:#8ebaff; box-shadow:0 10px 22px rgba(12,39,72,.1); }
.certificate-previews a:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }
.certificate-previews picture { display:block; width:100%; height:100%; }
.certificate-previews img { width:100%; height:100%; object-fit:contain; padding:8px; }
.certificate-previews-single img { width:58%; margin:auto; }
.certification-card>small { color:#1597bd; font:700 9px/1 Arial,sans-serif; letter-spacing:.12em; }
.certification-card h4 { margin:8px 0 5px; color:#153a6c; font:800 23px/1.2 Arial,sans-serif; }
.certification-card>p { margin:0; color:var(--muted); font-size:13px; }
.compliance-strip { display:flex; align-items:center; gap:18px; margin-top:18px; padding:20px 24px; border:1px solid #dce5ef; background:white; }
.compliance-strip strong { margin-right:6px; font-size:14px; }
.compliance-strip span { padding:7px 11px; color:#185a2c; background:#edf8ef; border:1px solid #cfe9d4; font-size:11px; font-weight:700; }
.compliance-strip p { margin:0 0 0 auto; color:var(--muted); font-size:12px; }

.about { display:grid; grid-template-columns:44% 56%; min-height:650px; background:var(--soft); }
.about-copy { padding:88px clamp(45px,6vw,110px) 70px max(48px,calc((100vw - 1440px)/2)); }
.about-copy h3 { color:var(--blue); font-size:20px; }
.about-copy p { max-width:550px; color:var(--muted); font-size:14px; line-height:1.85; }
.text-link { margin-top:17px; padding-bottom:8px; display:inline-flex; gap:45px; align-items:center; color:var(--blue); border-bottom:1px solid var(--blue); font-size:13px; font-weight:700; }
.about-image { position:relative; min-height:520px; }
.about-image img { width:100%; height:100%; object-fit:cover; }
.about-stat { position:absolute; left:0; bottom:0; width:210px; height:130px; padding:24px 28px; color:white; background:var(--blue); }
.about-stat b { display:block; font:800 46px/1 Arial,sans-serif; }
.about-stat span { display:block; margin-top:12px; font-size:12px; }

.partners { padding:88px 0; text-align:center; }
.partners .kicker { justify-content:center; }
.partners h2 { margin-bottom:42px; }
.partner-list { display:grid; grid-template-columns:repeat(6,1fr); align-items:center; border-block:1px solid var(--line); }
.partner-list span { padding:26px 14px; color:#607086; border-left:1px solid var(--line); font-size:13px; font-weight:700; }
.partner-list span:first-child { border-left:0; }

.contact { position:relative; overflow:hidden; padding:92px 0; color:white; background:radial-gradient(circle at 78% 55%,#0d4380 0%,#06264b 25%,#031326 60%,#020b15 100%); }
.contact::after { content:""; position:absolute; right:-100px; top:40px; width:650px; height:420px; opacity:.42; background:radial-gradient(circle at 50% 50%,transparent 28%,rgba(25,139,255,.15) 28.5%,transparent 29.5%),radial-gradient(circle at 50% 50%,transparent 45%,rgba(25,139,255,.2) 45.5%,transparent 46.5%); }
.contact-grid { transform:perspective(600px) rotateX(64deg) scale(1.5) translateY(36%); }
.contact-inner { position:relative; z-index:3; display:grid; grid-template-columns:1.25fr .75fr; gap:90px; align-items:center; }
.contact h2 { font-size:clamp(42px,4vw,61px); }
.contact-inner>div>p { max-width:650px; color:rgba(255,255,255,.67); line-height:1.8; }
.contact-actions .button { min-width:230px; padding:0 22px; }
.contact-card { padding:31px 34px; border:1px solid rgba(255,255,255,.25); background:rgba(2,13,26,.4); backdrop-filter:blur(8px); }
.contact-card small { color:#70a6dc; font:10px Arial,sans-serif; letter-spacing:.15em; }
.contact-person h3 { margin:8px 0 12px; font-size:17px; }
.contact-details { display:grid; gap:8px; }
.contact-details a { display:flex; justify-content:space-between; gap:20px; color:rgba(255,255,255,.8); font-size:13px; }
.contact-details span { color:#70a6dc; }
.contact-details b { font-weight:500; }
.contact-phone { display:inline-block; color:rgba(255,255,255,.8); font-size:15px; }
.contact-details a,.contact-phone { transition:color .2s ease; }
.contact-details a:hover,.contact-phone:hover { color:#62b5ff; }
.contact-details a:focus-visible,.contact-phone:focus-visible { outline:2px solid #62b5ff; outline-offset:4px; }
.contact-card hr { margin:22px 0; border:0; border-top:1px solid rgba(255,255,255,.16); }
footer { color:#7d94ac; background:#010914; border-top:1px solid rgba(255,255,255,.08); }
.footer-top { min-height:128px; padding:28px 0; display:flex; align-items:center; justify-content:space-between; gap:40px; }
.footer-brand { display:grid; gap:12px; flex-shrink:0; }
footer .brand { color:white; }
footer .brand-logo { width:138px; }
footer .brand-en { font-size:18px; }
footer .brand-cn { font-size:13px; }
.footer-tagline { margin:0; color:#a2b1c2; font-size:12px; line-height:1.6; }
.footer-addresses { min-width:0; display:grid; gap:10px; }
.footer-address { margin:0; display:grid; grid-template-columns:max-content minmax(0,1fr); align-items:baseline; gap:16px; color:#a2b1c2; font-size:13px; font-style:normal; line-height:1.8; overflow-wrap:anywhere; }
.footer-address-label { color:#82b7ee; white-space:nowrap; }
.footer-bottom { background:#020c18; border-top:1px solid rgba(255,255,255,.1); }
.footer-bottom-inner { min-height:56px; padding:15px 0; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 24px; }
.footer-records { min-height:16px; display:flex; align-items:center; flex-wrap:wrap; gap:12px 18px; color:#a2b1c2; font-size:12px; line-height:1.7; }
.footer-records > * { white-space:nowrap; }
.footer-records a { color:inherit; transition:color .2s ease; }
.footer-records a:hover { color:#62b5ff; }
.footer-records a:focus-visible { outline:2px solid #62b5ff; outline-offset:3px; }
.footer-records > * + * { padding-left:18px; border-left:1px solid rgba(255,255,255,.1); }
.footer-copyright { font-size:11px; line-height:1.7; overflow-wrap:anywhere; }

[data-reveal] { opacity:1; transform:none; }
.js [data-reveal] { opacity:0; transform:translateY(28px); transition:opacity .7s ease var(--delay,0ms),transform .7s cubic-bezier(.2,.7,.2,1) var(--delay,0ms); }
.js [data-reveal].is-visible { opacity:1; transform:translateY(0); }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto} .js [data-reveal]{opacity:1;transform:none;transition:none}.button,.product-card,.industry-card{transition:none} }

@media (max-width:1100px) {
  :root { --shell:calc(100vw - 56px); }
  .site-header { padding-inline:28px; }
  .site-header nav { gap:18px; }
  .site-header nav a { font-size:12px; }
  .hero-copy,.trust-row { left:42px; }
  .hero-copy { width:58vw; }
  .hero-product { right:-18%; width:72vw; }
  .product-grid { grid-template-columns:repeat(2,1fr); }
  .industry-grid { grid-template-columns:repeat(3,1fr); }
  .manufacturing-inner { grid-template-columns:1fr; gap:35px; }
  .factory-title { align-self:end; }
  .laboratory-layout { grid-template-columns:1fr; }
  .laboratory-hero { min-height:500px; }
  .laboratory-capabilities { grid-template-columns:repeat(3,1fr); }
  .laboratory-item { grid-template-columns:1fr; grid-template-rows:150px auto; }
  .certification-grid { grid-template-columns:repeat(2,1fr); }
  .certification-card:last-child { grid-column:1/-1; }
  .certification-card:last-child .certificate-previews { height:310px; }
  .certificate-previews-single img { width:auto; }
  .about { grid-template-columns:1fr 1fr; }
  .about-copy { padding-left:40px; }
  .partner-list { grid-template-columns:repeat(3,1fr); }
  .partner-list span:nth-child(4){border-left:0;border-top:1px solid var(--line)}
  .partner-list span:nth-child(n+4){border-top:1px solid var(--line)}
}

@media (max-width:820px) {
  :root { --shell:calc(100vw - 36px); }
  .site-header { height:68px; padding-inline:20px; }
  .site-header nav { position:absolute; top:68px; left:0; right:0; display:none; padding:15px 20px 24px; flex-direction:column; align-items:stretch; gap:0; background:rgba(2,11,22,.98); }
  .site-header nav.is-open { display:flex; }
  .site-header nav a { padding:14px 0; border-bottom:1px solid rgba(255,255,255,.1); font-size:14px; }
  .site-header nav a::after { display:none; }
  .menu-button { display:block; }
  .brand-en { font-size:20px; }
  .brand-cn { font-size:14px; }
  .brand-logo { width:145px; }
  .hero { min-height:820px; height:100svh; }
  .hero::before { background:linear-gradient(180deg,rgba(1,8,18,.93) 0%,rgba(2,15,29,.78) 63%,rgba(3,18,34,.96) 100%); }
  .hero-product { top:12%; right:-17%; width:92vw; height:47%; opacity:.75; }
  .hero-copy { left:24px; top:44%; width:calc(100vw - 48px); transform:translateY(-36%); }
  .hero h1 { font-size:clamp(44px,11vw,64px); }
  .hero-copy p { font-size:14px; }
  .trust-row { left:24px; right:24px; bottom:35px; justify-content:space-between; }
  .trust-row>div { min-width:0; padding:0 16px; grid-template-columns:32px 1fr; }
  .trust-icon { width:25px; height:25px; }
  .trust-row b { font-size:14px; }
  .trust-row small { font-size:10px; }
  .hero-index { display:none; }
  .section { padding:76px 0 82px; }
  .section-title { flex-direction:column; align-items:flex-start; gap:18px; margin-bottom:33px; }
  .section-title>p { width:auto; max-width:100%; }
  .manufacturing-inner { padding:70px 0; }
  .process-grid { grid-template-columns:repeat(2,1fr); }
  .process-grid article:nth-child(3),.process-grid article:nth-child(4) { border-top:1px solid rgba(255,255,255,.22); }
  .laboratory-hero { min-height:420px; }
  .laboratory-capabilities { grid-template-columns:1fr; }
  .laboratory-item { grid-template-columns:170px 1fr; grid-template-rows:none; }
  .quality-flow { grid-template-columns:repeat(2,1fr); gap:32px 0; }
  .quality-step:nth-child(2) i { display:none; }
  .certification-heading { align-items:flex-start; flex-direction:column; gap:14px; }
  .certification-heading>p { width:auto; max-width:100%; }
  .certification-grid { grid-template-columns:1fr; }
  .certification-card:last-child { grid-column:auto; }
  .certificate-previews,.certification-card:last-child .certificate-previews { height:340px; }
  .compliance-strip { align-items:flex-start; flex-wrap:wrap; }
  .compliance-strip p { width:100%; margin:0; }
  .about { grid-template-columns:1fr; }
  .about-copy { padding:75px 24px; }
  .about-image { min-height:430px; }
  .contact-inner { grid-template-columns:1fr; gap:45px; }
  .footer-top { align-items:flex-start; flex-direction:column; gap:24px; }
  .footer-bottom-inner { padding:20px 0; flex-direction:column; align-items:flex-start; gap:12px; text-align:left; }
  .footer-copyright { width:100%; display:grid; justify-items:start; gap:2px; }
  .footer-records { width:100%; flex-direction:column; align-items:flex-start; gap:6px; }
  .footer-records > * + * { padding-left:0; border-left:0; }
}

@media (max-width:540px) {
  .header-tools>span,.header-tools>b { display:none; }
  .hero { min-height:760px; }
  .hero-product { top:10%; right:-30%; width:112vw; height:43%; }
  .hero-copy { top:45%; }
  .hero h1 { margin:16px 0; font-size:43px; line-height:1.14; }
  .kicker { font-size:9px; }
  .hero-actions { margin-top:25px; }
  .button { min-width:132px; height:48px; padding:0 18px; }
  .trust-row>div { padding:0 8px; grid-template-columns:1fr; text-align:center; }
  .trust-icon { display:none; }
  .product-grid { grid-template-columns:1fr; }
  .product-image-wrap { height:230px; }
  .connector-card .product-info { min-height:0; }
  .industry-grid { grid-template-columns:repeat(2,1fr); gap:10px; }
  .industry-card { min-height:148px; }
  .process-grid article { min-height:170px; padding:22px 15px 10px; }
  .quality-symbol { width:66px; height:66px; }
  .quality-step i { right:-5px; top:44px; }
  .laboratory-hero { min-height:350px; }
  .laboratory-hero figcaption { left:20px; right:20px; bottom:20px; font-size:14px; }
  .laboratory-item { grid-template-columns:116px 1fr; min-height:136px; }
  .laboratory-item>div { padding:16px; }
  .certificate-previews,.certification-card:last-child .certificate-previews { height:270px; }
  .certification-card { padding:16px; }
  .compliance-strip { gap:10px; padding:18px; }
  .quality-note { align-items:flex-start; padding:24px; }
  .quality-note>span { font-size:31px; }
  .partner-list { grid-template-columns:repeat(2,1fr); }
  .partner-list span:nth-child(3),.partner-list span:nth-child(5){border-left:0}
  .partner-list span:nth-child(n+3){border-top:1px solid var(--line)}
  .partner-list span:nth-child(4){border-left:1px solid var(--line)}
  .contact { padding:75px 0; }
  .contact-actions { align-items:stretch; flex-direction:column; }
  .contact-actions .button { width:100%; }
  .contact-details a { align-items:flex-start; flex-direction:column; gap:3px; }
  .contact-details b { overflow-wrap:anywhere; }
}

@media (max-width:420px) {
  .footer-top { padding:26px 0; }
  .footer-addresses { gap:16px; }
  .footer-address { grid-template-columns:minmax(0,1fr); gap:4px; }
}