:root{--navy:#071b2a;--navy2:#0d3042;--mint:#a4ebd4;--mint-dark:#26675c;--light:#f7faf9;--line:#dfe7e7;--muted:#667780;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#182c35;font-family:'DM Sans','Manrope','Noto Sans TC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}button{cursor:pointer}.container{width:min(var(--max),calc(100% - 88px));margin:auto}.preview-strip{background:#b2ead5;text-align:center;padding:5px 12px;letter-spacing:.22em;color:#15443d;font-size:10px;font-weight:800;text-transform:uppercase}.site-header{height:82px;position:relative;z-index:30;background:white;border-bottom:1px solid #edf1ef}.header-inner{max-width:1400px;margin:auto;padding:0 44px;display:flex;align-items:center;height:100%;justify-content:space-between;gap:35px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-copy{display:flex;flex-direction:column;color:#0c2738;line-height:1}.brand-copy strong{font-size:20px;letter-spacing:.14em;font-weight:800}.brand-copy small{letter-spacing:.21em;font-size:8px;margin-top:7px;font-weight:800}.desktop-nav{display:flex;gap:27px;align-items:center}.desktop-nav a{font-size:12px;color:#53656c;font-weight:700;transition:color .2s;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a.active{color:#00635b}.header-actions{display:flex;align-items:center;gap:16px}.lang-switch{border-right:1px solid #dce5e4;padding-right:16px;font-size:12px;font-weight:800;white-space:nowrap}.header-contact{background:#0d3441;padding:12px 19px;border-radius:3px;color:#fff;font-size:12px;font-weight:700;white-space:nowrap}.header-contact span{margin-left:12px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:22px;height:2px;background:var(--navy);margin:4px}.mobile-nav{display:none}.hero{background:linear-gradient(116deg,#061b2c 0%,#092b3c 65%,#0b3d4c 100%);color:white;min-height:665px;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:105px 105px;mask-image:linear-gradient(to right,transparent,black)}.hero-glow{position:absolute;right:4%;top:-20%;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,#1e8c8e44,transparent 65%)}.hero-grid{display:grid;grid-template-columns:53% 47%;position:relative;z-index:2;min-height:665px;align-items:center}.hero-text{padding:84px 0 54px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.21em;color:#488279;text-transform:uppercase;display:flex;gap:10px;align-items:center}.eyebrow.light{color:#a2dccc}.point,.cap-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#99eed2}.hero h1{font-size:clamp(43px,4.5vw,72px);line-height:1.2;letter-spacing:-.055em;margin:30px 0 24px;font-weight:700}.hero h1 em{font-style:normal;color:var(--mint)}.hero-text>p{font-size:16px;color:#acc3c9;line-height:2;max-width:510px}.hero-buttons{display:flex;gap:12px;margin-top:35px;flex-wrap:wrap}.btn{min-height:50px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:0 22px;font-size:13px;font-weight:800;border-radius:3px;border:1px solid transparent;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px)}.btn-mint{background:var(--mint);color:#123b3d}.btn-ghost{border-color:#5b7d85;color:#fff}.btn-dark{background:#103744;color:#fff}.hero-bottom{display:flex;align-items:center;gap:13px;margin-top:85px;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#7397a2}.small-line{width:33px;height:1px;background:#7eacb3}.down-arr{font-size:18px;margin-left:5px}.hero-visual{align-self:stretch;display:flex;align-items:center;justify-content:center;position:relative}.hero-visual img{width:115%;max-width:none;filter:drop-shadow(0 30px 70px #49ccb333)}.visual-caption{position:absolute;right:8px;bottom:62px;font-size:9px;letter-spacing:.13em;color:#bad4d7;display:flex;align-items:center;gap:10px}.visual-caption span:last-child{margin-left:26px;color:#86b6bb}.section-pad{padding:105px 0}.section-head{margin-bottom:40px}.section-head h2,.editorial h2,.contact-grid h2{font-size:clamp(30px,3.3vw,49px);letter-spacing:-.05em;line-height:1.25;margin:17px 0;font-weight:700;max-width:610px}.section-head p{color:#6b7c82;line-height:1.9;font-size:15px;max-width:475px}.split{display:flex;justify-content:space-between;align-items:end;gap:60px}.centered{text-align:center;display:flex;flex-direction:column;align-items:center}.centered h2{max-width:none}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cap-card{min-height:335px;background:#f2f7f6;border:1px solid #e2ebea;border-radius:5px;padding:27px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.cap-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #1c4a3f13}.cap-top{display:flex;justify-content:space-between;color:#63807e;font-size:10px;font-weight:800;letter-spacing:.13em}.cap-symbol{height:155px;display:flex;align-items:center;justify-content:center;gap:12px}.cap-symbol i{width:17px;height:75px;transform:skew(-6deg);border-radius:100% 100% 8px 8px;background:linear-gradient(105deg,#b6ebd9,#419c96 60%,#1b5668);box-shadow:10px 15px 12px #41917d1a}.symbol-2 i{height:42px;border-radius:60% 50% 50% 60%;transform:rotate(-25deg)}.symbol-3 i{height:65px;width:30px;transform:rotate(45deg);border-radius:8px}.cap-card h3{font-size:22px;margin:0 0 10px;letter-spacing:-.03em}.cap-card p{color:#73868c;font-size:13px;line-height:1.8;margin:0}.applications-section{background:#f9fbfa}.apps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.app-card{min-height:410px;position:relative;overflow:hidden;background:#0b3540;border-radius:4px;display:flex;flex-direction:column;justify-content:space-between;color:white;padding:25px}.app-2{background:#184b57}.app-3{background:#15313f}.app-4{background:#26545a}.app-label{z-index:2;display:flex;justify-content:space-between;opacity:.8;font-size:12px;font-weight:700}.app-pattern{position:absolute;width:200px;height:200px;top:68px;left:50%;transform:translateX(-50%) rotate(-27deg);border:1px solid #a1ead455;border-radius:50%;box-shadow:0 0 0 22px #a1ead40c,0 0 0 43px #a1ead40c,0 0 0 65px #a1ead40b}.app-pattern:after{content:'';position:absolute;inset:48px;border-radius:50%;border:18px dotted #b3eee477}.app-2 .app-pattern{border-radius:0;transform:translateX(-50%) rotate(40deg)}.app-3 .app-pattern{border-radius:35%}.app-4 .app-pattern:after{border-style:dashed}.app-info{z-index:2}.app-info>span{font-size:10px;letter-spacing:.1em;color:#aed5ce;text-transform:uppercase}.app-info h3{font-size:21px;margin:10px 0}.app-info p{font-size:12px;line-height:1.7;color:#d2e4e5;margin-bottom:0}.sites-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.site-card{border:1px solid #e5edec;display:block;background:#fff}.photo-frame{height:260px;background:#cbdcde;position:relative;overflow:hidden}.photo-frame img{height:100%;width:100%;object-fit:cover}.photo-frame.alt img{filter:hue-rotate(28deg)}.photo-note{position:absolute;bottom:13px;left:15px;right:15px;font-size:9px;letter-spacing:.07em;background:#ffffffd9;padding:10px;color:#42676c}.site-info{padding:27px;display:flex;justify-content:space-between;gap:30px}.site-info span:not(.round-arrow){color:#6e938e;font-size:10px;letter-spacing:.17em;font-weight:800}.site-info h3{font-size:23px;margin:12px 0}.site-info p{font-size:13px;line-height:1.8;color:#71838a;margin:0}.round-arrow{border:1px solid #b9c9c9;width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;border-radius:50%}.outro{background:#0b2c3b;color:white;padding:75px 0}.outro-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.outro h2{font-size:clamp(29px,3.2vw,45px);letter-spacing:-.045em;margin:16px 0}.outro p{color:#b0c9cf}.footer{background:#061824;color:#b5c9d0;padding:54px 0 25px}.footer-main{display:flex;justify-content:space-between;gap:40px}.footer-brand{font-weight:800;font-size:24px;color:white;letter-spacing:.12em}.footer-brand span{font-size:9px;display:block;letter-spacing:.33em;margin-top:6px}.footer-main p{margin-top:23px;font-size:12px}.footer-main nav{display:flex;flex-wrap:wrap;align-content:start;gap:20px;max-width:570px}.footer-main nav a{font-size:12px}.footer-base{border-top:1px solid #35505b;margin-top:70px;padding-top:23px;display:flex;justify-content:space-between;gap:25px;font-size:10px;line-height:1.8;color:#73919a}.footer-base span:last-child{max-width:600px}.inner-hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#092130,#113f4a);color:white;min-height:370px}.inner-content{padding:75px 0 83px;position:relative;z-index:1}.inner-hero h1{font-size:clamp(38px,4.1vw,62px);max-width:790px;line-height:1.15;letter-spacing:-.06em;margin:24px 0}.inner-hero p{max-width:700px;line-height:1.9;color:#bfd2d5;font-size:15px}.inner-hero-art{position:absolute;width:400px;height:400px;right:-110px;top:-70px;border:1px solid #5bf0d155;border-radius:50%;box-shadow:0 0 0 50px #5bf0d110,0 0 0 100px #5bf0d110}.editorial{display:grid;grid-template-columns:40% 60%;gap:45px}.editorial p{font-size:17px;line-height:2;color:#65757e}.editorial-graphic{background:#0c303e;margin-top:35px;height:340px;overflow:hidden;display:grid;place-items:center}.editorial-graphic img{max-height:100%}.technical-note{font-size:12px;margin-top:32px;color:#71838a}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.contact-grid>div>p{line-height:1.9;color:#687a81}.contact-placeholder{margin-top:50px;padding:20px;background:#f3f8f6;display:flex;flex-direction:column;gap:12px;color:#426b66;font-size:14px}.contact-form{padding:30px;background:#f4f8f7;border:1px solid #e3ebeb;display:flex;flex-direction:column;gap:21px}.contact-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:800}.contact-form input,.contact-form textarea{border:1px solid #d8e5e3;background:white;padding:13px;border-radius:3px;width:100%;outline-offset:3px;font-size:14px}.form-notice,.form-status{font-size:12px;color:#78888c;line-height:1.6;margin:0}.form-status{color:#006a5e;font-weight:700}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #32b995;outline-offset:4px}@media(max-width:1100px){.desktop-nav{gap:14px}.desktop-nav a{font-size:11px}.header-inner{padding:0 25px;gap:20px}.brand-copy strong{font-size:17px}.header-contact{padding:11px}.apps-grid{grid-template-columns:repeat(2,1fr)}.app-card{min-height:310px}}@media(max-width:820px){.container{width:min(100% - 36px,var(--max))}.site-header{height:70px}.header-inner{padding:0 18px}.desktop-nav,.header-contact{display:none}.menu-toggle{display:block}.mobile-nav.open{display:flex}.mobile-nav{position:absolute;left:0;right:0;top:70px;display:none;flex-direction:column;background:#fff;box-shadow:0 16px 24px #092a301f;padding:16px 22px;gap:0}.mobile-nav a{padding:13px;border-bottom:1px solid #e9f1f0;font-size:14px}.hero,.hero-grid{min-height:0}.hero-grid{grid-template-columns:1fr}.hero-text{padding:78px 0 20px}.hero h1{font-size:clamp(43px,8vw,65px)}.hero-bottom{margin-top:48px}.hero-visual{min-height:370px}.hero-visual img{width:min(620px,100%)}.visual-caption{bottom:15px;right:8px}.section-pad{padding:70px 0}.split{display:block}.cap-grid{grid-template-columns:1fr}.cap-card{min-height:245px}.cap-symbol{height:95px}.sites-grid,.contact-grid,.editorial{grid-template-columns:1fr}.footer-main{display:block}.footer-main nav{margin-top:38px}.footer-base{display:block}.footer-base span{display:block;margin-bottom:12px}}@media(max-width:500px){.brand-copy strong{font-size:16px}.brand-copy small{font-size:7px}.hero-text{padding-top:65px}.hero h1{font-size:43px}.hero-text>p{font-size:14px}.hero-visual{min-height:290px}.apps-grid{grid-template-columns:1fr}.app-card{min-height:310px}.outro-inner{display:block}.outro .btn{margin-top:24px}.inner-content{padding:65px 0}.photo-frame{height:200px}.footer-brand{font-size:19px}}

/* V3.1 SEM imagery enhancements */
.hero-sem .hero-visual{padding:30px 0 24px;align-items:center}
.sem-hero-wrap{position:relative;width:min(690px,100%);border-radius:26px;overflow:hidden;background:linear-gradient(135deg,#0d3642,#133544);box-shadow:0 24px 60px rgba(0,0,0,.25),0 0 0 1px rgba(175,239,221,.18);transform:rotate(-8deg)}
.sem-hero-wrap img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.08) brightness(.94)}
.sem-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(118,225,204,.12),rgba(13,37,48,.14));box-shadow:inset 0 0 0 1px rgba(170,240,224,.22)}
.sem-caption{right:10px;bottom:14px;background:rgba(6,24,36,.75);padding:10px 12px;border:1px solid rgba(171,235,223,.18);border-radius:999px}
.hero-image-note{position:absolute;left:0;bottom:-4px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#99c8cb;background:rgba(6,24,36,.55);padding:10px 12px;border-radius:8px}
.sem-feature-section{background:#f7fbfa}
.sem-grid-home{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px;align-items:stretch}
.sem-home-card,.tech-shot{background:#fff;border:1px solid #dce8e7;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px rgba(11,44,59,.05)}
.sem-home-image,.tech-image{background:#e8efef}
.sem-home-image img,.tech-image img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}
.sem-home-large .sem-home-image{height:340px}
.sem-home-card:not(.sem-home-large) .sem-home-image{height:250px}
.sem-home-copy,.tech-copy{padding:18px 18px 20px}
.sem-home-copy h3,.tech-copy h3{margin:0 0 10px;font-size:22px;letter-spacing:-.03em;color:#0b2534}
.sem-home-copy p,.tech-copy p{margin:0;color:#617780;line-height:1.8;font-size:14px}
.tech-gallery-section{background:#f9fbfb}
.tech-gallery-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}
.tech-shot-wide .tech-image{height:340px}
.tech-shot:not(.tech-shot-wide) .tech-image{height:300px}
.tech-shot-wide .tech-image img{object-position:center top}
.editorial-graphic img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}
@media(max-width:1100px){.sem-grid-home,.tech-gallery-grid{grid-template-columns:1fr 1fr}.sem-home-large,.tech-shot-wide{grid-column:1 / -1}.sem-home-large .sem-home-image,.tech-shot-wide .tech-image{height:320px}}
@media(max-width:820px){.sem-hero-wrap{transform:none;width:100%}.hero-image-note{position:static;margin-top:12px;display:inline-block}.sem-grid-home,.tech-gallery-grid{grid-template-columns:1fr}.sem-home-large .sem-home-image,.sem-home-card:not(.sem-home-large) .sem-home-image,.tech-shot-wide .tech-image,.tech-shot:not(.tech-shot-wide) .tech-image{height:auto}.sem-caption{right:8px;bottom:8px;font-size:9px}}

/* V3.2: native-sized reference crops in restrained frames. */
.app-card{padding:22px;gap:20px;min-height:390px}.reference-app{margin:0;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:13px;padding:20px 8px;background:#ffffff0a;border:1px solid #ffffff20}.reference-app img{width:100%;max-width:168px;aspect-ratio:1.77;object-fit:cover}.reference-app figcaption{font-size:10px;line-height:1.6;color:#d0e5df;text-align:center}.reference-context{font-size:12px;line-height:1.8;color:#617780;max-width:780px;margin:0 0 24px}.photo-frame{height:220px;display:grid;place-items:center;background:linear-gradient(130deg,#e6efee,#c9dddc)}.photo-frame img{width:180px;height:auto;max-height:125px;object-fit:contain}.photo-frame.alt img{filter:none}.photo-note{line-height:1.7;font-size:11px;letter-spacing:0}.reference-process{background:#f3f8f6}.reference-process-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.reference-process figure{margin:0;padding:30px;background:#fff;border:1px solid #dce8e7;display:flex;flex-direction:column;align-items:center;gap:20px}.reference-process img{width:180px;height:100px;object-fit:contain}.reference-process figcaption{font-size:12px;text-align:center;line-height:1.8;color:#617780}.tech-image img{object-fit:contain!important}.tech-image{background:#111}.editorial{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.sem-hero-visual{flex-direction:column;justify-content:center;gap:15px}.hero-image-note{position:static;align-self:flex-start}.sem-caption{position:static;align-self:flex-end;border-radius:8px;margin-top:16px}.hero-grid>*{min-width:0}.eyebrow{overflow-wrap:anywhere}.app-label{gap:10px}.app-info{overflow-wrap:anywhere}a:focus-visible{outline-offset:2px}
@media(max-width:820px){.editorial,.reference-process-grid{grid-template-columns:1fr}.hero-visual{padding-bottom:25px!important}.sem-caption{max-width:100%;flex-wrap:wrap}.editorial{gap:20px}.header-actions{gap:8px}.reference-app img{max-width:168px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* V3.3: V2.0 image placement */
.hero,.hero-grid{min-height:535px}.hero-text{padding:65px 0 50px}.hero h1{font-size:clamp(40px,4.1vw,64px)}.hero-bottom{margin-top:34px}.hero-visual{padding-left:30px!important}.sem-hero-wrap{transform:none;border-radius:12px}.section-pad{padding:76px 0}.v2-home-applications{background:#fff}.v2-home-applications .section-head{margin-bottom:28px}.v2-home-applications .section-head h2{max-width:none}.v2-home-applications .section-head p{max-width:760px}.v2-apps{gap:18px}.v2-app-card{background:#fff;border:1px solid #d5e3e5;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 8px 22px #143b4408}.v2-app-heading{padding:20px 18px 15px;display:flex;align-items:start;gap:12px;min-height:100px}.v2-app-heading>span{font-size:25px;font-weight:700;color:#258b9c;line-height:1.1}.v2-app-heading h3{font-size:19px;line-height:1.3;margin:0 0 6px}.v2-app-heading small{font-size:10px;color:#638087;line-height:1.5;display:block}.v2-app-card figure{margin:0;position:relative;background:#e9f1f2}.v2-app-card figure img{width:100%;height:170px;object-fit:cover}.v2-app-card figcaption{font-size:10px;line-height:1.5;color:#536b72;padding:8px 12px;background:#eef5f5;min-height:45px}.v2-app-card>p{font-size:13px;line-height:1.8;color:#657a82;padding:0 18px}.v2-app-card ul{padding:0 20px 0 32px;font-size:13px;line-height:1.9;color:#657a82;margin:0 0 20px}.v2-text-link{margin:auto 18px 20px;padding:10px 12px;border:1px solid #bdd8dc;color:#1b6b79;font-size:12px;display:flex;justify-content:space-between;border-radius:3px}.v2-text-link:hover{background:#edf8f5}.process-section{background:#f1f7f8}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:0;margin:0 0 25px;list-style:none}.process-grid li{background:#fff;border:1px solid #dce7e9;border-radius:6px;padding:18px;position:relative}.process-grid img{width:100%;height:155px;object-fit:contain;background:#f8fafb}.process-grid li>span{display:block;font-size:11px;color:#388a98;letter-spacing:.15em;margin-top:18px}.process-grid h3{font-size:18px;margin:8px 0 5px}.process-grid li:not(:last-child):after{content:'→';position:absolute;right:-20px;top:44%;color:#3a8793;font-size:20px;z-index:2}.module-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.module-nav a{border:1px solid #c9dce1;border-radius:4px;padding:12px 16px;font-size:12px;color:#2b6470;background:#f3f8fa}.module-nav a:hover{background:#0f4355;color:#fff}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.module-card{display:grid;grid-template-columns:42% minmax(0,1fr);gap:22px;align-items:center;padding:20px;background:#f8fbfb;border:1px solid #dce8e8;border-radius:6px;scroll-margin-top:25px}.module-card:last-child{grid-column:1/-1}.module-photo{margin:0;min-width:0}.module-photo img{width:100%;height:160px;object-fit:contain;background:#e8eeee}.module-photo.small-reference img{object-fit:contain;padding:20px;width:100%;background:#e6f0f3}.module-photo figcaption{font-size:10px;line-height:1.6;color:#60777f;margin-top:8px}.module-card h3{font-size:21px;line-height:1.3;margin:12px 0}.module-card p{font-size:13px;line-height:1.9;color:#627982;margin:0}.module-card .eyebrow{font-size:10px}.module-card:last-child .module-photo img{height:190px}.source-credit{display:inline-block;margin-top:18px;font-size:11px;color:#22677a;text-decoration:underline;line-height:1.8}.factory-photo{margin:0;position:relative;background:#dbe8e9;height:300px;overflow:hidden}.factory-photo img{width:100%;height:100%;object-fit:cover}.factory-2{background:linear-gradient(120deg,#dce9e9,#b8cdd1)}.factory-2 img{object-fit:contain}.factory-photo figcaption{position:absolute;bottom:12px;left:12px;right:12px;background:#fffef0ed;color:#455e69;font-size:11px;line-height:1.7;padding:9px 12px}.pathway-section{background:#f2f8f6}.pathway{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.pathway li{background:linear-gradient(120deg,#d8edf2,#d9ecd5);padding:25px 18px;border-radius:5px}.pathway span{display:block;color:#4a8a8c;font-size:12px;letter-spacing:.15em;margin-bottom:16px}.pathway strong{font-size:16px;line-height:1.5;display:block}.tech-gallery-section .tech-image img{object-fit:contain!important}.tech-gallery-section .tech-image{height:290px}.preview-strip{letter-spacing:.1em}.site-info h3{line-height:1.35}
@media(max-width:1100px){.v2-apps{grid-template-columns:repeat(2,1fr)}.v2-app-card figure img{height:220px}.module-card{grid-template-columns:1fr}.module-card:last-child{grid-column:auto}.module-card:last-child .module-photo img{height:160px}.process-grid{gap:14px}.process-grid li{padding:12px}.process-grid li:not(:last-child):after{right:-14px}.pathway{gap:10px}}
@media(max-width:820px){.hero,.hero-grid{min-height:0}.hero-visual{padding-left:0!important}.hero-text{padding:60px 0 25px}.section-pad{padding:55px 0}.process-grid{grid-template-columns:repeat(2,1fr);gap:16px}.process-grid li:after{display:none}.process-grid img{height:120px}.module-grid{grid-template-columns:1fr}.module-card{grid-template-columns:38% minmax(0,1fr);gap:16px;padding:16px}.module-card h3{font-size:19px}.pathway{grid-template-columns:1fr}.pathway li{display:flex;align-items:center;gap:20px;padding:18px}.pathway span{margin:0}.factory-photo{height:260px}.hero h1{font-size:clamp(38px,7.5vw,56px)}}
@media(max-width:500px){.v2-apps{grid-template-columns:1fr}.v2-app-heading{min-height:0}.v2-app-card figure img{height:210px}.module-card{grid-template-columns:1fr}.module-photo img{height:190px}.process-grid h3{font-size:15px}.process-grid img{height:90px}.hero h1{font-size:38px}.hero-text .eyebrow{font-size:9px}.factory-photo{height:240px}}

@media(min-width:821px) and (max-width:1180px){.desktop-nav,.header-contact{display:none}.menu-toggle{display:block}.mobile-nav{top:82px}.mobile-nav.open{display:flex}}

/* V3.3 company logo replacement only: preserve the supplied artwork and aspect ratio. */
.brand .company-logo{display:block;width:200px;height:auto;max-height:56px;object-fit:contain}
.footer-brand .company-logo{display:block;width:220px;height:auto;max-height:64px;object-fit:contain}
@media(max-width:500px){.brand .company-logo{width:166px;max-height:48px}}

/* V3.3.1 typography: give section headings the available width and balance natural wraps. */
h1,h2,h3{word-break:normal;overflow-wrap:normal;line-break:strict;text-wrap:balance}
.section-head h2{max-width:none}
.section-head.split>div{flex:1 1 60%;min-width:0}
.section-head.split>p{flex:0 1 35%;min-width:0}
.module-card>div,.v2-app-heading>div,.site-info>div,.contact-grid>div,.outro-inner>div{min-width:0}
.outro-inner>div{flex:1}
.process-section .section-head,.module-section .section-head,.pathway-section .section-head{width:100%}
@media(min-width:768px){html[lang="zh"] .process-section .section-head h2{white-space:nowrap}}
@media(max-width:500px){.section-head h2,.editorial h2,.contact-grid h2{font-size:clamp(25px,7vw,30px)}}

/* Contact and navigation refinements. */
@media(max-width:1180px){
 .mobile-nav{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;background:#fff;box-shadow:0 16px 24px #092a301f;padding:16px 22px;gap:0;max-height:calc(100dvh - 110px);overflow-y:auto}
 .mobile-nav.open{display:flex}
 .mobile-nav a{padding:13px;border-bottom:1px solid #e9f1f0;font-size:14px}
}
.v2-app-heading h2{font-size:19px;line-height:1.3;margin:0 0 6px}
.site-info h2{font-size:23px;line-height:1.35;margin:12px 0}
.contact-form{scroll-margin-top:24px}
.phone-placeholder{margin-top:16px}
.contact-form-link,.qr-original{display:inline-block;color:#22677a;text-decoration:underline;line-height:1.8;margin-top:20px}
.messaging-section{background:#f2f8f6}
.messaging-section .section-head p{max-width:760px}
.messaging-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.messaging-card{min-width:0;background:white;border:1px solid #dce8e8;border-radius:8px;padding:24px;text-align:center}
.messaging-card h3{margin:0 0 20px;font-size:22px}
.qr-preview{display:block;position:relative;aspect-ratio:1;overflow:hidden;background:white;max-width:280px;margin:auto}
.qr-preview img{width:100%;max-width:none;height:auto}
.qr-wechat img{position:absolute;width:131%;left:-15.5%;top:-39%}
.qr-whatsapp img{position:absolute;width:203%;left:-51.5%;top:-171%}
@media(max-width:820px){.messaging-grid{grid-template-columns:1fr}.messaging-card{max-width:440px;width:100%;margin:auto}}

/* High-resolution, full-frame mechanism illustrations. */
.process-grid img{height:auto;aspect-ratio:3/2;object-fit:contain;background:#f1f7f8}

/* V3.3.3: keep the complete supplied mechanism panels visible. */
.process-grid img{aspect-ratio:543/500;height:auto;object-fit:contain;background:white}
.factory-1 img{object-position:70% center}

/* V3.3.4: separate process and eye-patch videos. */
.process-video-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border:1px solid #dce8e7;border-radius:8px;padding:25px;margin-top:28px}.process-video-callout h3{font-size:23px;margin:10px 0}.process-video-callout p,.video-caption{color:#617780;font-size:13px;line-height:1.8}.process-video-callout .btn{flex-shrink:0}.process-video-panel{margin-top:24px}.process-video-panel video{display:block;width:100%;aspect-ratio:16/9;background:#e5eff4;border-radius:10px}.eye-detail-link{margin-top:12px}.eye-detail{color:#193943;line-height:1.8}.eye-detail a{color:inherit}.eye-detail .ep-button{color:#fff}.eye-detail .ep-button.ep-light{color:#245d58}.ep-wrap{width:min(1180px,calc(100% - 48px));margin:auto}.ep-crumb{padding:24px 0;font-size:13px;color:#68827f}.ep-hero{background:linear-gradient(135deg,#f6fbf9,#e9f5f2)}.ep-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;padding:45px 0 65px}.ep-eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;color:#43887d}.eye-detail h1{font-size:clamp(30px,3.4vw,47px);line-height:1.35;letter-spacing:-.035em;margin:18px 0 24px}.eye-detail h2{font-size:clamp(25px,2.5vw,36px);line-height:1.4;margin:12px 0 18px}.eye-detail h3{font-size:19px;line-height:1.5;margin:8px 0}.eye-detail p{color:#627c7e}.ep-lead{font-size:17px}.ep-tags,.ep-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.ep-tags span{padding:6px 12px;border:1px solid #c8dfd9;border-radius:30px;font-size:12px;color:#416d66}.ep-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 23px;background:#124d51;border-radius:4px;font-size:14px;font-weight:700}.ep-button.ep-light{background:white;border:1px solid #b5d2cb}.ep-hero-photo{margin:0;background:white;border-radius:14px;overflow:hidden}.ep-hero-photo img{width:100%;aspect-ratio:1.27;object-fit:cover}.ep-section{padding:70px 0}.ep-section.ep-tint{background:#f2f8f6}.ep-section-head{max-width:780px;margin-bottom:32px}.ep-facts,.ep-structure,.ep-steps{display:grid;gap:20px}.ep-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.ep-fact{padding:25px;background:#fff;border:1px solid #deebe5;border-radius:8px}.ep-fact p,.ep-card-copy p,.ep-step p{font-size:14px}.ep-structure{grid-template-columns:1fr 1fr}.ep-card{border:1px solid #dce9e3;border-radius:9px;overflow:hidden;background:white}.ep-card img{width:100%;height:260px;object-fit:cover}.ep-card-copy{padding:22px}.ep-eye-video-layout{display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:64px;align-items:center}.ep-player{border:1px solid #d8e5e8;border-radius:12px;overflow:hidden;background:#f7fafb}.ep-eye-product-player video{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#f7fafb}.ep-eye-video-points{padding-left:20px;color:#52756e;line-height:2.2}.ep-caption{font-size:12px;color:#78908d}.ep-steps{grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0}.ep-step{border-top:2px solid #a7d8ca;padding:20px 8px}.ep-number{font-size:12px;letter-spacing:.13em;color:#3e9c87}.ep-faq{max-width:860px}.eye-detail #product-video,.eye-detail #product-structure{scroll-margin-top:24px}@media(max-width:820px){.process-video-callout{align-items:start;flex-direction:column}.ep-hero-grid{grid-template-columns:1fr;gap:30px;padding:25px 0 45px}.ep-facts,.ep-structure,.ep-eye-video-layout{grid-template-columns:1fr}.ep-eye-video-layout{gap:28px}.ep-eye-product-player{max-width:400px;width:100%;margin:auto}.ep-steps{grid-template-columns:1fr 1fr}.ep-section{padding:48px 0}.ep-card img{height:auto}}@media(max-width:460px){.ep-wrap{width:calc(100% - 32px)}}

/* Replacement videos: preserve each complete frame. */
.process-video-panel video,.ep-eye-product-player video{aspect-ratio:auto;height:auto;object-fit:contain}

/* V3.3.5 skincare product collection and shared product detail layout. */
.product-collection{background:#f2f8f6;scroll-margin-top:32px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.product-tile{display:flex;flex-direction:column;overflow:hidden;border:1px solid #dae8e4;border-radius:10px;background:white;color:#193943;text-decoration:none;transition:transform .2s,border-color .2s}.product-tile:hover{transform:translateY(-4px);border-color:#6aab9b}.product-tile:focus-visible{outline:3px solid #367b70;outline-offset:4px}.product-tile.is-current{border-color:#43887d}.product-tile figure{margin:0;background:#eef4f4;overflow:hidden}.product-tile figure img{display:block;width:100%;aspect-ratio:1.12;object-fit:cover;object-position:center 38%;transition:transform .3s}.product-tile:hover img{transform:scale(1.025)}.product-tile>div{padding:24px}.product-tile small{font-size:10px;letter-spacing:.13em;color:#527f77}.product-tile h3{font-size:23px;margin:10px 0;line-height:1.4}.product-tile p{font-size:13px;color:#607a77;margin:0 0 22px}.product-tile span{font-size:13px;font-weight:700;color:#28695f}.product-detail .product-hero-photo img{aspect-ratio:auto;object-fit:contain;display:block}.product-detail .ep-hero-grid{grid-template-columns:1.05fr .9fr;gap:70px;padding-top:28px}.product-detail .ep-hero-photo{max-width:440px;width:100%;justify-self:end}.product-format-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.product-format-photo{margin:0;background:white;border-radius:10px;overflow:hidden}.product-format-photo img{display:block;width:100%;height:auto}.product-artwork{max-width:960px;border:1px solid #d8e6e0;border-radius:8px;overflow:hidden;background:#fff}.product-artwork summary{padding:22px 26px;cursor:pointer;font-weight:700;color:#245d58;display:flex;justify-content:space-between;gap:12px}.product-artwork summary:hover{background:#f2f8f6}.product-artwork[open] summary{border-bottom:1px solid #d8e6e0}.product-artwork img{display:block;width:100%;height:auto}.product-artwork>a{display:inline-block;margin:20px 26px}.product-detail #product-video,.product-detail #product-details,.product-detail #product-structure{scroll-margin-top:24px}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail .ep-hero-grid{gap:35px}.product-format-grid{gap:28px}}
@media(max-width:820px){.product-detail .ep-hero-grid,.product-format-grid{grid-template-columns:1fr}.product-detail .ep-hero-photo{justify-self:center;max-width:440px}.product-detail .ep-hero-grid{padding-top:15px}}
@media(max-width:540px){.product-grid{grid-template-columns:1fr}.product-tile figure img{aspect-ratio:1.35}.product-tile>div{padding:20px}.product-tile h3{font-size:22px}.product-artwork summary{padding:18px}.product-detail .ep-hero-grid{gap:26px}.product-detail h1{font-size:30px}.product-detail .ep-tags{gap:8px}.product-detail .ep-tags span{font-size:11px}.product-detail .ep-steps{grid-template-columns:1fr 1fr}}
.product-detail .product-hero-photo img{height:auto}

/* Full collection photograph: keep all products visible. */
.v2-app-card:first-child figure img{object-fit:contain;background:#cce0de}

/* Yangzhou facility: full exterior photograph and map address. */
.factory-2 img{object-fit:contain;background:#dbe6e9;object-position:center}.facility-location{margin-top:22px;padding:20px;border:1px solid #d2e3df;border-radius:8px;background:#f2f8f6}.location-label{font-size:10px;letter-spacing:.12em;font-weight:800;color:#408071;margin-bottom:10px}.facility-location address{font-style:normal;font-size:14px;color:#3c6066;line-height:1.9;overflow-wrap:anywhere}.facility-map-link{display:inline-flex;align-items:center;gap:24px;background:#124d51;color:white!important;padding:11px 16px;border-radius:4px;font-size:13px;font-weight:700;margin-top:16px}.facility-map-link:hover{background:#206960}.facility-map-link:focus-visible{outline:3px solid #43887d;outline-offset:4px}

.facility-units{margin:16px 0 0;display:grid;gap:12px}.facility-units>div{border-top:1px solid #d9e7e2;padding-top:12px}.facility-units dt{font-size:13px;font-weight:700;color:#245d58}.facility-units dd{font-size:13px;line-height:1.8;margin:4px 0 0;color:#52727a}
.facility-units>div{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.facility-units dt{flex-shrink:0}.facility-units dd{margin:0}

.wellness-section{background:#fff;scroll-margin-top:24px}.wellness-heading{display:flex;align-items:start;justify-content:space-between;gap:24px}.wellness-standard{border:1px solid #b7d6cf;border-radius:30px;padding:9px 16px;color:#356b60;font-size:12px;white-space:nowrap;margin-top:8px}.wellness-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.wellness-card{border:1px solid #dbe7e2;border-radius:10px;background:linear-gradient(135deg,#f0f8f5,#fafcfb);padding:38px;min-height:230px}.wellness-card small{font-size:10px;letter-spacing:.15em;color:#63817b}.wellness-card h3{font-size:27px;color:#193f40;margin:24px 0 18px;line-height:1.4}.wellness-status{display:inline-flex;font-size:12px;color:#4e7268;background:#e1eee8;padding:6px 12px;border-radius:20px}.wellness-card p{font-size:13px;color:#6a7f78;line-height:1.8;margin:20px 0 0}@media(max-width:640px){.wellness-heading{display:block}.wellness-standard{display:inline-block;margin:0 0 24px}.wellness-grid{grid-template-columns:1fr}.wellness-card{padding:26px}}

.sleep-detail .ep-hero{background:linear-gradient(135deg,#edf1f9,#e2e9f6)}.sleep-detail .ep-eyebrow{color:#58658b}.sleep-detail .sleep-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.wellness-live{display:grid;grid-template-columns:140px 1fr;gap:26px;align-items:center}.wellness-live img{width:100%;border-radius:8px}.wellness-live h3{margin:14px 0}.wellness-live a{display:inline-flex;margin-top:18px;font-size:13px;font-weight:700;color:#245d58}@media(max-width:820px){.sleep-detail .sleep-steps{grid-template-columns:1fr 1fr}}@media(max-width:540px){.wellness-live{grid-template-columns:100px 1fr;gap:18px}}

.product-view-actions{display:flex;flex-wrap:nowrap;gap:12px}.product-view-actions .ep-button{white-space:nowrap}.product-contact-action{margin-top:-12px}.product-media{scroll-margin-top:20px}.product-media [hidden]{display:none!important}.product-media .product-artwork{margin:auto}.product-media .product-artwork img{width:100%;height:auto}.product-view-actions .is-active{background:#124d51;color:white}@media(max-width:540px){.product-view-actions{gap:8px}.product-view-actions .ep-button{padding:12px 14px;font-size:13px;flex:1}}

.product-media-tabs{position:sticky;top:0;z-index:20;background:#fff;padding:16px 24px;margin:0;justify-content:center;border-bottom:1px solid #dce8e3}.product-media-tabs .ep-button{max-width:240px}.product-media .ep-section{padding-top:30px}
html:has(.product-media){scroll-behavior:auto}

/* V3.3.15: bilingual technology and pharmaceutical content hubs. */
.content-hub{color:#193c47}.content-hub h2{font-size:clamp(27px,3vw,38px);line-height:1.4;letter-spacing:-.025em;margin:12px 0 24px}.content-hub h3{font-size:20px;line-height:1.55;margin:0 0 14px}.content-hub p{line-height:1.95;color:#5e7681}.hub-nav{background:#fff;border-bottom:1px solid #dfe9e6;position:sticky;top:0;z-index:22}.hub-nav>.container{display:flex;gap:8px;overflow-x:auto;padding-top:16px;padding-bottom:16px;scrollbar-width:thin}.hub-nav a{white-space:nowrap;border:1px solid #d5e5de;border-radius:30px;padding:8px 18px;font-size:13px;color:#346d66}.hub-nav a:hover,.hub-nav a:focus-visible{background:#e7f4ee;border-color:#72aa96}.content-hub section[id]{scroll-margin-top:90px}.hub-tint{background:#f1f7f5}.hub-prose{max-width:950px}.hub-prose p{font-size:16px;margin:0 0 20px}.hub-lead{font-size:18px;max-width:1000px}.hub-split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.technology-hub #principle .hub-split{display:block}.technology-hub #principle .hub-figure{margin-top:32px}.hub-figure{margin:0;background:#fff;border:1px solid #e1ebe8;border-radius:10px;overflow:hidden}.hub-figure img{display:block;width:100%;height:auto}.hub-figure figcaption{padding:12px 18px;font-size:12px;line-height:1.8;color:#6a848b}.hub-figure figcaption a{color:#32796c;text-decoration:underline}.hub-wide{margin:30px 0}.hub-grid{display:grid;gap:24px;margin:26px 0}.hub-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.hub-card{background:#fff;border:1px solid #d9e7e2;border-radius:9px;padding:28px}.hub-card p{font-size:15px;margin:0}.hub-mini-grid .hub-card{padding:22px}.hub-mini-grid h3{font-size:18px}.hub-note{font-size:13px;border-left:3px solid #86bca8;padding:12px 18px;background:rgba(255,255,255,.65);margin-top:28px!important;max-width:1000px}.hub-sem{margin:0;border:1px solid #dce7e5;border-radius:8px;background:#fff;overflow:hidden}.hub-sem img{width:100%;aspect-ratio:1.3;object-fit:contain;background:#e9eeee}.hub-sem figcaption{padding:20px;line-height:1.8;color:#59757c;font-size:13px}.hub-sem h3{font-size:18px}.hub-sem p{font-size:13px;margin:0}.hub-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hub-outline{border:1px solid #adcac0;background:#fff;color:#245d58}.hub-faq{max-width:1000px}.hub-faq details{background:#fff;border:1px solid #d7e6df;border-radius:6px;margin-bottom:14px;padding:20px 24px}.hub-faq summary{font-size:17px;font-weight:700;cursor:pointer;color:#214e51;line-height:1.6}.hub-faq p{padding-top:10px;font-size:15px}.hub-photo img{aspect-ratio:1.35;object-fit:cover}.hub-evidence{padding:35px;background:linear-gradient(135deg,#123b4b,#1a5a5c);border-radius:12px;color:#fff}.hub-evidence h3{font-size:27px;color:#fff;margin:18px 0 24px}.hub-evidence .eyebrow{color:#b9e5d5}.hub-evidence ul{padding-left:20px;line-height:2.1;color:#d7eae6}.hub-bridge{background:#f1f7f5}.hub-bridge .container{display:flex;justify-content:space-between;align-items:center;gap:25px}.hub-bridge h2{font-size:27px;margin:10px 0}.hub-bridge p{color:#637b82;line-height:1.8}.pharma-hub .hub-split+.section-head{margin-top:65px}.content-hub .outro p{color:#c8ddd9}.content-hub .outro h2{color:#fff}.content-hub .section-head{margin-bottom:28px}
@media(max-width:1000px){.hub-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-split{gap:32px}.hub-card{padding:22px}}
@media(max-width:820px){.hub-split{grid-template-columns:1fr}.hub-cols-3{grid-template-columns:1fr}.hub-sem-grid{grid-template-columns:1fr 1fr}.hub-sem-grid .hub-sem:last-child{grid-column:1/-1;max-width:600px;width:100%;justify-self:center}.hub-bridge .container{align-items:flex-start;flex-direction:column}.content-hub section[id]{scroll-margin-top:85px}.hub-nav a{font-size:12px;padding:8px 13px}}
@media(max-width:540px){.hub-cols-2,.hub-cols-4,.hub-sem-grid{grid-template-columns:1fr}.hub-sem-grid .hub-sem:last-child{grid-column:auto}.hub-prose p,.hub-card p{font-size:14px}.hub-card{padding:22px}.hub-evidence{padding:26px}.hub-evidence h3{font-size:23px}.hub-actions .btn{width:100%;justify-content:center}.hub-faq details{padding:18px}.hub-faq summary{font-size:16px}.hub-nav>.container{gap:6px}.hub-figure figcaption{font-size:11px}.content-hub .outro-inner{gap:24px}.content-hub h2{font-size:28px}}
/* V3.3.16 supplied structure specifications */
.spec-chips{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 44px}.spec-chips>span{border:1px solid #bad2cf;border-radius:8px;padding:14px 20px;color:#143d45;font-weight:700;background:#f1f8f6}.spec-chips small{font-weight:400}.spec-case{border-top:1px solid #c9dcd9;padding-top:30px}.spec-case-head{display:flex;justify-content:space-between;align-items:center;gap:24px}.spec-case-head h3{font-size:34px;margin:8px 0}.spec-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.spec-gallery figure{margin:0}.spec-gallery img{width:100%;height:390px;object-fit:contain;background:#f2f5f4;display:block}.spec-gallery h4{font-size:20px;margin:0 0 8px}.spec-gallery figcaption p{margin:0 0 10px}.spec-gallery figcaption span{color:#397b79}.spec-placeholder{display:flex;justify-content:space-between;gap:20px;border:1px dashed #b2cbc6;border-radius:10px;padding:25px;color:#55706f;background:#f8faf9}.spec-reserved{margin-top:40px}.spec-empty{height:75px;display:grid;place-items:center;color:#aac4be;font-size:32px}@media(max-width:600px){.spec-gallery{grid-template-columns:1fr}.spec-gallery img{height:auto;max-height:480px}.spec-case-head,.spec-placeholder{display:block}.spec-placeholder span{display:block;margin-top:10px}.spec-chips{gap:8px}.spec-chips>span{padding:10px 13px}}

/* V3.3.17 About */
.about-milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}.about-milestones article{padding:25px;border-top:2px solid #9bbfba}.about-milestones strong{display:block;font-size:36px;color:#174952}.about-milestones span{display:block;margin-top:12px}.about-values{margin-top:26px}.credential-grid{margin-top:32px}.credential-grid figure{margin:0}.credential-grid img{display:block;width:100%;height:300px;object-fit:contain;background:#f5f7f5;padding:12px;box-sizing:border-box}.credential-grid h3{font-size:21px;margin:12px 0}.credential-grid figcaption>a{color:#2e7371}.about-hub .hub-figure img{max-width:100%}@media(max-width:600px){.about-milestones{grid-template-columns:1fr;gap:12px}.about-milestones article{padding:16px}.credential-grid img{height:320px}}

.about-history-heading{margin-top:60px}.about-history-heading+.about-milestones{margin-top:25px}.about-milestones strong{font-size:32px}.history-planned{display:inline-block;margin-top:16px;padding:5px 10px;border-radius:5px;background:#edf5f2;color:#366c65;font-size:12px}
.facility-units dt{max-width:100%;overflow-wrap:anywhere}
/* V3.3.20 platform positioning and OEM/ODM */
.oem-services{background:#eef6f3}.oem-services .section-head{max-width:860px}.oem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px}.oem-card{background:#fff;border:1px solid #d4e4df;border-radius:12px;padding:30px}.oem-card>strong{color:#2e8d87;font-size:34px;letter-spacing:.03em}.oem-card h3{font-size:23px;margin:16px 0}.oem-card p{margin:0;line-height:1.85}.oem-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:34px}.oem-flow>span{padding:17px 0;border-top:2px solid #9abdb6;font-size:15px;font-weight:600}.oem-flow small{display:block;color:#5f8b84;margin-bottom:7px}.oem-scope{font-size:13px;color:#607b76;margin:10px 0 26px}@media(max-width:820px){.oem-grid{grid-template-columns:1fr}.oem-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:540px){.oem-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.oem-card{padding:25px}.oem-card>strong{font-size:30px}}

/* V3.3.22 persistent global navigation and fourth service card */
:root{--site-header-height:82px}
.site-header{position:sticky;top:0;z-index:100;height:var(--site-header-height);box-shadow:0 3px 18px #143b440c}
.hub-nav,.product-media-tabs{top:var(--site-header-height)}
section[id],article[id],.product-media,.wellness-section,.product-detail #product-video,.product-detail #product-details,.product-detail #product-structure{scroll-margin-top:calc(var(--site-header-height) + 24px)}
.content-hub section[id]{scroll-margin-top:calc(var(--site-header-height) + 100px)}
.product-media .ep-section{scroll-margin-top:calc(var(--site-header-height) + 100px)}
.oem-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.oem-card{padding:26px}.oem-card h3{font-size:21px}.oem-card>strong{font-size:32px}
@media(max-width:1100px){.oem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){:root{--site-header-height:70px}.mobile-nav{max-height:calc(100dvh - var(--site-header-height));overscroll-behavior:contain}}
@media(max-width:540px){.oem-grid{grid-template-columns:1fr}}

/* V3.3.23 shared type scale: title 44 / section 32 / card 21 / body 16 / caption 13 */
:root{--type-title:44px;--type-section:32px;--type-card:21px;--type-body:16px;--type-small:13px}
body{font-size:var(--type-body);line-height:1.8}
.hero h1,.inner-hero h1,.eye-detail h1,.product-detail h1{font-size:var(--type-title);line-height:1.3;letter-spacing:-.025em;font-weight:700}
.section-head h2,.editorial h2,.contact-grid h2,.content-hub h2,.eye-detail h2,.outro h2,.hub-bridge h2{font-size:var(--type-section);line-height:1.45;letter-spacing:-.02em;font-weight:700}
.section-head h2,.editorial h2,.contact-grid h2{max-width:900px}
.content-hub h3,.eye-detail h3,.product-tile h3,.wellness-card h3,.module-card h3,.v2-app-heading h3,.v2-app-heading h2,.process-grid h3,.process-video-callout h3,.oem-card h3,.hub-evidence h3,.credential-grid h3,.spec-gallery h4{font-size:var(--type-card);line-height:1.5;letter-spacing:0;font-weight:700}
.hero-text>p,.inner-hero p,.section-head p,.content-hub p,.hub-prose p,.hub-card p,.hub-lead,.ep-lead,.ep-fact p,.ep-card-copy p,.ep-step p,.product-tile p,.wellness-card p,.module-card p,.v2-app-card>p,.process-video-callout p,.oem-card p,.outro p,.site-info p,.editorial p,.contact-grid p{font-size:var(--type-body);line-height:1.85;letter-spacing:0}
.v2-app-card ul,.ep-eye-video-points,.hub-evidence ul,.content-hub li{font-size:var(--type-body);line-height:1.85}
.hero-text>p{max-width:560px}.section-head p{max-width:760px}.hub-prose{max-width:900px}.content-hub .hub-lead{font-size:var(--type-body)}
.btn,.ep-button,.v2-text-link,.product-tile span,.wellness-live a,.header-contact,.desktop-nav a,.lang-switch,.hub-nav a{font-size:14px;line-height:1.5}
.eyebrow,.ep-eyebrow,.oem-services .eyebrow{font-size:12px;line-height:1.6;letter-spacing:.12em}
.v2-app-heading small,.product-tile small,.wellness-card small,.ep-caption,.video-caption,.reference-context,.reference-note,.hub-note,.oem-scope,.facility-units dt,.facility-units dd,.ep-tags span,.wellness-standard,.wellness-status{font-size:var(--type-small);line-height:1.75}
.v2-app-card figcaption,.hub-figure figcaption,.hub-figure figcaption p,.hub-sem figcaption,.hub-sem p,.module-photo figcaption,.factory-photo figcaption,.content-hub .hub-note{font-size:var(--type-small);line-height:1.75}
.oem-card>strong{font-size:28px;line-height:1.3}.v2-app-heading>span{font-size:24px}.about-milestones strong,.spec-case-head h3{font-size:28px}.about-milestones span{font-size:16px;line-height:1.85}.oem-flow>span{font-size:15px;line-height:1.7}
.section-head{margin-bottom:32px}.content-hub h2{margin:12px 0 22px}.section-pad{padding:80px 0}.oem-card{padding:26px}.v2-app-card>p{padding:0 20px}.v2-app-card ul{padding-left:34px;padding-right:20px}.v2-app-heading{padding:22px 20px 18px}.v2-app-heading small{margin-top:6px}
@media(max-width:820px){:root{--type-title:36px;--type-section:28px;--type-card:20px}.section-pad{padding:56px 0}.hero-text{padding-top:52px}.hero-text .eyebrow{font-size:12px}.content-hub h2{font-size:var(--type-section)}.hub-prose p,.hub-card p{font-size:var(--type-body)}}
@media(max-width:540px){:root{--type-title:32px;--type-section:26px;--type-card:20px}.hero h1,.product-detail h1{font-size:var(--type-title)}.product-view-actions .ep-button{font-size:14px}.product-detail .ep-tags span{font-size:13px}.hub-nav a{font-size:13px}.section-pad{padding:48px 0}.hero h1{letter-spacing:-.02em}}
.ep-hero-grid>div{min-width:0}@media(max-width:540px){.product-view-actions .ep-button{min-width:0;white-space:normal;text-align:center;line-height:1.5;padding:12px 10px;flex:1}.product-view-actions{align-items:stretch}}
/* V3.3.24 illustrated process */
.process-step-list{display:grid;gap:28px;margin-top:40px}.process-step{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:38px;align-items:center;border-top:1px solid #dbe7e2;padding-top:30px}.process-step h3{font-size:var(--type-card);line-height:1.5;margin:12px 0 16px}.process-step p{font-size:var(--type-body);line-height:1.85}.process-step-images{padding:16px;background:#f6f9f7;display:grid}.process-step-images img{width:100%;height:330px;object-fit:contain}.process-step-images.paired{grid-template-columns:1fr 1fr;gap:12px}.process-step-images.paired img{height:260px}.molding-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px;padding-left:22px;color:#456969}.molding-steps li{font-size:15px!important;line-height:1.8}.process-explained>.container>.hub-figure img{width:100%;height:auto}@media(max-width:820px){.process-step{grid-template-columns:1fr;gap:20px}.process-step-images img{height:320px}}@media(max-width:540px){.process-step-images.paired{grid-template-columns:1fr}.process-step-images.paired img{height:auto}.process-step-images img{height:auto;max-height:450px}.molding-steps{grid-template-columns:1fr}}

/* V3.3.25 user-confirmed mass-production mold and forming capability */
.structure-capacity{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.4fr);gap:30px;align-items:center;padding:30px 34px;border:1px solid #c4ded5;border-radius:12px;background:linear-gradient(120deg,#eff8f3,#e2f1eb);margin:30px 0}.structure-capacity h3{font-size:var(--type-card);margin:12px 0}.structure-capacity p{margin:0;font-size:var(--type-body)}.capacity-stat{border-left:1px solid #b8d6cb;padding-left:30px;display:flex;flex-direction:column;gap:10px;color:#1e665b}.capacity-stat strong{font-size:38px;line-height:1.3;white-space:nowrap}.capacity-stat strong span{font-size:23px}.capacity-stat>span{font-size:14px;color:#52756b}@media(max-width:640px){.structure-capacity{grid-template-columns:1fr;padding:25px}.capacity-stat{border-left:0;border-top:1px solid #b8d6cb;padding:20px 0 0}.capacity-stat strong{font-size:34px}}

/* V3.3.27: readable navigation and body copy */
:root{--type-body:18px;--type-small:15px}
.desktop-nav a,.lang-switch,.header-contact,.hub-nav a{font-size:16px;line-height:1.6}
.desktop-nav{gap:22px}.header-inner{gap:24px}
.content-hub p,.hub-prose p,.hub-card p,.inner-hero p,.section-head p,.editorial p,.contact-grid p{line-height:1.95}
.hub-prose{max-width:1000px}.content-hub p:not(.hub-note){color:#435e67}
.mobile-nav a{font-size:18px;line-height:1.6}
@media(min-width:821px) and (max-width:1200px){.header-inner{padding-left:24px;padding-right:24px;gap:16px}.desktop-nav{gap:16px}.header-actions{gap:12px}.header-contact{padding:12px 14px}}
@media(max-width:540px){.hub-nav a{font-size:15px}.product-view-actions .ep-button{font-size:16px}}

/* V3.3.28: full-width technical prose aligned with section cards */
.technology-hub .hub-prose{max-width:none;width:100%}
.technology-hub .hub-prose p{font-size:20px;line-height:1.95;margin-bottom:24px}
html[lang^="zh"] .technology-hub .hub-prose p{text-align:justify;text-justify:inter-ideograph}
@media(max-width:540px){.technology-hub .hub-prose p{font-size:18px;line-height:1.9}}

.capacity-stat .capacity-needles{font-size:17px;line-height:1.7;color:#215d54;font-weight:600}

.spec-image-pending{min-height:180px;flex-direction:column;justify-content:center;align-items:center;text-align:center}.spec-case+.spec-case{margin-top:48px}

.raman-figure-title{padding:22px 22px 0}.raman-study .hub-figure img{aspect-ratio:1.85;object-fit:contain}.raman-table-wrap{overflow-x:auto}.raman-table{width:100%;border-collapse:collapse;font-size:17px;min-width:680px}.raman-table th,.raman-table td{padding:16px;border:1px solid #cbded6;text-align:left}.raman-table thead{background:#eaf5ef}.raman-table tbody tr:nth-child(2){background:#f2f8f5}.raman-source{font-size:15px!important;color:#607b80!important}

/* V3.3.35: site-wide prose alignment */
main p,main li,.content-hub p,.content-hub li,.hero-text>p,.inner-hero p,.section-head p,.editorial p,.contact-grid p,.outro p,.site-info p,.v2-app-card p,.v2-app-card li,.oem-card p,.ep-lead,.ep-card-copy p,.ep-step p,.product-detail p,.product-detail li{ text-align:justify;text-align-last:start;overflow-wrap:break-word;hyphens:auto; }
html[lang^="zh"] main p,html[lang^="zh"] main li,html[lang^="zh"] .content-hub p,html[lang^="zh"] .content-hub li{text-justify:inter-ideograph;hyphens:none}
.hub-lead,.hub-prose,.hub-note,.hub-faq,.section-head p,.inner-hero p{max-width:none}
/* Captions and compact labels keep natural spacing. */
.spec-case-head p,.capacity-stat p,.hub-figure figcaption p,.ep-caption,.video-caption,.reference-note{text-align:start;text-align-last:auto}

/* V3.3.41: facility area and cleanroom configuration */
.facility-specifications{margin:26px 0}.facility-spec-card{border:1px solid #c9ddd6;border-radius:9px;padding:22px;background:#f5faf7;margin-bottom:16px}.facility-spec-title{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px}.facility-spec-title h4{font-size:19px;line-height:1.5;color:#184a4d;margin:0;flex:1 1 180px}.facility-spec-title strong{font-size:26px;line-height:1.3;color:#1c7166;white-space:nowrap}.facility-spec-title small{font-size:16px}.facility-area-label{display:block;text-align:right;color:#617d75;font-size:13px;margin:6px 0 18px}.facility-clean-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 18px}.facility-clean-grid dt{font-size:13px;color:#647e77;margin-bottom:7px}.facility-clean-grid dd{font-size:16px;color:#204d4b;font-weight:600;margin:0;line-height:1.6}.facility-lab-grades{border-top:1px solid #d5e5de;padding-top:14px;display:flex;flex-wrap:wrap;gap:8px 20px;color:#4c6e65;font-size:14px;line-height:1.7}.facility-plan-note{font-size:14px!important;color:#637c76!important;line-height:1.75!important}@media(max-width:540px){.facility-spec-card{padding:20px}.facility-clean-grid{grid-template-columns:1fr;gap:14px}.facility-area-label{text-align:left}.facility-spec-title{display:block}.facility-spec-title strong{display:block;margin-top:12px}}
.facility-spec-card .facility-area-label{font-size:13px;font-weight:400;letter-spacing:0;text-transform:none}.facility-spec-card .facility-lab-grades span{font-size:14px;font-weight:400;letter-spacing:0;text-transform:none}

/* V3.3.42: facility information stays inside the original address/unit box. */
.facility-units>div{flex-wrap:wrap}.facility-units .facility-unit-description{flex:0 0 100%;width:100%;margin:10px 0 0;padding:0;font-size:16px;line-height:1.9;color:#526d70;font-weight:400;letter-spacing:0;text-align:justify}.facility-location .facility-units{margin-top:20px}.facility-units .facility-unit-description[id]{scroll-margin-top:calc(var(--site-header-height) + 40px)}

/* V3.3.49: consistent image frames, with the complete photograph visible. */
html .v2-app-card figure img{width:100%;height:auto;max-height:none;aspect-ratio:4/3;object-fit:contain;background:#cddedb}

.cms-image-caption{display:block;font-size:13px;color:#67828b;padding:10px 0;line-height:1.6}.contact-form .inquiry-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.6}.contact-form .inquiry-consent input{width:auto;min-width:18px;margin-top:4px}