:root { --navy:#082b49; --blue:#0d6ea9; --cyan:#5cd8d5; --ink:#153248; --muted:#6c8191; --line:#dce8ee; --soft:#f3f8fa; --white:#fff; --max:1180px; --radius:20px; --shadow:0 20px 60px rgba(9,50,77,.10); --serif: Georgia, "Times New Roman", serif; --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--white); font-family:var(--sans); line-height:1.6; }
a { color:inherit; text-decoration:none; }
button, input, textarea { font:inherit; }
.container { width:min(calc(100% - 48px), var(--max)); margin:0 auto; }
.skip-link { position:absolute; left:-999px; top:10px; z-index:10; background:var(--white); padding:10px 14px; }
.skip-link:focus { left:10px; }
.site-header { position:sticky; top:0; z-index:5; background:rgba(255,255,255,.94); border-bottom:1px solid rgba(220,232,238,.8); backdrop-filter:blur(14px); }
.nav-wrap { min-height:78px; display:flex; align-items:center; gap:34px; }
.brand { display:flex; align-items:center; gap:11px; margin-right:auto; }
.brand-mark { width:35px; height:35px; display:grid; grid-template-columns:repeat(3,1fr); gap:3px; transform:skew(-13deg); }
.brand-mark span { background:var(--blue); border-radius:3px; }.brand-mark span:nth-child(2){background:var(--cyan); margin-top:7px;}.brand-mark span:nth-child(3){background:var(--navy); margin-top:14px;}
.brand-copy { display:grid; line-height:1.05; letter-spacing:.08em; }.brand-copy strong{font-size:14px;}.brand-copy small{font-size:9px; color:var(--muted); margin-top:5px; letter-spacing:.12em;}
.main-nav { display:flex; align-items:center; gap:27px; color:#537083; font-size:13px; }.main-nav a{transition:color .2s}.main-nav a:hover,.main-nav a:focus{color:var(--blue);}
.language-toggle { border:0; background:transparent; color:var(--blue); cursor:pointer; font-size:12px; padding:8px 0; white-space:nowrap; }.lang-divider{color:#bdd0d8; margin:0 5px;}.language-toggle .lang-zh{color:var(--muted)}.language-toggle.is-zh .lang-en{color:var(--muted)}.language-toggle.is-zh .lang-zh{color:var(--blue);}
.hero { min-height:650px; position:relative; overflow:hidden; color:var(--white); background:radial-gradient(circle at 80% 12%, rgba(92,216,213,.30), transparent 25%), linear-gradient(120deg, #061e38 0%, #0b4f78 57%, #0e87a5 100%); }
.hero::after { content:""; position:absolute; inset:0; opacity:.13; background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px); background-size:70px 70px; mask-image:linear-gradient(90deg,black,transparent 78%); }
.hero-inner { position:relative; z-index:1; padding:142px 0 100px; max-width:850px; margin-left:max(24px, calc((100vw - var(--max))/2)); }
.eyebrow,.section-kicker { color:var(--cyan); font-size:11px; letter-spacing:.18em; font-weight:700; }.hero h1{max-width:760px; margin:22px 0 22px; font-family:var(--serif); font-weight:400; font-size:clamp(44px,6vw,78px); line-height:1.04; letter-spacing:-.035em;}.hero-subtitle{max-width:540px; color:#d6f2f1; font-size:20px; margin:0;}.hero-actions{display:flex; gap:12px; margin-top:39px;}.button{display:inline-flex; justify-content:center; align-items:center; border:1px solid transparent; border-radius:999px; padding:13px 21px; font-weight:700; font-size:13px; cursor:pointer; transition:transform .2s,background .2s,border-color .2s;}.button:hover{transform:translateY(-2px)}.button-light{background:var(--white); color:var(--navy)}.button-outline{border-color:rgba(255,255,255,.65); color:var(--white)}.button-outline:hover{background:rgba(255,255,255,.13)}.button-dark{background:var(--navy); color:var(--white); width:100%;}.hero-note{display:flex;align-items:center;gap:9px;margin-top:80px;color:#bfe5e6;font-size:12px}.pulse-dot{width:7px;height:7px;border-radius:99px;background:var(--cyan);box-shadow:0 0 0 5px rgba(92,216,213,.15)}.hero-grid{position:absolute;z-index:1;right:8%;top:20%;width:360px;height:300px;opacity:.23}.hero-grid span{position:absolute;width:18px;height:18px;border:1px solid var(--cyan);border-radius:50%;}.hero-grid span:nth-child(1){left:20px;top:80px}.hero-grid span:nth-child(2){left:170px;top:10px}.hero-grid span:nth-child(3){right:10px;top:112px}.hero-grid span:nth-child(4){left:195px;bottom:20px}.hero-grid::before,.hero-grid::after{content:"";position:absolute;background:var(--cyan);transform-origin:left center;height:1px}.hero-grid::before{width:180px;left:34px;top:90px;transform:rotate(-25deg)}.hero-grid::after{width:215px;left:180px;top:28px;transform:rotate(27deg)}.hero-orbit{position:absolute;border:1px solid rgba(92,216,213,.25);border-radius:50%;width:530px;height:530px;right:-170px;bottom:-290px}.orbit-two{width:340px;height:340px;right:18%;bottom:-200px}
.section{padding:112px 0}.intro-section{background:var(--white)}.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.section h2{font-family:var(--serif);font-weight:400;color:var(--navy);font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.025em;margin:18px 0 0}.section-copy{max-width:515px;color:var(--muted);font-size:16px;padding-top:7px}.section-copy p{margin:0 0 20px}.soft-section{background:var(--soft)}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:48px}.section-heading>p{max-width:370px;color:var(--muted);margin:0}.compact-heading{margin-bottom:38px}.card-grid{display:grid;gap:16px}.product-grid{grid-template-columns:repeat(4,1fr)}.product-card{background:var(--white);padding:28px 25px 25px;border:1px solid var(--line);border-radius:var(--radius);min-height:300px;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-number,.service-number{font-size:11px;color:var(--blue);letter-spacing:.12em;font-weight:800}.product-card h3,.service-card h3{font-size:18px;line-height:1.22;color:var(--navy);margin:48px 0 12px}.product-card p,.service-card p{color:var(--muted);font-size:14px;margin:0}.text-link{margin-top:auto;padding-top:28px;color:var(--blue);font-size:12px;font-weight:800}.text-link span{font-size:18px;margin-left:6px;vertical-align:-1px}.service-grid{grid-template-columns:repeat(3,1fr)}.service-card{padding:28px 28px 34px;border-top:1px solid var(--line)}.service-card h3{margin:35px 0 12px}.trust-section{background:var(--navy);color:var(--white);padding:95px 0}.trust-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}.light-kicker{color:var(--cyan)}.trust-section h2{font-family:var(--serif);font-size:clamp(34px,4vw,53px);font-weight:400;line-height:1.08;margin:20px 0 0;letter-spacing:-.025em}.trust-points{border-top:1px solid rgba(255,255,255,.22)}.trust-points div{display:flex;align-items:center;gap:24px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.22);font-size:14px;color:#d5e7ea}.trust-points strong{color:var(--cyan);font-size:11px}.contact-section{background:#f8fbfc}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.contact-copy p{color:var(--muted);max-width:430px}.contact-details{display:grid;gap:8px;color:var(--muted);font-size:13px;margin-top:35px}.contact-details span{display:flex;gap:12px}.contact-details strong{color:var(--navy)}.inquiry-form{background:var(--white);padding:34px;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.inquiry-form label{display:grid;gap:7px;color:var(--navy);font-size:12px;font-weight:700;margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.inquiry-form input,.inquiry-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fbfdfe;color:var(--ink);padding:11px 12px;outline:none;resize:vertical}.inquiry-form input:focus,.inquiry-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(13,110,169,.12)}.form-note{color:var(--muted);font-size:11px;margin:14px 0 0;text-align:center}.site-footer{background:#041d33;color:#a9c0ca;font-size:11px;padding:22px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px}
.page-hero{padding:100px 0 90px;background:linear-gradient(120deg,#071f39 0%,#0b527c 68%,#0d829a 100%);color:var(--white);position:relative;overflow:hidden}.page-hero::after{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,black,transparent 80%)}.page-hero .container{position:relative;z-index:1}.page-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(45px,6vw,72px);line-height:1.05;max-width:760px;margin:18px 0 18px;letter-spacing:-.03em}.page-hero p{color:#d7f0f1;max-width:620px;font-size:18px;margin:0}.product-note{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin-bottom:35px}.product-page-grid{grid-template-columns:repeat(2,1fr)}.product-page-grid .product-card{min-height:280px}.service-page-grid{grid-template-columns:repeat(3,1fr)}.cta-banner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:40px 44px;background:#e7f5f6;border-radius:var(--radius)}.cta-banner h2{font-size:36px}.cta-banner .button{width:auto;min-width:180px}
@media (max-width:900px){.main-nav{gap:16px}.product-grid{grid-template-columns:repeat(2,1fr)}.split-layout,.trust-inner{gap:45px}.contact-layout{gap:45px}}
@media (max-width:760px){.container{width:min(calc(100% - 36px),var(--max))}.nav-wrap{min-height:70px;gap:13px;flex-wrap:wrap;padding:12px 0}.brand{width:100%}.main-nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:12px;padding-bottom:3px}.language-toggle{position:absolute;right:0;top:18px}.hero{min-height:650px}.hero-inner{padding:100px 18px 60px;margin:0 auto}.hero-grid{right:-150px;top:28%}.hero h1{font-size:47px}.hero-subtitle{font-size:17px}.hero-note{margin-top:58px}.section{padding:78px 0}.split-layout,.trust-inner,.contact-layout{grid-template-columns:1fr}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:20px}.product-grid,.service-grid,.product-page-grid,.service-page-grid{grid-template-columns:1fr}.product-card{min-height:250px}.trust-section{padding:75px 0}.form-row{grid-template-columns:1fr;gap:0}.footer-inner{display:grid;gap:8px}.page-hero{padding:75px 0 65px}.page-hero h1{font-size:47px}.cta-banner{display:block;padding:30px}.cta-banner .button{margin-top:24px;width:100%}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.product-card{transition:none}.button:hover,.product-card:hover{transform:none}}
.contact-details a{color:var(--blue)}
.product-category-grid{grid-template-columns:repeat(3,1fr)}
.product-category-card{padding:28px 25px 32px;border-top:2px solid var(--blue);min-height:290px;display:flex;flex-direction:column}
.product-category-card h3{font-size:22px;line-height:1.18;color:var(--navy);margin:48px 0 14px}
.product-category-card p{color:var(--muted);font-size:14px;margin:0}
@media (max-width:760px){.product-category-grid{grid-template-columns:1fr}.product-category-card{min-height:250px}}
.hero-photo{position:absolute;z-index:0;right:0;top:0;width:50%;height:100%;background:linear-gradient(90deg,#061e38 0%,rgba(6,30,56,.74) 22%,rgba(6,30,56,.12) 100%),url('../images/hero-lab-glassware.jpg') center/cover;opacity:.76}.about-photo{min-height:430px;border-radius:var(--radius);background:linear-gradient(135deg,rgba(8,43,73,.18),rgba(13,110,169,.22)),url('../images/researcher-blue-liquid.jpg') center/cover;box-shadow:var(--shadow)}.image-split{align-items:center}.image-caption{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:11px;margin-top:35px}.image-caption a{color:var(--blue);font-weight:700}.image-banner{min-height:280px;background:linear-gradient(90deg,rgba(7,31,57,.68),rgba(7,31,57,.08)),url('../images/blue-flask.jpg') center 52%/cover}.image-banner-inner{height:280px;display:flex;align-items:flex-end;padding-bottom:30px}.light-caption{color:#dceff1}.light-caption a{color:var(--cyan)}
@media (max-width:760px){.hero-photo{width:100%;opacity:.28}.about-photo{min-height:300px}.image-banner,.image-banner-inner{min-height:220px;height:220px}}
.service-visual-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.visual-tile{min-height:330px;border-radius:var(--radius);background-position:center;background-size:cover;box-shadow:var(--shadow)}.microscope-photo{background-image:linear-gradient(90deg,rgba(8,43,73,.12),rgba(8,43,73,.28)),url('../images/microscope-research.jpg')}.modern-lab-photo{background-image:linear-gradient(90deg,rgba(8,43,73,.12),rgba(8,43,73,.30)),url('../images/modern-lab.jpg')}.contact-image{height:220px;border-radius:var(--radius);margin-bottom:34px;background:linear-gradient(90deg,rgba(8,43,73,.28),rgba(8,43,73,.05)),url('../images/test-tubes.jpg') center/cover;box-shadow:var(--shadow)}
@media (max-width:760px){.service-visual-grid{grid-template-columns:1fr}.visual-tile{min-height:230px}.contact-image{height:180px}}
.managed-product-card{gap:14px}.managed-product-card h3{margin:14px 0 0}.product-card-image{width:100%;height:180px;object-fit:cover;border-radius:12px;background:var(--soft)}.product-meta{display:grid;grid-template-columns:max-content 1fr;gap:5px 14px;margin:0;color:var(--muted);font-size:12px}.product-meta dt{font-weight:700;color:var(--navy)}.product-meta dd{margin:0}.product-empty{max-width:680px;margin:0 auto;padding:42px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;color:var(--muted)}.product-empty .button{width:auto;margin-top:20px}.product-detail-card{max-width:900px;margin:0 auto;padding:clamp(28px,5vw,54px);background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.product-detail-card h1{font-family:var(--serif);font-size:clamp(38px,5vw,60px);font-weight:400;line-height:1.08;color:var(--navy);margin:0 0 28px}.product-detail-image{display:block;width:100%;max-height:460px;object-fit:cover;border-radius:14px;margin:0 0 32px;background:var(--soft)}.product-detail-meta{margin-bottom:28px;font-size:14px}.product-summary{max-width:700px;color:var(--muted);white-space:pre-line}.product-detail-card .button{width:auto;margin-top:20px}