@font-face{font-family:Anuphan;src:url('assets/fonts/anuphan-400.ttf');font-weight:400;font-display:swap}
@font-face{font-family:Anuphan;src:url('assets/fonts/anuphan-500.ttf');font-weight:500;font-display:swap}
@font-face{font-family:Anuphan;src:url('assets/fonts/anuphan-600.ttf');font-weight:600;font-display:swap}
@font-face{font-family:Anuphan;src:url('assets/fonts/anuphan-700.ttf');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-500.ttf');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-700.ttf');font-weight:700 800;font-display:swap}
:root{--maxw:1200px;--bg:#f5f7fa;--band:#0b2e4f;--band-ink:#081b2b;--radius:18px;--shadow:0 10px 30px #0b2e4f08;--font-tech:Manrope,Anuphan,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{line-height:1.8}figure{margin:0}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #00b4d8;outline-offset:5px}img{height:auto}.wrap{padding-inline:28px}.section{padding-block:92px}.h2{font-size:clamp(28px,3.2vw,42px);line-height:1.35;max-width:830px}.lead{line-height:1.8}.eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:18px}.btn{border-radius:8px;padding:16px 23px;font-size:15px}.btn-red{box-shadow:0 7px 18px #e6394626}.btn-line{background:transparent;color:#dff5f0;border:1px solid #4b7d85}.btn-line:hover{background:#18425a}.hdr{background:#ffffffed;backdrop-filter:blur(18px)}.hdr .wrap{min-height:80px}.logo b{font-size:22px}.logo .mark{border-radius:10px}.section-nav{display:flex;gap:25px;font-size:13px}.section-nav a{color:var(--fg-muted);text-decoration:none}.section-nav a:hover{color:var(--cyan-ink)}.hdr-phone{display:none!important}.langtog{font-size:11px}.hdr .btn{font-size:13px}.hero{position:relative;background:radial-gradient(ellipse at 80% 20%,#155578 0,transparent 60%),linear-gradient(120deg,#081e31,#0b2e4f);overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 99%,#ffffff04 99%),linear-gradient(0deg,transparent 99%,#ffffff04 99%);background-size:72px 72px;pointer-events:none}.hero .wrap{position:relative;gap:58px}.hero-copy{max-width:610px}.hero h1{font-size:clamp(32px,3.8vw,51px);line-height:1.3}.hero h1 .en-line{font-size:18px;font-style:normal;font-weight:500;line-height:1.5}.hero .sub{font-size:17px;line-height:1.9}.hero-product{background:#f7f6f2;border-radius:20px;overflow:hidden;box-shadow:0 30px 65px #0004;transform:rotate(-1deg)}.hero-product figcaption{display:grid;gap:3px;padding:17px 22px;background:white;color:#61717b;font-size:10px;border-top:1px solid #e3e6e9}.product-code{font:700 12px Manrope,sans-serif;color:#0b2e4f;letter-spacing:.12em}.product-photo{aspect-ratio:1/1.03}.product-photo img{height:100%;width:100%;object-fit:cover;object-position:center}.trust-strip{gap:12px 20px;margin-top:32px}.trust-item{font-size:12px}.trust-item svg{width:16px}.media{position:relative;overflow:hidden}.media img{width:100%;display:block}.pain h2{font-size:clamp(28px,3.5vw,43px);line-height:1.4;max-width:900px}.pain h2 em{white-space:normal;color:#5ed1ea}.pain-agitate{max-width:850px}.pain-agitate p{font-size:16px;line-height:1.95}.pain-stat{border-radius:12px;margin-top:30px}.pain-stat .ps-txt{font-size:14px}.pain-stat .ps-num b{font-size:42px}.pain-stat .ps-gap{font-size:13px}.pain-card{border-radius:12px}.pain-card .media{height:250px}.triptych img{width:300%;max-width:none;height:100%;object-fit:cover}.triptych.panel-0 img{transform:translateX(0)}.triptych.panel-1 img{transform:translateX(-33.333333%)}.triptych.panel-2 img{transform:translateX(-66.666667%)}.pain-card .pc-body{padding:25px}.pain-card h3{font-size:19px}.pain-card p{font-size:14px;line-height:1.85}.pain-note{font-size:11px;line-height:1.7}.mech-steps{max-width:900px;margin-top:23px}.mech-steps p{font-size:16px;line-height:1.9}.diagram{padding:28px}.diagram h3{line-height:1.6}.diagram .cap{font-size:12px;line-height:1.8}.exchange-visual{display:flex;align-items:center;flex-direction:column;padding:20px;min-height:300px}.ion-stream{display:flex;gap:12px}.ion-stream span{background:#fce6e7;color:#ac3542;padding:6px 14px;border-radius:30px;font:700 15px Manrope}.exchange-arrow{color:#0786a5;font-size:22px}.resin-bed{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:18px 25px;background:#e6f2f5;border-radius:12px}.resin-bed i{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#237099,#0b2e4f)}.resin-bed b{position:absolute;left:100%;top:35%;margin-left:12px;color:#0b2e4f;font:700 10px Manrope;letter-spacing:.1em}.soft-ion{font:700 15px Manrope;color:#168d71}.soft-ion span{font:400 12px Anuphan;color:#51667c;margin-left:5px}.exchange-visual p{font-size:12px;line-height:1.8;text-align:center;margin-top:15px;color:#51667c}.alternating-visual{display:flex;justify-content:center;align-items:center;gap:23px;min-height:310px;padding:30px 0}.mini-tank{position:relative;width:90px;height:225px;border-radius:42px 42px 16px 16px;background:linear-gradient(90deg,#17212c,#39424b 40%,#0b1119);box-shadow:inset 0 0 0 1px #0003;display:flex;align-items:center;justify-content:center;color:white}.mini-tank:after{content:'';position:absolute;inset:auto 0 34px;height:8px;background:linear-gradient(#c7d1da,#6c7881,#e4e9ee)}.mini-tank i{position:absolute;top:-15px;width:46px;height:29px;background:#182532;border:2px solid #5b6b78;border-radius:5px}.mini-tank b{font:700 28px Manrope}.mini-tank span{position:absolute;top:100%;margin-top:13px;font-size:11px;white-space:nowrap;color:#4c6175}.mini-tank.active{box-shadow:0 0 0 2px #00b4d8}.swap-symbol{font-size:34px;color:#0a7fa0}.swap-symbol small{display:block;font-size:10px;text-align:center}.diagram-foot{font-size:12px;color:#51667c;margin-top:22px;text-align:center}.truth{border-color:#b7dce6;border-radius:12px}.truth p{font-size:15px;line-height:1.9}.process-figure{border:1px solid #dbe4ea;background:white;border-radius:16px;overflow:hidden}.process-figure figcaption{padding:16px 22px;font-size:11px;color:#61717b;background:#f9fbfc;border-top:1px solid #e3e9ed}.comp-item{border-radius:10px;background:transparent;border-color:#d5e0e9}.comp-item b{font-size:15px}.comp-item p{font-size:13px}.comp-note{font-size:11px}.diff-card{box-shadow:none;border:0;border-top:2px solid #cde2ea;border-radius:0;background:transparent;padding:26px 20px 20px 0}.diff-card .ic{border-radius:50%}.diff-card p{font-size:15px;line-height:1.85}.service-editorial{display:grid;grid-template-columns:1.1fr 1fr;margin-top:44px;overflow:hidden;border-radius:15px;background:#0b2e4f;color:#eaf2f9}.service-editorial img{height:100%;object-fit:cover}.service-editorial figcaption{padding:38px}.service-editorial h3{color:white;font-size:28px;line-height:1.5}.service-editorial .eyebrow{color:#65d0e6}.service-editorial p{color:#b6cada;margin-top:16px;font-size:15px}.service-editorial small{display:block;margin-top:24px;color:#97b4c7;font-size:10px}.ind-card{box-shadow:none;border-radius:12px}.ind-card .media{height:230px}.quadrant img{position:absolute;width:200%;max-width:none;height:200%;object-fit:cover;left:0;top:0}.quadrant.q-1 img{left:-100%}.quadrant.q-2 img{top:-100%}.ind-card h3{font-size:19px;line-height:1.5}.ind-card .ic-body{padding:23px}.ind-row{font-size:13px;line-height:1.8}.asset-note{color:#61717b;font-size:11px;margin-top:22px}.evidence-panel{display:grid;grid-template-columns:.7fr 1.6fr;gap:35px;margin-top:38px;border:1px solid #426079;border-radius:14px;padding:35px;background:#ffffff04}.evidence-index{font:700 clamp(24px,3.5vw,42px)/1.25 Manrope;color:#4b7d9b;letter-spacing:-.02em}.evidence-panel h3{font-size:23px;line-height:1.5}.evidence-panel p{font-size:14px;color:#acc4d5;line-height:1.9;margin-top:14px}.evidence-panel .btn{margin-top:20px;font-size:13px}.tm-item b{font-size:16px}.tm-item span{font-size:13px}.cfg-head{max-width:820px}.cfg-form{padding:30px;box-shadow:none}.cfg-result{background:#e9f1f7;border-color:#d4e0e9;border-radius:14px}.cfg-result-inner{padding:27px}.q{padding-bottom:26px;border-bottom:1px solid #e1e7ec}.q-label{font-size:17px;line-height:1.5}.q-hint{font-size:12px}.opt label{background:white;font-size:13px;min-height:54px;border-width:1px}.opt input:checked+label{box-shadow:inset 0 0 0 1px #0a7fa0}.oi{font-size:16px}.res-head{font-size:24px;line-height:1.5}.res-desc{font-size:14px;line-height:1.9}.flag{box-shadow:none}.flag b{font-size:13px}.flag p{font-size:12px;line-height:1.8}.field label{font-size:12px}.field input{font-size:15px}.price-line{font-size:12px}.submit-note,.pdpa{font-size:11px;line-height:1.8}.summary-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:18px}.summary-actions .btn{font-size:12px}.final{background:linear-gradient(110deg,#0b2e4f,#125271)!important}.final h2{max-width:850px;font-size:clamp(29px,3.5vw,44px);line-height:1.4}.faq .wrap{max-width:900px}.acc summary{font-size:17px;line-height:1.6}.acc .acc-body{font-size:15px;line-height:1.9}.ft{padding-bottom:90px}.footer-disclosure{font-size:10px;color:#8aa2b4;margin-top:28px;display:block!important}.fab .btn{border-radius:50px;font-size:14px;padding:14px 21px}.skip-link{position:fixed;z-index:100;top:-100px;left:15px;background:white;padding:10px}.skip-link:focus{top:10px}.modal-card{font-size:14px}.modal-close{min-width:38px;min-height:38px}
/* Keep bilingual blocks block-level; the template's inline rule is only for spans. */
html.lang-en h1.t-en,html.lang-en h2.t-en,html.lang-en h3.t-en,html.lang-en p.t-en,html.lang-en div.t-en,html.lang-en b.t-en{display:block}
html:not(.lang-en) .t-en{display:none!important}html.lang-en .t-th{display:none!important}
@media(min-width:900px){.hero .wrap{grid-template-columns:1.1fr 1fr}.hero{padding-block:75px 85px}.cfg-result{position:sticky;top:104px}.hero-media{min-width:0}}
@media(max-width:1050px){.section-nav{display:none}.hero .wrap{gap:32px}.hero h1{font-size:38px}.service-editorial figcaption{padding:28px}}
@media(max-width:759px){.wrap{padding-inline:21px}.section{padding-block:58px}.hdr .wrap{min-height:68px;gap:8px}.logo b{font-size:17px}.logo small{font-size:8px}.logo .mark{width:28px;height:28px}.logo{gap:7px}.hdr-right{gap:7px}.hdr .btn{padding:11px;font-size:11px}.langtog button{padding:7px 8px}.hero h1{font-size:34px}.hero h1 .en-line{font-size:16px}.hero .sub{font-size:16px}.hero-media{max-width:480px;width:100%;margin:auto}.hero-product{transform:none}.product-photo{aspect-ratio:1.2}.hero-cta{gap:10px}.hero-cta .btn{flex:1;font-size:13px;padding:15px 13px;white-space:nowrap}.trust-strip{margin-top:26px;padding-top:22px}.trust-item{font-size:11px}.pain-agitate p{font-size:15px}.pain-card .media{height:280px}.pain-card .pc-body{padding:23px}.pain-stat{padding:20px}.pain-stat .ps-txt{min-width:0;flex-basis:100%}.service-editorial{grid-template-columns:1fr}.service-editorial .media{aspect-ratio:3/2}.service-editorial figcaption{padding:28px}.evidence-panel{grid-template-columns:1fr;gap:20px;padding:27px}.evidence-index{font-size:20px}.evidence-index br{display:none}.cfg-form{padding:22px 17px}.cfg{gap:20px}.cfg-result{grid-row:1}.fgrid{grid-template-columns:1fr}.opt label{padding:12px 10px}.ind-card .media{height:260px}.ft .wrap{gap:22px}.diagram{padding:24px 18px}.comp-3d{margin-inline:-8px}.process-figure figcaption{font-size:10px;padding:12px}.process-figure .media{overflow-x:auto}.process-figure img{min-width:680px}.process-figure a{display:block}.final-cta .btn{flex:1;font-size:13px}.langtog{flex-shrink:0}}
@media(max-width:360px){.hdr .btn{display:none}.hero h1{font-size:29px}.hero-cta{flex-direction:column}.opts{grid-template-columns:1fr}.mini-tank{width:76px}.alternating-visual{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.mini-tank>span span{position:static;margin:0;font:inherit;color:inherit}
.hero h1 .product-name{display:block;font:700 clamp(36px,4vw,55px)/1.15 Manrope,Anuphan,sans-serif;color:#fff;letter-spacing:-.045em;margin-bottom:19px}.hero h1 .th-line{display:block;font-size:clamp(25px,2.6vw,36px);line-height:1.4}.logo .official-mark{display:block;position:relative;width:34px;height:51px;background:none;border-radius:0;overflow:hidden}.symbol-window{position:relative;display:block;width:100%;height:100%;overflow:hidden}.symbol-window img{position:absolute;width:288.45%;max-width:none;height:auto;left:-97.18%;top:-16.19%}.ft .logo .official-mark{background:#fff;border-radius:9px;width:42px;height:60px;padding:5px}.installation-concepts .installation-photo img{height:100%;width:100%;object-fit:cover;transform:none}.installation-concepts .installation-photo{background:#dce3e7}@media(max-width:759px){.hero h1 .product-name{font-size:38px}.hero h1 .th-line{font-size:28px}.logo .official-mark{width:27px;height:41px}.installation-concepts .installation-photo img{object-position:center 55%}}
.installation-concepts .media{aspect-ratio:3/5}.installation-concepts .pc{padding:22px}.installation-concepts h3{color:#fff;font-size:19px;line-height:1.6;margin:8px 0}.installation-concepts .concept-tag{font:700 9px Manrope,sans-serif;letter-spacing:.13em;color:#73d9eb}.installation-concepts .pc p{font-size:12px;color:#abc4d5;line-height:1.8}.installation-concepts .triptych img{height:100%;object-fit:cover}.installation-concepts .proj-card{border-color:#34516a;border-radius:13px}@media(max-width:759px){.installation-concepts{max-width:440px;margin-inline:auto}.installation-concepts .media{aspect-ratio:3/4}.installation-concepts h3{font-size:20px}}