:root{--navy:#18245f;--blue:#245eaa;--sky:#5ab3e6;--gold:#f2d34b;--red:#d8232a;--bg:#f7f8fa;--ink:#1a1a1a;--muted:#667085}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,'Noto Sans TC',sans-serif;line-height:1.7;background:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;background:#fff;padding:18px 0;border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{padding:11px 0;box-shadow:0 3px 20px #17235d14;border-color:#edf0f5}.header-inner{display:flex;align-items:center;gap:28px}.logo-link img{width:auto;height:49px;display:block}.desktop-nav{display:flex;gap:25px;align-items:center;margin-left:auto}.desktop-nav a{font-size:14px;font-weight:600;color:#313744}.desktop-nav a:hover,.mobile-menu a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:12px}.lang-toggle{border:0;background:#f5f6f8;border-radius:99px;padding:7px 13px;color:#4a5262;cursor:pointer}.phone-cta,.btn-red{background:var(--red);color:#fff;border-radius:7px;padding:11px 18px;font-weight:700;box-shadow:0 5px 12px #d8232a22}.phone-cta:hover,.btn-red:hover{background:#ba1c23}.menu-toggle{display:none;border:0;background:none;font-size:25px}.mobile-menu{display:none}.hero{position:relative;min-height:724px;padding:190px 0 150px;display:flex;align-items:center;text-align:center;overflow:hidden;background:linear-gradient(125deg,#18245f,#245eaa);color:#fff}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(125deg,#18245fd9,#245eaacc);z-index:1}.hero-glow{position:absolute;width:650px;height:650px;right:-180px;top:-280px;background:#5ab3e633;border-radius:50%;filter:blur(10px);z-index:1}.hero-content{position:relative;z-index:2}.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff38;background:#ffffff12;border-radius:99px;color:var(--gold);padding:5px 15px;font-weight:700;font-size:14px}.badge span:first-child{width:8px;height:8px;background:var(--gold);border-radius:50%}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.25;margin:25px auto 22px;max-width:950px;letter-spacing:-2px}.hero p{color:#dcecff;font-size:clamp(18px,2.2vw,25px);max-width:760px;margin:0 auto 38px}.hero-actions{display:flex;justify-content:center;gap:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;padding:14px 28px;border-radius:7px;font-weight:700;cursor:pointer;transition:.2s}.btn-glass{border:1px solid #ffffff35;background:#ffffff12;color:#fff}.btn-glass:hover{background:#ffffff25}.btn-navy{width:100%;background:var(--navy);color:#fff}.scroll-cue{position:absolute;bottom:27px;left:50%;font-size:34px;color:#ffffff99}.section{padding:105px 0}.section-muted{background:var(--bg)}.two-col{display:grid;grid-template-columns:1fr 2fr;gap:75px;align-items:center}.h2-style{color:var(--navy);font-size:clamp(30px,4vw,42px);line-height:1.3;margin:0 0 20px}.section h2,.about h2{color:var(--navy);font-size:clamp(30px,4vw,42px);line-height:1.3;margin:0 0 20px}.about p{color:#596273;font-size:17px;margin:0 0 22px}.rule{width:80px;height:6px;border-radius:8px;background:var(--gold)}.poster-wrap{position:relative}.poster-wrap>img:first-child{width:100%;border-radius:17px;display:block;box-shadow:0 14px 30px #15245d1a;cursor:zoom-in}.poster-logo{position:absolute;bottom:-24px;left:-24px;width:90px;background:white;padding:10px;border-radius:10px;box-shadow:0 5px 17px #0002}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:75px}.fancy-divider{display:flex;align-items:center;gap:18px;margin:75px 0 0}.fancy-divider span{flex:1;height:2px;background:linear-gradient(90deg,transparent,#d8dee8)}.fancy-divider span:last-child{background:linear-gradient(90deg,#d8dee8,transparent)}.fancy-divider i{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--blue));color:var(--gold);font-style:normal;font-size:20px;box-shadow:0 6px 18px #17235d22}.why-wrap{margin-top:45px}.why-wrap .section-heading p{color:#657080;max-width:700px;margin:0 auto}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:45px}.why-card{text-align:center;padding:28px 18px;background:#f7f8fa;border:1px solid #edf0f4;border-radius:17px;transition:.25s}.why-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #17235d12}.why-card i{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;margin:auto;background:#fff;font-size:26px;font-style:normal;box-shadow:0 2px 8px #0000000d}.why-photo{width:100%;height:130px;border-radius:14px;overflow:hidden;margin:0 0 16px;box-shadow:0 4px 12px #0000000d}.why-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s}.why-card:hover .why-photo img{transform:scale(1.05)}.why-card h3{color:var(--navy);margin:14px 0 8px;font-size:17px}.why-card p{color:#5e6878;font-size:14px;margin:0}.spec-form{margin-top:60px;padding-top:55px;border-top:1px solid #e9ecf0}.spec-form-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:45px;align-items:start}.spec-form h3{color:var(--navy);font-size:24px;margin:0 0 8px}.spec-form>.spec-form-grid>div>p{color:#657080;margin:0 0 20px}.spec-table{width:100%;border-collapse:collapse;margin:0 0 20px}.spec-table th,.spec-table td{border:1px solid #e2e6ec;padding:12px 14px;text-align:left;font-size:14px;vertical-align:top}.spec-table th{background:var(--bg);color:var(--navy);width:38%;font-weight:700}.spec-table td{color:#445066}.spec-note{padding:14px 18px;background:#fff7e0;border:1px solid #f2d34b66;border-radius:10px;color:#6b5b12;font-size:14px;margin:0 0 20px}.download-inline{display:inline-block;padding:12px 20px;background:var(--navy);color:#fff!important;border-radius:9px;font-weight:700}.spec-form-image{width:100%;border-radius:15px;box-shadow:0 14px 30px #15245d1a;cursor:zoom-in}.stat{background:#f8fafc;border:1px solid #edf0f4;border-radius:17px;padding:22px 12px;text-align:center}.stat strong{font-size:35px;line-height:1;color:var(--blue)}.stat b{color:var(--gold);font-size:27px}.stat span{display:block;margin-top:9px;color:#566070;font-size:14px;font-weight:600}.section-heading{text-align:center;max-width:800px;margin:0 auto 60px}.section-heading .rule{margin:0 auto 22px}.section-heading p{color:#657080}.service-grid,.pillar-grid,.market-grid,.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.service-grid{grid-template-columns:repeat(2,1fr);max-width:1030px;margin:auto}.service-card{background:#fff;border:1px solid #e9ecf0;border-radius:17px;padding:31px;box-shadow:0 2px 4px #0f172a08;transition:.25s}.service-card:hover,.market:hover{transform:translateY(-4px);box-shadow:0 14px 30px #17235d12}.icon-circle{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#edf5ff;color:var(--blue);font-size:29px}.service-photo{width:100%;height:150px;border-radius:14px;overflow:hidden;margin:0 0 18px;background:#fff;border:1px solid #eef0f3}.service-photo img{width:100%;height:100%;object-fit:contain;padding:14px;display:block;box-sizing:border-box}.service-card h3{color:var(--navy);font-size:24px;margin:18px 0 9px}.service-card p{color:#5e6878;min-height:57px}.service-card ul{list-style:none;padding:16px;margin:22px 0 0;background:#f7f8fa;border:1px solid #eef0f3;border-radius:12px;color:#445066;font-size:14px}.service-card li+li{margin-top:10px}.service-card li::first-letter{color:var(--gold)}.dosage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:880px;margin:auto}.dosage{padding:29px;text-align:center;background:#f7f8fa;border:1px solid #edf0f4;border-radius:17px;transition:.25s}.dosage:hover{background:var(--navy);color:#fff;transform:translateY(-4px)}.dosage i{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;margin:auto;background:#fff;color:var(--blue);font-size:30px;font-style:normal;box-shadow:0 2px 8px #0000000d}.dosage h3{font-size:17px;margin:13px 0 0}.dosage-photo{padding:0 0 20px;overflow:hidden}.dosage-photo img{width:100%;height:120px;object-fit:cover;display:block;margin-bottom:14px}.dosage-photo:hover img{opacity:.92}.quality{position:relative;overflow:hidden;background:var(--navy);color:#fff}.quality-bg{position:absolute;inset:0;background:url('assets/images/esmond-oem-banner.jpg') center/cover;opacity:.09}.quality .container{position:relative}.quality .section-heading h2{color:#fff}.quality .section-heading p{color:#dce8ff}.cert-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:65px}.cert{display:flex;gap:12px;align-items:center;padding:15px 22px;background:#ffffff13;border:1px solid #ffffff2c;border-radius:12px}.cert b{font-size:18px;color:var(--gold)}.cert span{color:#c5d9f4;font-size:13px}.pillar{padding:30px;text-align:center;background:#ffffff0d;border:1px solid #ffffff1b;border-radius:17px}.pillar i{display:grid;place-items:center;width:70px;height:70px;margin:auto;border-radius:50%;background:#245eaa77;font-size:29px;font-style:normal}.pillar h3{color:var(--gold);margin:15px 0 6px}.pillar p{color:#d5e5fb}.timeline{max-width:760px;margin:auto;position:relative}.timeline:before{content:'';position:absolute;left:50%;top:12px;bottom:12px;width:3px;background:#dfe4ec}.step{display:flex;align-items:center;gap:25px;width:50%;padding:13px 30px 13px 0;min-height:110px;position:relative}.step:nth-child(even){margin-left:50%;padding:13px 0 13px 30px;flex-direction:row-reverse;text-align:right}.step-number{z-index:1;flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#fff;border:4px solid var(--blue);color:var(--blue);font-weight:800}.step-number i{font-style:normal;font-size:24px;line-height:1}.step h3{margin:3px 0;color:var(--navy);font-size:19px}.step small{color:var(--blue);font-weight:700}.step-thumb{width:88px;height:56px;object-fit:cover;border-radius:10px;margin-top:8px;box-shadow:0 6px 14px #17235d26;display:block}.step:nth-child(even) .step-thumb{margin-left:auto}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.showcase-card{background:#fff;border:1px solid #e9ecf0;border-radius:17px;overflow:hidden;box-shadow:0 2px 4px #0f172a08;transition:.25s}.showcase-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #17235d12}.showcase-card img{width:100%;height:190px;object-fit:cover;display:block;cursor:zoom-in}.showcase-body{padding:24px}.showcase-body h3{color:var(--navy);font-size:19px;margin:0 0 9px}.showcase-body p{color:#5e6878;font-size:14px;margin:0 0 14px;min-height:65px}.showcase-body ul{list-style:none;padding:14px;margin:0;background:#f7f8fa;border:1px solid #eef0f3;border-radius:12px;color:#445066;font-size:13px}.showcase-body li{padding:2px 0}.showcase-body li:before{content:'✓ ';color:var(--gold);font-weight:700}.globe-mark{display:grid;place-items:center;margin:0 auto 18px;width:62px;height:62px;border-radius:50%;background:#edf5ff;color:var(--blue);font-size:30px}.global-map{border-radius:20px;overflow:hidden;margin:0 0 45px;box-shadow:0 16px 34px #15245d22}.global-map img{width:100%;display:block}.market{padding:28px;background:#fff;border:1px solid #e9edf3;border-radius:16px;transition:.25s}.market h3{padding-bottom:15px;border-bottom:1px solid #edf0f4;color:var(--navy)}.market span{display:inline-block;padding:5px 10px;margin:4px 3px 0 0;border-radius:5px;background:#f7f8fa;border:1px solid #edf0f4;color:#526072;font-size:13px}.case-card{overflow:hidden;background:#fff;border:1px solid #e7ebf0;border-radius:16px;text-align:left;transition:.25s}.case-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #17235d12}.case-card>div{height:170px;display:grid;place-items:center;background:linear-gradient(135deg,#f1f3f6,#e4e8ed);color:#c1c8d1;font-size:65px}.case-card>img{width:100%;height:170px;object-fit:cover;display:block}.case-card h3{color:var(--navy);font-size:17px;padding:18px 18px 0}.case-card .case-body p{color:#5e6878;font-size:14px;padding:8px 18px 20px;margin:0}.case-card:has(>div) h3{color:#9da7b7;padding:14px;text-align:center}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1050px;margin:auto}.contact-card{position:relative;overflow:hidden;background:var(--navy);color:#fff;border-radius:22px;padding:37px}.contact-card:after{content:'';position:absolute;width:360px;height:360px;right:-170px;top:-190px;background:#245eaa66;border-radius:50%;filter:blur(8px)}.contact-card>*{position:relative;z-index:1}.contact-card h3{font-size:26px;margin:0 0 25px}.contact-lines p{margin:0 0 22px;color:#d4e5fb}.contact-lines p:first-letter{color:var(--gold)}.contact-lines b{color:#fff}.contact-lines span{font-size:14px}.contact-lines a{color:#a9d9f4}.contact-lines a:hover{color:#fff}.big-phone{font-size:25px;font-weight:800;color:#fff!important}.download{display:block;text-align:center;margin-top:30px;padding:13px;border:1px solid #ffffff3b;border-radius:10px;background:#ffffff14;font-weight:700}.inquiry-card{padding:37px;background:var(--bg);border:1px solid #e7ebf0;border-radius:22px}.inquiry-card h3{color:var(--navy);font-size:26px;margin:0 0 5px}.inquiry-card>p{color:#687386;font-size:14px;margin:0 0 23px}.inquiry-card label{display:block;color:#445066;font-weight:700;font-size:14px;margin-bottom:17px}.inquiry-card input,.inquiry-card select,.inquiry-card textarea{display:block;width:100%;margin-top:7px;border:1px solid #dce1e8;border-radius:9px;padding:11px;background:#fff;outline:0}.inquiry-card input:focus,.inquiry-card select:focus,.inquiry-card textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #245eaa18}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.faq-wrap{max-width:800px;margin:80px auto 0}.faq-wrap .section-heading{margin-bottom:30px}.faq{border-bottom:1px solid #dfe4ea}.faq summary{cursor:pointer;padding:18px 3px;color:#313d50;font-size:17px;font-weight:700}.faq p{padding:0 3px 18px;color:#606d7d;margin:0}.site-footer{background:var(--navy);color:#fff;padding:55px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-logo{height:46px;filter:brightness(0) invert(1);margin-bottom:13px}.site-footer p{color:#bdd1ee;font-size:14px;margin:5px 0}.site-footer h4{color:var(--gold);font-size:18px;margin:0 0 14px}.site-footer a:hover{color:#fff}.copyright{text-align:center;color:#8faed1;border-top:1px solid #ffffff1a;margin-top:35px;padding-top:23px;font-size:13px}.mobile-actions{display:none}.lightbox{display:none;position:fixed;inset:0;z-index:50;background:#000c;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{max-width:95%;max-height:90%;object-fit:contain}.lightbox button{position:absolute;right:25px;top:14px;background:none;border:0;color:#fff;font-size:45px;cursor:pointer}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}.btn-outline{background:#fff;color:var(--navy);border:1px solid #d7dce5}.btn-outline:hover{background:#f5f6f8}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.form-success{display:none;margin-top:18px;padding:22px;background:#eefaf1;border:1px solid #b9e8c4;border-radius:14px}.form-success.show{display:block;animation:formSuccessIn .35s ease}@keyframes formSuccessIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.form-success-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.form-success-icon{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:50%;background:#2e9e52;color:#fff;font-size:15px;font-weight:800}.form-success-head h4{margin:0;color:#1c6b34;font-size:17px}.form-success>p{margin:0 0 16px;color:#3c6b49;font-size:14px}.form-success-actions{display:flex;flex-wrap:wrap;gap:10px}.form-success-actions .btn{padding:11px 20px;width:auto}.load-error{position:fixed;z-index:100;top:0;left:0;right:0;padding:12px;background:#d8232a;color:#fff;text-align:center}
@media(max-width:1050px){.desktop-nav{gap:13px}.phone-cta{padding:10px 12px}.header-inner{gap:14px}}
@media(max-width:800px){.container{width:min(100% - 30px,600px)}.site-header{padding:12px 0}.logo-link img{height:43px}.desktop-nav,.header-actions .phone-cta{display:none}.header-actions{margin-left:auto}.menu-toggle{display:block}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:#fff;padding:10px 20px 20px;box-shadow:0 8px 16px #0002}.mobile-menu.open{display:flex;flex-direction:column}.mobile-menu a{padding:11px 0;border-bottom:1px solid #eef0f3;font-weight:600}.mobile-menu .mobile-phone{margin-top:10px;text-align:center;color:#fff;background:var(--red);border-radius:7px}.hero{min-height:650px;padding:160px 0 110px}.hero-video{display:none}.two-col{grid-template-columns:1fr}.hero h1{font-size:43px}.hero p{font-size:17px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.section{padding:75px 0}.two-col,.contact-grid{grid-template-columns:1fr;gap:40px}.two-col{display:flex;flex-direction:column}.poster-wrap{order:-1}.stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:50px}.stats .stat:last-child{grid-column:span 2}.service-grid{grid-template-columns:1fr}.dosage-grid{grid-template-columns:repeat(2,1fr);gap:12px}.dosage{padding:20px 9px}.pillar-grid,.market-grid,.case-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(2,1fr);margin-top:30px}.spec-form-grid{grid-template-columns:1fr}.spec-form-image{order:-1}.why-wrap{margin-top:55px}.cert-grid{gap:8px;margin-bottom:45px}.cert{padding:11px 13px;gap:7px}.cert span{font-size:11px}.timeline:before{left:24px}.step,.step:nth-child(even){margin:0;width:100%;padding:12px 0;flex-direction:row;text-align:left;gap:16px}.step:nth-child(even) .step-thumb{margin-left:0}.step-number{width:49px;height:49px}.showcase-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:24px}.mobile-actions{display:flex;position:fixed;z-index:30;bottom:0;left:0;right:0;gap:9px;padding:8px 12px;background:#fff;border-top:1px solid #e4e7eb;box-shadow:0 -5px 15px #00000012}.mobile-actions a{flex:1;text-align:center;color:#fff;border-radius:7px;padding:10px;background:var(--red);font-size:13px;font-weight:700}.mobile-actions a+ a{background:var(--navy)}.site-footer{padding-bottom:85px}}
@media(max-width:400px){.hero h1{font-size:37px}.stats{grid-template-columns:1fr}.stats .stat:last-child{grid-column:auto}}