:root{--ink:#082c34;--deep:#06242d;--paper:#f6f7f2;--lime:#d3ed86;--muted:#607075;--line:#d8ded8}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid #79bca4;outline-offset:6px}
img{display:block;max-width:100%}
p{line-height:1.85}
h1,h2,h3,p{margin-top:0}
h2{font-size:clamp(30px,3.5vw,52px);letter-spacing:-1.8px;line-height:1.35;font-weight:600}
h3{font-weight:600}
.section{padding:100px max(6vw,24px)}
.header{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid #e6e9e1}
.brand{display:flex;align-items:center;gap:18px}
.brand-logo{display:block;width:106px;height:52px;object-fit:contain}
.brand-logo-light{width:98px;filter:none}
.wordmark{font-size:46px;font-weight:800;letter-spacing:-4px;line-height:1}
.brand-dot{color:#7a9471}
.brand-cn{font-size:14px;font-weight:600;letter-spacing:3px;border-left:1px solid #bfcac5;padding-left:18px}
.header nav{display:flex;align-items:center;gap:36px;font-size:14px}
.language-switch{display:inline-flex;align-items:center;gap:7px;padding-left:22px;border-left:1px solid #cdd5d0;font-size:11px;letter-spacing:.8px;white-space:nowrap}
.language-switch a{opacity:.48;transition:opacity .2s,color .2s}
.language-switch a:hover,.language-switch a.active{opacity:1;color:#315e50;font-weight:700}
.header nav>a:hover,.text-link:hover{color:#548072}
.nav-contact{border:1px solid var(--ink);padding:12px 18px}
.nav-contact span{margin-left:18px}
.menu-toggle{display:none}
.skip{position:fixed;top:-100px;z-index:50;background:white;padding:12px}
.skip:focus{top:0}
.hero{min-height:660px;height:calc(100svh - 88px);max-height:920px;background:var(--deep);position:relative;color:#fff;overflow:hidden}
.hero-photo{position:absolute;right:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.82}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06242d 2%,rgba(6,36,45,.92) 24%,rgba(6,36,45,.24) 70%),linear-gradient(0deg,rgba(6,36,45,.8),transparent 28%)}
.hero-content{position:relative;padding:80px 6vw 100px;max-width:850px}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.3px;display:flex;align-items:center;gap:12px;margin-bottom:32px;color:#d2e2df}
.eyebrow.dark{color:#577166}
.live-dot{height:6px;width:6px;display:inline-block;border-radius:50%;background:var(--lime)}
h1{font-size:clamp(60px,7.3vw,112px);font-weight:600;letter-spacing:-5px;line-height:1.16;margin-bottom:28px}
html[lang="en"] .hero h1{font-size:clamp(36px,6vw,92px);letter-spacing:-3px;white-space:nowrap}
.outline-text{color:var(--lime)}
.hero-description{color:#d0dedf;font-size:17px;line-height:1.9;margin-bottom:32px}
.actions{display:flex;align-items:center;gap:30px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:19px 24px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-3px)}
.button span{font-size:22px;font-weight:400}
.lime{background:var(--lime);color:var(--ink)}
.lime:hover{background:#e3f7b0}
.navy{background:var(--ink);color:#fff}
.hero-link{font-size:14px;padding:12px 0;border-bottom:1px solid #879e9e}
.hero-link span{margin-left:16px}
.hero-bottom{position:absolute;bottom:30px;left:6vw;right:6vw;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1px;border-top:1px solid #ffffff38;padding-top:22px;color:#c8d6d8}
.hero-bottom a span{margin-left:20px}
.hero-coordinate{font-size:9px}
.vertical-note{position:absolute;right:24px;top:45%;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:#d7e4e8}
.intro{display:grid;grid-template-columns:1fr 3fr 1fr;gap:32px;align-items:start;border-bottom:1px solid var(--line)}
.intro>.eyebrow{margin-top:10px}
.intro-body h2{font-size:clamp(26px,2.7vw,39px)}
.intro-body p{max-width:600px;color:var(--muted);font-size:15px;margin-bottom:0}
.intro-sign{font-family:Georgia,serif;font-style:italic;font-size:30px;line-height:1.25;justify-self:end;color:#6c8779}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;gap:30px}
.section-heading h2{margin:0}
.section-heading>p{color:var(--muted);font-size:14px;margin:0}
.section-heading .eyebrow{margin-bottom:18px}
.equipment-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}
.equipment-visual{min-height:490px;position:relative;overflow:hidden;background:#244463;display:flex;align-items:center}
.equipment-visual img{width:100%;height:490px;object-fit:contain;object-position:center;background:#f1f3f1}
.image-label{position:absolute;left:26px;top:26px;font-size:10px;letter-spacing:2px;color:#d6e5ee}
.visual-caption{position:absolute;left:26px;bottom:26px;color:#082c34;font-size:24px;line-height:1.4;font-weight:600}
.small-label{display:block;font-size:12px;color:#758578;margin-bottom:15px}
.equipment-copy h3{font-size:34px;letter-spacing:-1px;margin-bottom:18px}
.equipment-copy>p{font-size:15px;color:var(--muted);max-width:400px}
.equipment-list{margin:32px 0}
.equipment-list>div{display:flex;align-items:center;padding:18px 0;border-top:1px solid var(--line);gap:20px;font-size:14px}
.equipment-list>div:last-child{border-bottom:1px solid var(--line)}
.equipment-list strong{flex:1;font-weight:500}
.equipment-list span{color:#718579;font-size:11px}
.journal{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;overflow:hidden;padding-top:110px;padding-bottom:110px}
.journal .eyebrow{color:var(--lime)}
.journal-tag{font-size:12px;color:#adbfbd}
.journal h2{margin-top:20px;font-size:clamp(36px,4.2vw,62px)}
.journal-copy>p:not(.eyebrow){font-size:15px;color:#c0cece;max-width:430px;margin-bottom:32px}
.external-note{display:block;font-size:11px;color:#aabdbb;margin-top:16px}
.journal-art{position:relative;padding:30px 10px}
.journal-paper{position:relative;background:#f4f1e7;color:#183b41;padding:26px;transform:rotate(3deg);box-shadow:15px 18px 0 #244850;max-width:560px;margin:auto}
.journal-screen-card{padding:16px}
.journal-screen-card .paper-photo img{height:auto;aspect-ratio:2/1;object-fit:cover}
.paper-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.paper-top strong{font-family:Georgia,serif;font-size:23px;font-weight:400}
.paper-top strong span{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:3px;margin-top:8px}
.paper-top>span{font-size:42px;color:#7a8e6e}
.paper-photo{position:relative;overflow:hidden}
.paper-photo img{width:100%;height:240px;object-fit:cover}
.paper-photo>span{position:absolute;bottom:20px;left:20px;color:#fff;font-size:19px;letter-spacing:2px}
.paper-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:22px}
.paper-kicker{font-size:8px;letter-spacing:2px;color:#78867a}
.paper-bottom h3{font-size:18px;margin:12px 0 8px}
.paper-bottom p{font-size:11px;margin:0;color:#6b7872}
.paper-number{font-family:Georgia,serif;font-size:42px;font-style:italic;color:#899c7d}
.paper-rule{border-top:1px solid #c7cec1;margin:23px 0 14px}
.paper-foot{font-size:8px;letter-spacing:3px}
.orbit-label{position:absolute;right:20px;top:0;font-size:9px;letter-spacing:2px;color:#adbfbd}
.journal-note{display:block;text-align:right;color:#a8bbb7;font-size:10px;margin-top:35px}
.about>.eyebrow{margin-bottom:32px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.company-name{font-size:15px;color:#5a7468;margin-top:28px}
.about-description>p{color:var(--muted);font-size:15px}
.text-link{display:inline-flex;gap:45px;font-size:14px;padding:12px 0;border-bottom:1px solid var(--ink);margin-top:12px}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:65px}
.values>div{border-top:1px solid var(--line);padding-top:25px}
.values span{display:block;color:#718578;font-size:10px;letter-spacing:1.6px;margin-bottom:15px}
.values strong{font-weight:500;font-size:22px}
.contact{background:var(--lime);display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px}
.contact h2{font-size:clamp(32px,3.3vw,49px);margin-bottom:24px}
.contact p:not(.eyebrow){font-size:13px;color:#496240;margin:0}
.contact-email{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:clamp(16px,1.8vw,27px);letter-spacing:-.6px;border-bottom:1px solid #759453;padding:22px 0}
.contact-email span{font-size:32px}
.copy-email{background:none;border:0;padding:18px 0;color:var(--ink);font-size:12px;display:flex;align-items:center;gap:50px}
.copy-status{display:block;min-height:22px;font-size:12px}
.footer{background:var(--deep);color:#d7e0dc;padding:50px 6vw 26px}
.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:44px}
.footer-top>.brand .brand-dot{color:var(--lime)}
.footer-top>span{font-size:11px;letter-spacing:2px}
.footer-top>a:last-child{font-size:12px}
.footer-bottom{border-top:1px solid #ffffff25;padding-top:24px;display:flex;justify-content:space-between;gap:25px;font-size:11px;color:#a7bab8}
.footer-bottom>div{display:flex;gap:25px}
@media(min-width:1600px){.section{padding-left:calc((100vw - 1400px)/2);padding-right:calc((100vw - 1400px)/2)}
}
@media(max-width:1000px){.header nav{gap:20px}
.hero-content{padding-top:70px}
.intro{grid-template-columns:1fr 3fr}
.intro-sign{display:none}
.equipment-grid{gap:35px}
.equipment-visual,.equipment-visual img{min-height:430px;height:430px}
.journal{gap:30px}
.journal-paper{padding:20px}
.paper-top strong{font-size:19px}
.paper-photo img{height:200px}
.about-grid{gap:40px}
.contact{gap:35px}
.hero-coordinate{display:none}
}
@media(max-width:700px){html{scroll-padding-top:76px}
.header{height:74px;padding:0 22px}
.wordmark{font-size:39px}
.brand{gap:13px}
.brand-cn{font-size:12px;letter-spacing:2px;padding-left:13px}
.menu-toggle{display:flex;align-items:center;gap:12px;border:0;background:none;padding:12px 0;color:var(--ink);font-size:13px}
.header nav{display:none;position:absolute;left:0;right:0;top:74px;background:var(--paper);padding:20px 24px 28px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}
.header nav.open{display:flex}
.header nav>a{padding:16px 0}
.header nav>.language-switch{padding:16px 0;border-left:0;border-top:1px solid var(--line);margin-top:6px}
.header nav>.nav-contact{padding:14px;margin-top:8px}
.hero{min-height:650px;height:calc(100svh - 74px);max-height:820px}
.hero-photo{width:100%;object-position:59% center}
.hero-shade{background:linear-gradient(90deg,rgba(6,36,45,.86),rgba(6,36,45,.28)),linear-gradient(0deg,#06242d 0%,transparent 60%)}
.hero-content{padding:70px 24px 110px}
.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:26px}
h1{font-size:65px;letter-spacing:-3px;line-height:1.22;margin-bottom:25px}
.hero-description{font-size:15px}
.actions{align-items:flex-start;flex-direction:column;gap:12px}
.button{padding:16px 20px;font-size:13px;gap:32px}
.hero-link{font-size:12px}
.hero-bottom{left:24px;right:24px;font-size:10px;bottom:24px}
.vertical-note{display:none}
.section{padding:65px 24px}
.intro{display:block}
.intro-body h2{font-size:27px;letter-spacing:-.7px}
.intro-body p{font-size:14px}
.section-heading{display:block;margin-bottom:28px}
.section-heading>p{margin-top:18px;font-size:13px}
.section-heading h2{font-size:30px;letter-spacing:-1px}
.equipment-grid{grid-template-columns:1fr;gap:32px}
.equipment-visual,.equipment-visual img{min-height:340px;height:340px}
.equipment-copy h3{font-size:29px}
.equipment-copy>p{font-size:14px}
.equipment-list{margin:24px 0}
.journal{grid-template-columns:1fr;gap:50px}
.journal h2{font-size:43px;letter-spacing:-1.8px}
.journal-copy>p:not(.eyebrow){font-size:14px}
.journal-art{padding:20px 10px}
.journal-paper{max-width:400px;padding:20px;box-shadow:9px 11px 0 #244850;transform:rotate(2deg)}
.journal-screen-card{padding:12px}
.paper-photo img{height:210px}
.paper-top strong{font-size:23px}
.paper-bottom h3{font-size:16px}
.orbit-label{font-size:8px;right:5px;letter-spacing:1px}
.about-grid{grid-template-columns:1fr;gap:20px}
.about h2{font-size:33px;letter-spacing:-1px}
.company-name{font-size:13px}
.about-description>p{font-size:14px}
.values{gap:14px;margin-top:40px}
.values span{font-size:7px;letter-spacing:.6px}
.values strong{font-size:16px}
.contact{grid-template-columns:1fr;gap:25px}
.contact h2{font-size:35px;letter-spacing:-1px}
.contact-email{font-size:18px;letter-spacing:-.5px}
.contact-email span{font-size:24px}
.footer{padding:35px 24px 25px}
.footer-top{flex-wrap:wrap;gap:25px;padding-bottom:28px}
.footer-top>span{display:none}
.footer-bottom{flex-direction:column;font-size:10px;gap:18px}
.footer-top>a:last-child{font-size:11px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}
}