@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--ink:#143159;--green:#008daf;--paper:#fff;--muted:#718097;--line:#e4edf4;--cream:#f0f8fd;--gold:#00a0bf}body{font-family:'IBM Plex Sans Thai','DM Sans',sans-serif;color:var(--ink);background:#fff}.line-icon{width:26px;height:26px;flex:none}.site-header{height:90px;margin:0;padding:0 4.5%;border:0;background:#fff;gap:24px;position:relative;z-index:5;max-width:none}.brand{gap:6px;letter-spacing:.1px;font-size:15px;line-height:1.15;color:#1388ae;font-weight:500}.brand small{font-size:8px;letter-spacing:.5px;margin-top:3px;text-align:center}.brand-i{color:#b09651}.brand-symbol{height:60px;width:60px;flex:none}.site-header nav{display:flex;gap:20px;font-size:12px;align-items:center}.site-header nav a{white-space:nowrap;padding:10px 0}.site-header nav a:hover{color:#079fc3}.site-header .nav-home{background:#e9f7ff;color:#0082ac;padding:10px 17px;border-radius:6px}.header-actions{display:flex;gap:16px;align-items:center}.search-shortcut{height:38px;width:38px;display:grid;place-items:center;border-radius:50%;background:#f3faff;color:#008bb5}.search-shortcut svg{width:19px;height:19px}.primary,.outline{border-radius:28px;padding:11px 24px;gap:25px;font-size:13px;min-height:45px;font-weight:500}.primary{background:linear-gradient(110deg,#007aa6,#25b4c4);border:0;color:white;box-shadow:0 5px 15px #148bab13}.primary:hover{background:linear-gradient(110deg,#056889,#119caf)}.outline{border:1px solid #0087b4;color:#006e99;background:white}.outline:hover{background:#eafbff}.consult{font-size:12px;padding:10px 20px;min-height:40px;white-space:nowrap}.primary>span,.outline>span{font-size:21px;line-height:1}.mobile-menu{display:none}.new-home{max-width:none}.oem-hero{height:505px;position:relative;overflow:hidden;background:linear-gradient(110deg,#f4fbff,#e9f7ff)}.hero-visual{position:absolute;inset:0 0 0 27%;background:url('assets/oem-hero.png') no-repeat right center;background-size:cover}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f4fbff 0%,#f4fbffd9 7%,#f4fbff00 35%)}.hero-inner{position:relative;z-index:1;max-width:1380px;margin:auto;padding:56px 5.5% 0;pointer-events:none}.hero-inner a{pointer-events:auto}.hero-inner>.eyebrow{font-size:10px;letter-spacing:1.1px;color:#8a9aac;font-weight:400}.oem-hero h1{color:#202f43;font-size:clamp(34px,3.8vw,54px);line-height:1.35;letter-spacing:-1.2px;font-weight:600;margin:20px 0 14px}.oem-hero h1>span{color:#1b9fc1}.oem-hero h1 em{color:#0086ad;font-style:normal}.oem-hero p{font-size:15px;line-height:1.8;color:#55677d}.hero-actions{margin-top:23px;gap:12px}.hero-points{display:flex;gap:0;margin-top:37px;align-items:center;font-size:11px;color:#61738a}.hero-points>span{display:flex;align-items:center;gap:8px;padding:0 17px;border-right:1px solid #cddfe9}.hero-points>span:first-child{padding-left:0}.hero-points>span:last-child{border:0}.hero-points svg{color:#008cba;width:25px;height:25px}.hero-art-note{position:absolute;right:22px;bottom:13px;color:#7a8d9e;font-size:8px}.home-section{max-width:1320px;margin:auto;padding:48px 5%}.section-heading{display:flex;align-items:end;gap:28px;margin-bottom:26px}.section-heading>div{flex:none}.kicker{font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:2px;color:#0096b7;font-weight:600;display:block;margin-bottom:8px}.section-heading h2{font-size:29px;line-height:1.4;font-weight:600;letter-spacing:-.6px}.section-heading h2>span{color:#078caf;margin-left:4px}.section-heading>p{font-size:12px;color:#8490a1;padding-bottom:2px;flex:1}.section-link{font-size:12px;color:#0088b2;display:flex;align-items:center;gap:15px;margin-left:auto;white-space:nowrap;padding-bottom:3px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-item{padding:23px 22px 20px;border:1px solid #e0eef6;border-radius:12px;background:linear-gradient(145deg,#fff,#f4fbff);position:relative;transition:transform .2s,box-shadow .2s}.service-item:hover{transform:translateY(-3px);box-shadow:0 12px 30px #3d7f9e0c}.service-icon{display:grid;place-items:center;color:#0393bc;background:#e7f6fd;border-radius:12px;width:51px;height:51px;margin-bottom:20px}.service-icon svg{width:29px;height:29px}.service-number{position:absolute;top:26px;right:22px;color:#d3e6ef;font:500 23px 'DM Sans',sans-serif}.service-item h3{font-size:18px;font-weight:500;margin-bottom:6px}.service-item p{font-size:12px;line-height:1.8;color:#8090a4;min-height:44px;max-width:90%}.service-en{font-size:8px;letter-spacing:1px;color:#91a4b6;display:block;margin-top:19px}.service-item>.line-icon{position:absolute;bottom:17px;right:18px;color:#0d93b5;width:18px;height:18px}.product-strip{display:flex;align-items:center;border-top:1px solid #e6eff5;margin-top:25px;padding-top:21px;gap:23px;scroll-margin-top:30px}.product-strip>span{font-size:11px;color:#7b8ca1;flex:none}.product-strip>div{display:flex;gap:14px;justify-content:space-between;flex:1}.product-strip a{display:flex;gap:7px;align-items:center;font-size:11px;white-space:nowrap}.product-strip svg{width:18px;height:18px;color:#0391b5}.ingredient-section{background:#f6fbfe;max-width:none;padding:45px max(5%,calc((100vw - 1188px)/2));border-block:1px solid #edf5f9}.ingredient-section .section-heading{margin-bottom:23px}.category-teasers{display:grid;grid-template-columns:repeat(5,1fr);gap:17px}.category-teaser{display:block;background:white;border-radius:11px;overflow:hidden;border:1px solid #e2eef6;transition:transform .2s}.category-teaser:hover{transform:translateY(-3px)}.category-teaser>.atlas{height:135px;position:relative}.category-teaser>.atlas>span{position:absolute;left:12px;top:10px;font-size:9px;background:#ffffffc9;padding:4px 7px;border-radius:4px;color:#708591}.teaser-text{position:relative;padding:16px 13px 18px}.teaser-text small{font:8px 'DM Sans',sans-serif;letter-spacing:.9px;color:#8b9bac;display:block;margin-bottom:5px}.teaser-text h3{font-size:13px;font-weight:500;padding-right:15px;line-height:1.5}.round-arrow{position:absolute;right:12px;bottom:18px;border:1px solid #dcf0f8;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#008ab2;font-size:20px;line-height:1}.teaser-note{font-size:10px;color:#98a6b5;margin-top:17px}.story-process{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;padding-block:60px}.story h2{font-size:32px;line-height:1.5;font-weight:500}.story p{font-size:12px;color:#8390a2;line-height:1.9;margin-top:18px}.simple-steps{list-style:none;padding:0;margin:0}.simple-steps li{display:flex;gap:22px;padding:15px 0 20px;border-bottom:1px solid #e7eff5;align-items:start}.simple-steps li:first-child{padding-top:0}.simple-steps li:last-child{border:0;padding-bottom:0}.simple-steps li>span{font:500 13px 'DM Sans',sans-serif;display:grid;place-items:center;width:34px;height:34px;background:#edf8fe;color:#0795b7;border-radius:50%;flex:none;margin-top:4px}.simple-steps h3{font-weight:500;font-size:17px}.simple-steps p{color:#8592a3;font-size:12px;margin-top:5px}.home-contact{max-width:1188px;margin:0 auto 45px;padding:31px 38px;background:linear-gradient(110deg,#eaf8ff,#f2fcfc);border:1px solid #e2f1f7;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:25px}.home-contact h2{font-size:27px;font-weight:500;line-height:1.5}.home-contact p{font-size:12px;color:#7e8fa2;margin-top:5px}.contact-buttons{display:flex;flex-direction:column;gap:10px;align-items:center}.phone-link{color:#5b7891;font-size:12px}.site-footer{max-width:none;padding:28px 5%;border-top:1px solid #e6eff5;display:flex;align-items:center;gap:25px;background:#fff}.site-footer .brand{font-size:12px}.site-footer .brand-symbol{width:43px;height:43px}.site-footer p{font-size:10px;line-height:1.8;color:#526b83;flex:1}.site-footer p small{color:#92a1af}.site-footer>div{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#74899b}.site-footer>small{font-size:8px;color:#9aa9b5}.library-title{background:#f1f9ff;padding:40px 5%;position:relative}.library-title h1{font-size:36px;color:#15365d;margin:9px 0;font-weight:500}.library-title p{font-size:13px;color:#8093a8}.library-title .shortlist-trigger{position:absolute;right:5%;top:55px;background:white}.count{background:#078eaf;color:white}.library-page .catalog{background:#f8fcff;padding-top:35px}.library-page .catalog>.section-top{display:none}.category.active,.pagination button.active{background:#008daf;color:white}.category.active span{color:#d3f4ff}.category:hover:not(.active){background:#e7f5fc}.card{border-color:#e0edf6;border-radius:10px;overflow:hidden}.search{border-radius:8px;border-color:#dcebf4}.add{background:#e6f6fc;color:#0089ae;border-radius:4px}.add.selected{background:#008caf;color:white}.help-box{border-radius:10px;border-color:#d9eaf5;background:white}.image-note{color:#8c9daf}.toast{background:#057e9f}.detail-category{color:#078ba8}.detail-facts{border-color:#e0edf4}.detail-art{border-radius:0}.empty{border-color:#bedeea}dialog{border-radius:14px}.entry-content{line-height:1.9;color:#617389}.library-page .section-top h2{font-size:32px}@media(min-width:1500px){body>main,body>header,body>footer{max-width:none}}@media(max-width:1200px){.site-header{padding-inline:3%;gap:18px}.site-header nav{gap:14px;font-size:11px}.brand{font-size:12px}.brand-symbol{height:51px;width:51px}.brand small{font-size:7px}.header-actions{gap:9px}.consult{padding-inline:15px}.oem-hero{height:475px}.hero-inner{padding-top:48px}.oem-hero h1{font-size:43px}.oem-hero p{font-size:13px}.hero-points{font-size:10px}.hero-points>span{padding-inline:10px}.home-contact{margin-inline:5%}.section-heading h2{font-size:26px}.product-strip{gap:17px}.product-strip>div{gap:10px}.product-strip a{font-size:10px}.story-process{gap:70px}}@media(max-width:960px){.site-header{height:78px;padding-inline:5%}.site-header .brand{font-size:13px}.site-header nav{display:none;position:absolute;top:78px;left:0;right:0;padding:15px 5% 25px;background:#fff;box-shadow:0 10px 15px #1e689b0c;flex-direction:column;align-items:stretch;gap:0;font-size:13px}.site-header nav.is-open{display:flex}.site-header nav a{padding:12px 16px}.mobile-menu{display:block;margin-left:auto;color:#008bb5;font-size:24px;padding:4px}.header-actions{gap:13px}.search-shortcut{display:none}.oem-hero{height:455px}.hero-inner{padding-top:44px}.oem-hero h1{font-size:37px}.oem-hero p{font-size:12px;max-width:48%}.hero-visual{left:23%}.hero-points{font-size:9px;margin-top:28px}.hero-points svg{width:20px;height:20px}.hero-points>span{padding-inline:8px;gap:5px}.hero-inner>.eyebrow{font-size:8px;letter-spacing:.7px}.hero-actions .primary,.hero-actions .outline{font-size:12px;padding-inline:20px}.home-section{padding-block:37px}.section-heading{gap:16px}.section-heading>p{display:none}.section-heading h2{font-size:25px}.services-grid{gap:12px}.service-item{padding:19px 16px}.service-item h3{font-size:15px}.service-item p{font-size:11px;max-width:none}.service-icon{width:44px;height:44px}.service-en{font-size:7px}.service-number{font-size:19px;right:15px;top:21px}.product-strip{align-items:start;flex-direction:column;gap:15px}.product-strip>div{width:100%;flex-wrap:wrap;justify-content:start;gap:20px}.category-teasers{gap:10px}.category-teaser>.atlas{height:105px}.teaser-text{padding:13px 10px 16px}.teaser-text h3{font-size:11px}.teaser-text small{font-size:6px;letter-spacing:.5px}.round-arrow{right:8px;bottom:17px;width:17px;height:17px}.story-process{gap:45px}.story h2{font-size:28px}.home-contact{padding:28px}.home-contact h2{font-size:24px}.site-footer{flex-wrap:wrap;gap:15px}.site-footer>small{width:100%;padding-top:10px;text-align:center;border-top:1px solid #edf3f7}.library-title h1{font-size:30px}.library-title .shortlist-trigger{position:static;margin-top:20px}}@media(max-width:600px){html{scroll-padding-top:25px}.site-header{height:75px;flex-wrap:nowrap;gap:10px}.site-header .brand{font-size:12px;gap:4px}.brand-symbol{width:45px;height:45px}.site-header nav{top:75px}.site-header .consult{font-size:10px;padding:9px 13px;gap:12px;min-height:35px}.header-actions{gap:0}.mobile-menu{font-size:21px}.oem-hero{height:auto;min-height:650px;padding-bottom:315px}.hero-inner{padding:28px 6% 0}.oem-hero h1{font-size:clamp(29px,7.8vw,42px);line-height:1.4;letter-spacing:-.8px;margin:14px 0 12px}.oem-hero p{font-size:12px;max-width:100%;line-height:1.9}.hero-visual{left:0;top:auto;height:325px;background-size:cover;background-position:right 56%}.hero-visual:after{background:linear-gradient(180deg,#f4fbff 0%,#f4fbff00 27%)}.hero-inner>.eyebrow{font-size:7px;letter-spacing:.6px;max-width:none}.hero-actions{margin-top:17px}.hero-actions .primary,.hero-actions .outline{padding:10px 21px;min-height:41px;font-size:12px;gap:24px}.hero-points{margin-top:23px;font-size:8px;gap:0}.hero-points>span{padding-inline:8px;gap:5px}.hero-points svg{width:19px;height:19px}.hero-art-note{font-size:7px;bottom:8px;right:12px}.home-section{padding:31px 5.5%}.section-heading{align-items:start;margin-bottom:20px;gap:15px}.kicker{font-size:8px;letter-spacing:1.3px;margin-bottom:7px}.section-heading h2{font-size:25px;line-height:1.45}.section-link{font-size:10px;gap:7px;white-space:normal;text-align:right;max-width:120px;line-height:1.6;padding-top:22px}.services-grid{grid-template-columns:repeat(2,1fr);gap:12px}.service-item{padding:18px 15px 17px;border-radius:10px}.service-icon{width:40px;height:40px;margin-bottom:16px;border-radius:9px}.service-icon svg{width:24px;height:24px}.service-item h3{font-size:16px;line-height:1.5;margin-bottom:8px}.service-item p{font-size:10px;line-height:1.8;min-height:38px}.service-en{margin-top:15px;font-size:6px;letter-spacing:.7px}.service-number{font-size:18px;right:15px;top:20px}.service-item>.line-icon{width:14px;height:14px;right:12px;bottom:15px}.product-strip{padding-top:18px;margin-top:20px;gap:13px}.product-strip>span{font-size:10px}.product-strip>div{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.product-strip a{font-size:10px;white-space:normal}.product-strip svg{width:16px;height:16px}.ingredient-section .section-heading h2{font-size:24px}.ingredient-section .section-heading h2>span{display:block;margin-left:0}.category-teasers{display:flex;overflow:auto;gap:12px;padding-bottom:8px;scroll-snap-type:x mandatory}.category-teaser{flex:0 0 43%;scroll-snap-align:start}.category-teaser>.atlas{height:115px}.teaser-text{padding:13px 10px 16px}.teaser-text small{font-size:7px}.teaser-text h3{font-size:12px}.round-arrow{bottom:18px}.teaser-note{font-size:9px;margin-top:12px}.story-process{display:block;padding-block:35px}.story h2{font-size:27px}.story h2 br{display:none}.story p{font-size:11px;line-height:1.8;margin-top:12px}.story p br{display:none}.simple-steps{margin-top:25px}.simple-steps li{padding:14px 0 16px;gap:17px}.simple-steps h3{font-size:15px}.simple-steps p{font-size:11px;line-height:1.8}.simple-steps li>span{width:30px;height:30px;font-size:11px}.home-contact{display:block;margin:0 5% 28px;padding:25px 22px;border-radius:12px}.home-contact h2{font-size:24px;max-width:245px;line-height:1.5}.home-contact p{font-size:11px}.contact-buttons{flex-direction:row;align-items:center;gap:16px;margin-top:21px;flex-wrap:wrap}.contact-buttons .primary{font-size:11px;padding:11px 18px;gap:18px;min-height:40px}.phone-link{font-size:11px}.site-footer{padding:23px 6%;display:flex;gap:14px}.site-footer .brand{font-size:12px}.site-footer p{font-size:10px;flex:1;min-width:180px}.site-footer>div{font-size:10px;flex-direction:row;flex-wrap:wrap;gap:7px 15px}.site-footer>small{text-align:left;font-size:8px}.library-title{padding:30px 5%}.library-title h1{font-size:27px;line-height:1.5}.library-title p{font-size:11px;line-height:1.8}.library-title .shortlist-trigger{font-size:11px;padding:9px 18px;min-height:40px}.library-page .catalog{padding-top:20px}.library-page .category{font-size:11px;border-color:#dcebf5}.library-page .card h3{font-size:13px}.library-page .card p{font-size:10px}.library-page .add{font-size:9px}.library-page .search input{font-size:11px}}@media(prefers-reduced-motion:reduce){.service-item,.category-teaser{transition:none}}