:root{color-scheme:light;--ink:#12363b;--muted:#5b7175;--teal:#087d75;--navy:#092e35;--line:#dce5e5;--paper:#fff;--pale:#f4f7f7;--mint:#b3eee2;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:var(--font-body);background:var(--paper);color:var(--ink);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #008b82;outline-offset:6px}::selection{background:#b3eee2;color:#092e35}.container{width:calc(100% - 112px);max-width:var(--max);margin:0 auto}.skip-link{position:fixed;top:-80px;left:20px;background:white;color:var(--ink);padding:12px 20px;z-index:100}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(17,57,61,.09)}.header-inner{height:94px;max-width:1440px;padding:0 56px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{display:inline-flex;align-items:center;gap:13px;flex-shrink:0}.main-nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:500}.main-nav>a{white-space:nowrap;transition:color .2s}.main-nav>a:hover{color:var(--teal)}.main-nav>a[aria-current]{color:var(--teal)}.nav-contact{display:flex;align-items:center;gap:24px;padding:9px 17px;border:1px solid #b8caca}.nav-contact:hover{background:#e7f5f1}.menu-toggle{display:none}
.hero{position:relative;overflow:hidden;isolation:isolate;background:#092c34;color:white}.hero-art{position:absolute;inset:0;background-color:#082931;background-image:url('/assets/spectrum-hero.png');background-size:cover;background-position:center;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,31,39,.94) 0%,rgba(5,31,39,.77) 31%,rgba(5,31,39,.2) 67%,rgba(5,31,39,.08));z-index:-2}.hero-inner{padding-top:88px;min-height:670px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font:500 13px/1.5 var(--font-ui);letter-spacing:.14em;color:var(--teal);margin-bottom:23px}.eyebrow.light{color:#b7dedb}.hero .eyebrow{font-family:inherit;font-size:14px;letter-spacing:.15em;display:flex;align-items:center;gap:14px}.eyebrow-line{width:25px;height:1px;background:#a5e6da}.hero h1{font-size:clamp(48px,5vw,72px);font-weight:500;line-height:1.3;letter-spacing:.035em}.hero h1 span{color:var(--mint)}.hero-copy{margin-top:26px;color:#cfdfdf;font-size:17px;font-weight:400;line-height:1.95;max-width:580px}.mobile-break{display:none}.hero-actions{display:flex;align-items:center;gap:34px;margin-top:36px}.button{min-height:51px;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:11px 22px;font-size:15px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-light{background:#c3f0e6;color:#093c3c}.button-light:hover{background:white}.button span{font-size:21px}.text-link{font-size:14px;display:inline-flex;align-items:center;gap:20px}.text-link:hover{text-decoration:underline;text-underline-offset:6px}.hero-bottom{align-self:stretch;display:flex;justify-content:space-between;align-items:center;margin-top:74px;padding:20px 0 24px;border-top:1px solid #ffffff30;color:#aac3c6;font-size:13px}.hero-bottom>span:last-child{font:12px/1.5 var(--font-ui);letter-spacing:.14em;display:flex;gap:30px}.focus-strip{border-bottom:1px solid var(--line)}.focus-inner{display:grid;grid-template-columns:repeat(3,1fr);padding:26px 0}.focus-inner>div{display:flex;align-items:center;gap:22px;padding:0 40px;border-left:1px solid var(--line)}.focus-inner>div:first-child{padding-left:0;border:0}.focus-inner .index{font-size:14px;font-family:var(--font-ui);color:#5c8c8b}.focus-inner p{font-size:18px;line-height:1.4;font-weight:500;letter-spacing:.06em}.focus-inner p span{display:block;font:12px/1.4 var(--font-ui);letter-spacing:.1em;margin-top:7px;color:var(--muted)}
.section{padding:104px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:45px}h2{font-size:clamp(30px,3vw,42px);font-weight:500;line-height:1.45;letter-spacing:.025em}.section-intro{max-width:450px;color:var(--muted);font-size:16px;line-height:1.9;padding-bottom:4px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.product-card{padding:32px 34px 0;overflow:hidden;border:1px solid transparent}.instrument-card{background:var(--navy);color:#fff}.reagent-card{background:#eaf3f1;border-color:#ddeae7}.product-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;flex-wrap:wrap}.tag{font-size:12px;line-height:1.5;padding:4px 8px;white-space:nowrap}.tag-outline{color:#c3dddc;border:1px solid #608286}.tag-teal{background:#d0e9e1;color:#216c5d}.product-identity{padding:60px 0 51px;min-height:270px}.product-category{font:12px/1.4 var(--font-ui);letter-spacing:.13em}.instrument-card .product-category{color:#97b7b8}.reagent-card .product-category{color:#577b76}.product-identity h3{font:400 clamp(42px,4.6vw,65px)/1.25 var(--font-ui);letter-spacing:-.02em;margin:12px 0 9px}.instrument-card h3 span{font-weight:300;color:#bde6de}.product-identity p{font-size:17px;line-height:1.6}.instrument-card .product-identity p{color:#c9dedd}.product-summary>p{font-size:15px;line-height:1.9;min-height:81px;padding-bottom:23px;color:var(--muted)}.instrument-card .product-summary>p{color:#c3d6d8}.product-details{border-top:1px solid #c4d9d4}.instrument-card .product-details{border-color:#466269}.product-details summary{list-style:none;cursor:pointer;min-height:70px;display:flex;align-items:center;justify-content:space-between;font-size:14px;gap:16px}.product-details summary::-webkit-details-marker{display:none}.expand-icon{font-size:24px;line-height:1;font-family:var(--font-ui);font-weight:300;transition:transform .2s}.product-details[open] .expand-icon{transform:rotate(45deg)}.detail-content{padding-bottom:29px;font-size:14px;line-height:1.8}.detail-content dl{margin:0 0 20px}.detail-content dl>div{display:grid;grid-template-columns:90px 1fr;gap:8px;padding:8px 0}.detail-content dt{opacity:.72}.detail-content dd{margin:0;overflow-wrap:anywhere}.detail-content>p{font-size:13px;opacity:.8}.product-footnote{font-size:13px;color:var(--muted);margin-top:20px}
.applications{background:var(--pale)}.application-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bacdce}.application-card{padding:33px 35px 0;border-left:1px solid #d3dfe0}.application-card:first-child{border:0;padding-left:0}.application-card:last-child{padding-right:0}.application-number{font:18px/1.5 var(--font-ui);color:var(--teal);display:flex;flex-wrap:wrap;gap:15px;align-items:center}.application-number span{font-size:12px;color:var(--muted);letter-spacing:.035em}.application-card h3{font-size:24px;font-weight:500;margin:29px 0 15px}.application-card>p{color:var(--muted);font-size:16px;line-height:1.95}.application-keywords{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:29px;font-size:13px;color:#497774}.about-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:100px}.about h2{font-size:48px;line-height:1.5}.about-location{margin-top:28px;color:var(--muted);font-size:14px;letter-spacing:.08em}.about-copy{padding-top:5px}.about-copy h3{font-size:23px;font-weight:500;margin-bottom:23px}.about-copy>p{color:var(--muted);font-size:16px;line-height:2;margin-bottom:20px}.about-principle{border-top:1px solid var(--line);margin-top:34px;padding-top:23px;display:flex;align-items:center;gap:30px}.about-principle span{font-size:13px;color:var(--muted);white-space:nowrap}.about-principle strong{font-size:18px;font-weight:500}
.cooperation{background:#0b393e;color:#fff;padding:76px 0}.cooperation-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.cooperation h2{font-size:38px;line-height:1.5}.cooperation p:not(.eyebrow){font-size:15px;color:#b9d2d1;margin-top:22px}.cooperation-directions>div{display:grid;grid-template-columns:30px 1fr;column-gap:18px;align-items:center;border-top:1px solid #456669;padding:20px 0}.cooperation-directions>div:last-child{border-bottom:1px solid #456669}.cooperation-directions span{font:12px/1.4 var(--font-ui);color:#9fc7c2;grid-row:1/3}.cooperation-directions h3{font-size:19px;font-weight:400}.cooperation .cooperation-directions p{font-size:14px;margin-top:3px}.site-footer{background:#f8fafa;padding-top:44px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-bottom:37px}.footer-main p{font-size:14px}.footer-main .footer-location{color:var(--muted);font-size:13px;margin-top:3px}.back-top{font-size:14px;display:flex;gap:25px;align-items:center}.back-top span{border:1px solid #c6d6d6;width:34px;height:34px;text-align:center;line-height:32px}.footer-bottom{border-top:1px solid var(--line);padding:20px 0;display:flex;gap:18px;justify-content:space-between;color:var(--muted);font-size:12px}
@media(min-width:1600px){.hero-inner{min-height:740px;padding-top:115px}.hero-bottom{margin-top:100px}.hero-art{background-position:center 48%}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.header-inner{padding:0 32px;gap:24px}.main-nav{gap:20px}.brand{gap:10px}.hero-inner{min-height:640px}.section{padding:80px 0}.section-heading{gap:32px}.section-intro{max-width:375px}.product-card{padding:26px 26px 0}.about-grid{gap:60px}.cooperation-inner{gap:60px}.focus-inner>div{padding:0 28px;gap:16px}.focus-inner p span{letter-spacing:0}.application-card{padding:28px 24px 0}.application-number{gap:8px}.footer-main{gap:24px}}
@media(max-width:850px){.header-inner{height:78px}.main-nav{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:12px 32px 24px;box-shadow:0 12px 18px #092e350a}.main-nav.is-open{display:flex}.main-nav>a{padding:13px 4px;font-size:16px}.main-nav>.nav-contact{margin-top:8px;padding:10px 16px;justify-content:space-between}.menu-toggle{display:flex;align-items:center;gap:14px;background:none;border:0;color:var(--ink);padding:12px 0 12px 15px;font-size:14px;cursor:pointer}.menu-icon{width:21px;height:13px;border-top:1px solid;border-bottom:1px solid}.menu-toggle[aria-expanded="true"] .menu-icon{height:1px;border-bottom:0}.hero-inner{min-height:635px;padding-top:76px}.hero-shade{background:linear-gradient(90deg,rgba(5,31,39,.9),rgba(5,31,39,.6) 50%,rgba(5,31,39,.12))}.hero h1{font-size:56px}.hero-copy{font-size:16px}.hero-bottom{margin-top:65px}.section-heading{align-items:flex-start;flex-direction:column;gap:23px}.section-intro{max-width:590px}.desktop-break{display:none}.focus-inner>div{padding:0 18px;gap:12px}.focus-inner p{font-size:16px}.focus-inner p span{font-size:12px}.product-top{align-items:flex-start;flex-direction:column;gap:10px}.product-identity{padding-top:37px;min-height:246px;padding-bottom:32px}.product-identity h3{font-size:45px}.product-summary>p{min-height:110px}.application-grid{grid-template-columns:1fr}.application-card,.application-card:first-child,.application-card:last-child{padding:28px 0;border-left:0;border-bottom:1px solid var(--line)}.application-card h3{margin-top:15px}.application-keywords{margin-top:18px}.about-grid{grid-template-columns:1fr;gap:36px}.about h2{font-size:40px}.about-location{margin-top:18px}.cooperation-inner{grid-template-columns:1fr;gap:36px}.cooperation h2{font-size:36px}.footer-main{flex-wrap:wrap}.footer-main>div{order:3;flex-basis:100%}.footer-bottom{flex-wrap:wrap}}
@media(max-width:560px){html{scroll-padding-top:95px}.container{width:calc(100% - 40px)}.header-inner{padding:0 20px;height:74px}.main-nav{top:74px;padding-left:20px;padding-right:20px}.brand{gap:6px}.hero-inner{padding-top:63px;min-height:630px}.hero-art{background-position:62% center;opacity:.7}.hero-shade{background:linear-gradient(90deg,rgba(5,31,39,.83),rgba(5,31,39,.5))}.hero .eyebrow{font-size:12px;letter-spacing:.08em;margin-bottom:25px;gap:10px}.hero h1{font-size:clamp(38px,10.9vw,55px);letter-spacing:.015em;line-height:1.4}.hero-copy{margin-top:25px;font-size:15px;line-height:1.9}.mobile-break{display:block}.hero-actions{gap:24px;margin-top:30px;flex-wrap:wrap}.button{padding:10px 16px;gap:20px;font-size:14px;min-height:49px}.text-link{font-size:13px;gap:9px}.hero-bottom{margin-top:52px;padding-top:18px;font-size:12px}.hero-bottom>span:last-child{font-size:12px;letter-spacing:.02em;gap:12px}.focus-inner{padding:22px 0}.focus-inner>div{flex-direction:column;align-items:flex-start;gap:6px;padding:0 14px}.focus-inner .index{font-size:12px}.focus-inner p{font-size:14px;letter-spacing:0}.focus-inner p span{font-size:12px;max-width:95px;line-height:1.55;letter-spacing:0;margin-top:4px}.section{padding:62px 0}.eyebrow{font-size:12px;margin-bottom:17px}.section-heading{margin-bottom:30px}h2{font-size:30px}.section-intro{font-size:15px}.product-grid{grid-template-columns:1fr;gap:20px}.product-card{padding:26px 23px 0}.product-top{flex-direction:row;align-items:center;font-size:13px}.tag{font-size:12px}.product-identity{padding-top:42px;padding-bottom:37px;min-height:240px}.product-identity h3{font-size:54px}.product-category{font-size:12px}.product-summary>p{min-height:0;font-size:15px;padding-bottom:23px}.product-footnote{font-size:12px}.application-card h3{font-size:23px}.application-number span{font-size:12px}.about h2{font-size:38px}.about-copy h3{font-size:20px}.about-copy>p{font-size:16px}.about-principle{gap:14px;align-items:flex-start;flex-direction:column}.about-principle strong{font-size:18px}.cooperation{padding:58px 0}.cooperation h2{font-size:30px}.cooperation p:not(.eyebrow){font-size:15px}.footer-main{gap:24px}.back-top{gap:12px;font-size:13px}.footer-bottom{font-size:12px;gap:5px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

@media(max-width:560px){.focus-inner p span{display:none}.hero-bottom{gap:12px;flex-wrap:wrap}}

/* Brand reference is rendered without redrawing or re-typesetting the wordmark. */
.site-header{background:#faf6ef}
.brand{display:inline-flex;align-items:center;line-height:1;flex-shrink:0;gap:0}
.brand-lockup{display:block;width:230px;height:auto;aspect-ratio:565/205;overflow:hidden}
.site-footer{background:#faf6ef}
.footer-brand .brand-lockup{width:250px}
body{font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;line-height:1.85}
h1,h2,h3{font-synthesis:none;word-break:normal;overflow-wrap:break-word}
.hero h1{letter-spacing:.025em;font-weight:500;line-height:1.4}
h2{letter-spacing:.02em;line-height:1.5}
.main-nav{font-size:.9375rem;letter-spacing:.025em;font-weight:400}
.hero-copy,.section-intro,.product-summary>p,.application-card>p,.about-copy>p,.cooperation p:not(.eyebrow){font-size:1rem;font-weight:400;line-height:1.9}
.product-details summary,.detail-content,.product-top,.application-keywords,.cooperation .cooperation-directions p,.back-top{font-size:.875rem}
.detail-content dt,.detail-content dd{line-height:1.9}
.product-footnote,.detail-content>p{font-size:.8125rem;line-height:1.85}
.product-summary>p{min-height:85px}
.product-identity h3{font-weight:400;letter-spacing:.015em;white-space:nowrap}
.registration-number{font-variant-numeric:tabular-nums;letter-spacing:.01em}
.footer-bottom{font-size:.75rem;line-height:1.8}
@media(max-width:1100px){.main-nav{gap:22px}.header-inner{gap:24px}.brand-lockup{width:210px}}
@media(max-width:850px){.brand-lockup{width:195px}.main-nav{background:#faf6ef;font-size:1rem}.main-nav>a{font-size:1rem}.hero h1{line-height:1.45}.product-summary>p{min-height:115px}}
@media(max-width:560px){.brand-lockup{width:184px}.footer-brand .brand-lockup{width:200px}.header-inner{gap:12px}.hero .eyebrow{font-size:.8125rem;letter-spacing:.035em}.hero h1{font-size:clamp(2.25rem,10.4vw,3.25rem);line-height:1.45}.hero-copy,.section-intro,.product-summary>p,.application-card>p,.about-copy>p,.cooperation p:not(.eyebrow){font-size:1rem;line-height:1.9}.hero-copy .mobile-break{display:none}.hero-actions{gap:18px}.hero-actions .text-link{font-size:.875rem}.product-identity h3{font-size:clamp(2.25rem,11vw,3.375rem)}.product-summary>p{min-height:0}.detail-content dl>div{grid-template-columns:72px minmax(0,1fr);gap:10px}.product-top{align-items:flex-start}.tag{font-size:.75rem}.product-footnote{font-size:.8125rem}.focus-inner p{font-size:1rem}.footer-main{gap:24px 12px}.footer-main .back-top{font-size:.875rem;gap:10px}.main-nav{top:74px}}

/* Corporate Typography System: screen hierarchy adapted for readable mobile copy. */
body{font-family:var(--font-body);font-weight:400}
button,summary{font-family:var(--font-ui)}
.hero h1{font-family:var(--font-chinese);font-size:3rem;line-height:4rem;font-weight:700;letter-spacing:0}
h2{font-family:var(--font-chinese);font-size:2rem;line-height:2.75rem;font-weight:600;letter-spacing:0}
.about h2,.cooperation h2{font-family:var(--font-chinese);font-size:2rem;line-height:2.75rem;font-weight:600}
h3,.application-card h3,.about-copy h3,.cooperation-directions h3{font-family:var(--font-body);font-weight:600}
.application-card h3{font-size:1.375rem;line-height:2rem}
.focus-inner p,.about-principle strong{font-weight:600}
.product-identity h3{font-family:var(--font-display);font-weight:400;letter-spacing:0;line-height:1.25}
.instrument-card h3 span{font-weight:400}
.main-nav,.hero .eyebrow,.product-top,.hero-copy,.section-intro,.product-summary>p,.detail-content,.application-card>p,.about-copy>p{font-family:var(--font-body)}
.eyebrow,.product-category,.focus-inner p span,.hero-bottom>span:last-child{font-family:var(--font-ui)}
.registration-number,.focus-inner .index,.cooperation-directions>div>span{font-family:var(--font-data);font-weight:400;font-variant-numeric:tabular-nums}
@media(max-width:560px){.hero h1{font-size:clamp(2.125rem,9.7vw,3rem);line-height:1.4}.hero .eyebrow{font-size:.8125rem}.hero-inner{padding-top:60px;min-height:615px}h2,.about h2,.cooperation h2{font-size:1.875rem;line-height:1.5}.product-identity h3{font-size:clamp(2.125rem,10.8vw,3.25rem)}.main-nav,.product-top,.detail-content{font-size:.875rem}.hero-copy,.section-intro,.product-summary>p,.application-card>p,.about-copy>p,.cooperation p:not(.eyebrow){font-size:1rem;line-height:1.9}.tag{white-space:normal}.main-nav>a{font-size:1rem}}

.site-header,.site-footer{background:#fff}@media(max-width:850px){.main-nav{background:#fff}}

/* Approved homepage messaging hierarchy. */
.hero-value{margin-top:24px;font-family:var(--font-body);font-weight:600;font-size:1.375rem;line-height:1.75;color:#e0efec;letter-spacing:0}
.hero-value span{display:inline-block}
.hero .hero-copy{margin-top:16px;max-width:600px;font-size:1rem;line-height:1.95;color:#c2d6d5}
.hero-bottom>span:first-child{font-family:var(--font-ui);font-size:.75rem;letter-spacing:.08em}
.brand-closing{font-family:var(--font-chinese);font-weight:600;font-size:1.75rem;line-height:1.6;letter-spacing:.08em;color:var(--ink);padding:0 0 30px}
@media(max-width:560px){.hero-value{font-size:1.125rem;line-height:1.85;margin-top:22px}.hero .hero-copy{font-size:1rem;line-height:1.9;max-width:100%}.hero-bottom{margin-top:42px}.hero-bottom>span:first-child{font-size:.75rem;letter-spacing:.02em}.brand-closing{font-size:1.375rem;letter-spacing:.04em;padding-bottom:25px}}

/* Authentic outlined brand lockup. */
.site-header,.site-footer{background:#faf6ef}.brand-lockup{width:230px;height:auto}@media(max-width:850px){.main-nav{background:#faf6ef}}@media(max-width:560px){.brand-lockup{width:195px}.footer-brand .brand-lockup{width:205px}}
