:root{--bg:#f4f6f8;--surface:#ffffff;--surface2:#e9edf1;--ink:#17222c;--ink2:#46545f;--ink3:#6b7a86;--line:#d5dce2;--steel:#1d4e79;--steel-d:#143757;--steel-l:#2e6ea8;--accent:#c96a1e;--wa:#1fae55;--wa-d:#128c46;--header-bg:#101c26;--header-ink:#eef3f7;--shadow:0 10px 30px rgba(16,32,46,.1);color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg:#0d141b;--surface:#16212c;--surface2:#1c2a38;--ink:#e8eff5;--ink2:#b3c1cd;--ink3:#8496a5;--line:#2a3a49;--steel:#5b9bd5;--steel-d:#9ec7ec;--steel-l:#7db1de;--accent:#e08a3c;--header-bg:#0a1219;--shadow:0 10px 30px rgba(0,0,0,.4);color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Barlow,system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--steel)}h1,h2,h3{font-family:Barlow Condensed,Barlow,sans-serif;letter-spacing:.01em;line-height:1.08;margin:0;font-weight:600;text-transform:uppercase}h1{font-size:clamp(2.3rem,5.2vw,3.9rem)}h2{font-size:clamp(1.7rem,3.4vw,2.5rem)}h3{font-size:1.3rem}p{margin:0}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;gap:9px;border:0;cursor:pointer;text-decoration:none;font:inherit;font-weight:600;font-size:1rem;padding:13px 22px;border-radius:4px;transition:transform .15s ease,background .15s ease}.btn:active{transform:translateY(1px)}.btn-wa{background:var(--wa);color:#fff}.btn-wa:hover{background:var(--wa-d)}.btn-steel{background:var(--steel);color:#fff}.btn-steel:hover{background:var(--steel-d)}.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--steel);color:var(--steel)}.btn-light{background:#fff;color:#143757}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--line);color:var(--ink2);font-size:.86rem;font-weight:600;padding:5px 11px;border-radius:999px}.sec-label{font-size:.82rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}section.block{padding:64px 0}section.block.tight{padding:44px 0}.util{background:#0a1219;color:#9fb2c2;font-size:.85rem}.util .wrap{display:flex;justify-content:space-between;gap:14px;padding-top:7px;padding-bottom:7px;flex-wrap:wrap}.util a{color:#cfe0ee;text-decoration:none;font-weight:600}header.site{position:sticky;top:0;z-index:60;background:var(--header-bg);color:var(--header-ink);box-shadow:0 2px 14px #00000040}header.site .wrap{display:flex;align-items:center;gap:18px;padding-top:12px;padding-bottom:12px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--header-ink);min-width:0}.mark{flex:none;width:44px;height:44px;background:var(--steel);border-radius:4px;display:grid;place-items:center;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.05rem;color:#fff;letter-spacing:.04em;border-bottom:4px solid var(--accent)}.brand .bname{font-family:Barlow Condensed,sans-serif;font-size:1.45rem;font-weight:700;letter-spacing:.06em;line-height:1;text-transform:uppercase;white-space:nowrap}.brand .bsub{font-size:.72rem;color:#9fb2c2;letter-spacing:.05em;line-height:1.25}nav.main{display:flex;gap:4px;margin-left:auto}nav.main a{color:#c6d4e0;text-decoration:none;font-weight:600;font-size:.98rem;padding:9px 13px;border-radius:4px;white-space:nowrap}nav.main a:hover{color:#fff;background:#ffffff12}nav.main a.on{color:#fff;background:var(--steel)}.head-wa{margin-left:6px;padding:10px 16px;font-size:.95rem}.burger{display:none;margin-left:auto;background:none;border:1px solid rgba(255,255,255,.25);border-radius:4px;color:#fff;width:44px;height:44px;cursor:pointer;font-size:1.2rem;line-height:1}@media(max-width:900px){nav.main{display:none;position:absolute;top:100%;left:0;right:0;background:var(--header-bg);flex-direction:column;padding:10px 16px 16px;gap:2px}nav.main.open{display:flex}nav.main a{padding:12px 10px}.head-wa{display:none}.burger{display:block}.brand .bsub{display:none}}.view{display:none}.view.on{display:block;animation:fade .25s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.view.on{animation:none}html{scroll-behavior:auto}}.hero{background:var(--header-bg);color:#eef3f7;position:relative;overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;padding-top:56px;padding-bottom:56px;align-items:center;position:relative;z-index:2}.hero h1{color:#fff}.hero h1 .hl{color:#7db1de}.hero .lede{color:#b9c9d7;font-size:1.13rem;margin:18px 0 26px;max-width:34rem}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}.hero-facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.hero-facts .chip{background:#ffffff0f;border-color:#ffffff2e;color:#d7e4ef}.hero-photo{position:relative}.hero-photo img{width:100%;height:480px;object-fit:cover;border-radius:6px}.hero-photo figcaption{position:absolute;left:14px;bottom:14px;background:#0a1219d1;color:#d7e4ef;font-size:.85rem;padding:8px 12px;border-radius:4px}@media(max-width:860px){.hero .wrap{grid-template-columns:1fr;padding-top:38px;padding-bottom:38px}.hero-photo img{height:300px}}.grid6{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:960px){.grid6{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.grid6{grid-template-columns:1fr}}.pcard{background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:var(--ink);box-shadow:0 2px 8px #10202e0d}.pcard:hover{border-color:var(--steel-l)}.pcard .ph{height:210px;overflow:hidden;background:var(--surface2)}.pcard .ph img{width:100%;height:100%;object-fit:cover}.pcard .ph.contain img{object-fit:contain;padding:14px}.pcard .pb{padding:18px 18px 20px;display:flex;flex-direction:column;gap:9px;flex:1}.pcard h3{color:var(--ink)}.pcard p{color:var(--ink2);font-size:.97rem}.pcard .go{margin-top:auto;font-weight:700;color:var(--steel);font-size:.95rem}.pcard .chips{display:flex;gap:6px;flex-wrap:wrap}.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}@media(max-width:860px){.split{grid-template-columns:1fr}}.split img.rounded{border-radius:6px;width:100%;height:100%;max-height:440px;object-fit:cover}.body-copy{color:var(--ink2);display:grid;gap:14px;font-size:1.03rem}.ticklist{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}.ticklist li{display:flex;gap:11px;color:var(--ink2)}.ticklist li b{color:var(--ink)}.tick{flex:none;width:22px;height:22px;border-radius:50%;background:var(--steel);color:#fff;display:grid;place-items:center;font-size:.8rem;margin-top:2px}.band{background:var(--steel-d);color:#eaf2f9}@media(prefers-color-scheme:dark){.band{background:#122a42}}.band .wrap{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding-top:34px;padding-bottom:34px}@media(max-width:860px){.band .wrap{grid-template-columns:1fr}}.size-demo{display:flex;align-items:center;gap:16px}.ring{width:118px;height:118px;border-radius:50%;border:10px solid #7db1de;display:grid;place-items:center;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.5rem;color:#fff;background:#ffffff0f;flex:none}.framebox{width:148px;height:148px;border:3px dashed rgba(255,255,255,.55);border-radius:8px;display:grid;place-items:center;position:relative;flex:none}.framebox .ring{width:104px;height:104px}.band p{color:#c3d6e8}.band h2{color:#fff;font-size:1.9rem}.crumbs{font-size:.9rem;color:var(--ink3);padding:20px 0 0}.crumbs a{color:var(--ink2);text-decoration:none;font-weight:600}.detail-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:22px 0 54px;align-items:start}@media(max-width:860px){.detail-head{grid-template-columns:1fr}}.gal-main{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--surface)}.gal-main img{width:100%;aspect-ratio:1/1;height:auto;object-fit:cover}.gal-thumbs{display:flex;gap:10px;margin-top:10px}.gal-thumbs button{border:2px solid var(--line);border-radius:5px;padding:0;background:var(--surface);cursor:pointer;width:86px;height:70px;overflow:hidden}.gal-thumbs button.on{border-color:var(--steel)}.gal-thumbs img{width:100%;height:100%;object-fit:cover}.spec-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden}.spec-table th,.spec-table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}.spec-table th{width:34%;color:var(--ink2);font-weight:600;background:var(--surface2);font-size:.95rem}.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:0}.classrow{display:flex;gap:8px;flex-wrap:wrap}.classbox{border:1.5px solid var(--line);background:var(--surface);border-radius:6px;padding:14px 16px;min-width:120px;flex:1}.classbox b{font-family:Barlow Condensed,sans-serif;font-size:1.5rem;display:block;color:var(--steel)}.classbox span{font-size:.88rem;color:var(--ink2)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:860px){.steps{grid-template-columns:1fr}}.step{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:20px}.step .n{font-family:Barlow Condensed,sans-serif;font-size:2rem;color:var(--accent);font-weight:700;line-height:1}.step h3{margin:8px 0 6px}.step p{color:var(--ink2);font-size:.97rem}details.faq{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:16px 20px}details.faq+details.faq{margin-top:10px}details.faq summary{cursor:pointer;font-weight:700;font-size:1.02rem}details.faq p{color:var(--ink2);margin-top:8px}.prow{display:grid;grid-template-columns:340px 1fr;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden}.prow+.prow{margin-top:22px}.prow .ph{min-height:250px}.prow .ph img{width:100%;height:100%;object-fit:cover}.prow .ph.contain{background:var(--surface2)}.prow .ph.contain img{object-fit:contain;padding:18px}.prow .pb{padding:26px 28px;display:flex;flex-direction:column;gap:12px}.prow .pb p{color:var(--ink2)}.prow .acts{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap;padding-top:8px}@media(max-width:760px){.prow{grid-template-columns:1fr}.prow .ph{min-height:210px;max-height:260px}}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media(max-width:620px){.facts{grid-template-columns:1fr}}.fact{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:18px}.fact .k{font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}.fact .v{font-weight:600;margin-top:5px;font-size:1.05rem;overflow-wrap:anywhere}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:stretch}@media(max-width:760px){.flow{grid-template-columns:1fr}.flow .arr{transform:rotate(90deg);justify-self:center}}.flow .node{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--steel);border-radius:6px;padding:20px}.flow .node h3{margin-bottom:6px}.flow .node p{color:var(--ink2);font-size:.96rem}.flow .arr{align-self:center;font-size:1.5rem;color:var(--steel);font-weight:700}.photo-row{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}@media(max-width:760px){.photo-row{grid-template-columns:1fr}}.photo-row figure{margin:0}.photo-row img{width:100%;height:340px;object-fit:cover;border-radius:6px}.photo-row figcaption{font-size:.88rem;color:var(--ink3);margin-top:8px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:start}@media(max-width:860px){.contact-grid{grid-template-columns:1fr}}.ccard{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:22px;display:grid;gap:16px}.ccard .row .k{font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}.ccard .row .v{font-weight:600;font-size:1.08rem;overflow-wrap:anywhere}form.inq{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:26px;display:grid;gap:16px}form.inq label{display:grid;gap:7px;font-weight:600;font-size:.95rem}form.inq input,form.inq select,form.inq textarea{font:inherit;font-weight:400;padding:12px 13px;border:1.5px solid var(--line);border-radius:4px;background:var(--bg);color:var(--ink);width:100%}form.inq input:focus,form.inq select:focus,form.inq textarea:focus{outline:2px solid var(--steel-l);border-color:var(--steel)}.f2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:620px){.f2{grid-template-columns:1fr}}.form-note{font-size:.9rem;color:var(--ink3)}.form-ok{display:none;background:#e7f6ec;border:1px solid #9fd8ae;color:#14532d;border-radius:6px;padding:14px 16px;font-weight:600}@media(prefers-color-scheme:dark){.form-ok{background:#123324;border-color:#2c5c40;color:#b9e7c6}}.cta{background:var(--header-bg);color:#eef3f7}.cta .wrap{display:flex;gap:26px;align-items:center;justify-content:space-between;padding-top:44px;padding-bottom:44px;flex-wrap:wrap}.cta h2{color:#fff}.cta p{color:#b9c9d7;margin-top:8px;max-width:36rem}footer.site{background:#0a1219;color:#9fb2c2;font-size:.94rem}footer.site .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px;padding-top:44px;padding-bottom:30px}@media(max-width:760px){footer.site .cols{grid-template-columns:1fr}}footer.site h3{color:#fff;font-size:1.05rem;margin-bottom:12px}footer.site a{color:#cfe0ee;text-decoration:none}footer.site ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}footer.site .fine{border-top:1px solid rgba(255,255,255,.1);padding:16px 0 22px;font-size:.85rem;color:#74879a}.wa-float{position:fixed;right:18px;bottom:18px;z-index:80;width:60px;height:60px;border-radius:50%;background:var(--wa);display:grid;place-items:center;box-shadow:0 8px 24px #0000004d;text-decoration:none}.wa-float:hover{background:var(--wa-d)}.wa-float svg{width:32px;height:32px;fill:#fff}.wa-float .tip{position:absolute;right:72px;background:var(--header-bg);color:#fff;font-size:.85rem;font-weight:600;padding:7px 12px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.wa-float:hover .tip{opacity:1}.lang-banner{display:none;background:var(--accent);color:#fff}.lang-banner.show{display:block}.lang-banner .wrap{display:flex;gap:14px;align-items:center;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}.lang-banner p{font-weight:600;font-size:.97rem}.lang-banner .btn{padding:8px 16px;font-size:.92rem;background:#fff;color:#8a4a12}.lang-banner .dismiss{margin-left:auto;background:none;border:0;color:#fff;font-size:1.15rem;cursor:pointer;line-height:1;padding:6px}.lang-menu{position:relative;margin-left:4px}.lang-menu>button{background:none;border:1px solid rgba(255,255,255,.25);border-radius:4px;color:#fff;height:44px;padding:0 13px;cursor:pointer;font:inherit;font-weight:600;font-size:.95rem;display:inline-flex;align-items:center;gap:7px}.lang-menu .drop{display:none;position:absolute;right:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow);min-width:190px;padding:6px;z-index:70}.lang-menu.open .drop{display:block}.lang-menu .drop a{display:flex;justify-content:space-between;gap:10px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.96rem;padding:9px 11px;border-radius:4px}.lang-menu .drop a:hover{background:var(--surface2)}.lang-menu .drop a[aria-current=true]{color:var(--steel)}.lang-menu .drop a .cur{color:var(--accent)}@media(max-width:900px){.lang-menu{margin-left:auto}.lang-menu+.burger{margin-left:8px}}form.inq .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}form.inq .err{display:none;background:#fdecec;border:1px solid #e5a3a3;color:#7a1d1d;border-radius:6px;padding:12px 15px;font-weight:600;font-size:.95rem}@media(prefers-color-scheme:dark){form.inq .err{background:#3a1717;border-color:#6e2b2b;color:#f0b9b9}}form.inq .field-err{border-color:#c0392b!important}.alt-actions{display:flex;gap:10px;flex-wrap:wrap}.prose{max-width:820px;color:var(--ink2);display:grid;gap:14px;font-size:1.02rem}.prose h2{color:var(--ink);margin-top:14px}.prose ul{margin:0;padding-left:20px;display:grid;gap:6px}.entry{min-height:70vh;display:grid;place-items:center;padding:60px 0}.entry .box{max-width:640px;text-align:center;display:grid;gap:18px;justify-items:center}.entry .langs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.stub{min-height:60vh;display:grid;place-items:center;padding:60px 0;text-align:center}body{font-family:Barlow,Be Vietnam Pro,Noto Sans Thai,system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,h3{font-family:Barlow Condensed,Be Vietnam Pro,Noto Sans Thai,Barlow,sans-serif}html:lang(th) body{line-height:1.75}html:lang(th) h1,html:lang(th) h2,html:lang(th) h3{line-height:1.35}html:lang(th) .brand .bname{line-height:1.2}html:lang(vi) h1,html:lang(vi) h2,html:lang(vi) h3{line-height:1.15}.mail-notice{background:#fdf3e3;border:1px solid #e3c58f;color:#6b4a12;border-radius:6px;padding:13px 16px;font-weight:600;font-size:.95rem}@media(prefers-color-scheme:dark){.mail-notice{background:#33270f;border-color:#6e551f;color:#eed9a8}}.detail-head>*,.split>*,.contact-grid>*{min-width:0}.gal-thumbs{flex-wrap:wrap}.spec-table td,.spec-table th{overflow-wrap:break-word}.factory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fblock{background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden;padding-bottom:16px}.fblock img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.fblock h3{margin:14px 16px 6px;font-size:1.08rem}.fblock p{margin:0 16px;color:var(--ink2);font-size:.95rem}@media(max-width:900px){.factory-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.factory-grid{grid-template-columns:1fr}}.gal-main img.wide{aspect-ratio:auto;object-fit:contain}.gal-thumbs img.wide{object-fit:contain}.entag{font-size:.68em;font-weight:600;opacity:.6;margin-left:.45em;letter-spacing:.05em}button.classbox{font:inherit;text-align:left;cursor:pointer}.classbox.on{border-color:var(--wa);background:#1fae5514}#rfq{scroll-margin-top:80px}.detail-head{grid-template-areas:"gal head" "gal rest";column-gap:40px;row-gap:0}.dh-gal{grid-area:gal}.dh-head{grid-area:head}.dh-rest{grid-area:rest}.mobile-cta{display:none}@media(max-width:900px){header.site .wrap{gap:10px}.brand{gap:8px}.brand .bname{font-size:1.12rem}.lang-menu>button{padding:0 9px;font-size:.88rem;white-space:nowrap}}@media(max-width:860px){.detail-head{grid-template-columns:1fr;grid-template-areas:"head" "gal" "rest"}.mobile-cta{display:block;margin-top:18px}}@media(max-width:400px){header.site .wrap{gap:8px}.mark{width:36px;height:36px;font-size:.95rem}.brand .bname{font-size:1rem}.lang-menu>button{padding:0 7px;font-size:.82rem}}