@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/08f3d05b771d66cc-s.0dczi0c-ciz7y.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/413670c8b897121b-s.p.05ilbcjt5w4fk.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/72b93e0389b54497-s.2702wjwyj2vsx.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ab8c2f9dfe50fb3c-s.p.3fhymijt5-wr6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/57f2d0e8dd065b18-s.0ur3_fbwo_va3.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/966a1ae9b0187c65-s.p.09_mmm-c_hkcy.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/25d906941e607a44-s.0ghkj-ex387wh.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/666deae7c569669f-s.p.2alr3g42g9l52.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/cce0da533fe89a78-s.35947kbvg7zc1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/411573def610439a-s.p.3vzg-qdg-mlha.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0f35197ba25d2b5b-s.0ocszbwiwtgcl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e4b5e1d5de235207-s.p.2-n8yh_gomb7-.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/cdf71b3840042aba-s.1r679f9ot6uy5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/86fee4a10e2832ea-s.p.1zok-_5r3pqeg.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b1ef0ab36ab59f4e-s.0nl58c1sdfppa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9fdf3a539c009271-s.p.2a0hoz7g7hm1p.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai Fallback;src:local(Arial);ascent-override:110.31%;descent-override:52.78%;line-gap-override:0.0%;size-adjust:101.17%}.ibm_plex_sans_thai_f3552709-module__TWi1mq__className{font-family:IBM Plex Sans Thai,IBM Plex Sans Thai Fallback;font-style:normal}.ibm_plex_sans_thai_f3552709-module__TWi1mq__variable{--font-plex-thai:"IBM Plex Sans Thai", "IBM Plex Sans Thai Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.3zhtymus0wdqb.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.3nkuoiize4urq.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.1da667lu-u79a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.1i05ju5aeyhye.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.1dgcou5jor5q_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.31-2bzhq1gx_9.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.3xauquyg2sixn.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.2taws-qdxmzlf.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.0htwiiqufp3l9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.28xcb7557rbh2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6ff74e33ebd7bca3-s.2ontrj8z1-o25.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a69062cfe6f77f8-s.33iiebxkijmxa.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9a4838fcda0d1bca-s.2nzetymcmw3t7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2e95a7d252b9825a-s.0_f09-l1omku8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/23b7a97ae3b5c134-s.p.0fcfx2a-jndc5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_410c8372-module__HLsl1G__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_410c8372-module__HLsl1G__variable{--font-plex-mono:"IBM Plex Mono", "IBM Plex Mono Fallback"}
:root{--ink:#0b1740;--ink-2:#14285e;--paper:#eef2fa;--card:#fff;--line:#e1e6e4;--gold:#2454e8;--gold-soft:#e7eefc;--green:#188a5e;--green-soft:#e4f4ed;--amber:#b97c10;--amber-soft:#fcf1dc;--red:#c0392b;--red-soft:#fce8e5;--muted:#566379;--mono:var(--font-plex-mono), "IBM Plex Mono", monospace}body{font-family:var(--font-plex-thai), "IBM Plex Sans Thai", sans-serif;background:var(--paper);color:#22302d;min-height:100vh;font-size:15px}.wrap{background:var(--paper);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;box-shadow:0 0 40px #00000012}.topbar{background:var(--ink);color:#fff;z-index:20;justify-content:space-between;align-items:center;padding:16px 18px 14px;display:flex;position:sticky;top:0}.topbar h1{font-size:17px;font-weight:700}.topbar h1 span{color:#7da2ff}.topbar .who{color:#a9beea;text-align:right;font-size:12px;line-height:1.4}.topbar button,.topbar a.navbtn{color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:99px;align-items:center;gap:4px;margin-left:8px;padding:4px 10px;font-size:12px;text-decoration:none;display:inline-flex}.content{flex:1;padding:16px 14px 90px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:16px}.hero{background:linear-gradient(150deg, var(--ink), var(--ink-2));color:#fff;border-radius:16px;margin-bottom:12px;padding:20px 18px;position:relative;overflow:hidden}.hero:after{content:"฿";font-size:130px;font-family:var(--mono);color:#ffffff0d;font-weight:700;position:absolute;bottom:-30px;right:-8px}.hero .lbl{color:#a9beea;font-size:12px}.hero .big{font-size:34px;font-weight:700;font-family:var(--mono);margin:2px 0 8px}.hero .row{color:#d3def7;flex-wrap:wrap;gap:16px;font-size:12.5px;display:flex}.hero .row b{color:#fff}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;padding:11px 18px;font-size:14.5px;font-weight:600;display:inline-flex}.btn-sm{border-radius:8px;width:auto;padding:6px 12px;font-size:12.5px}.btn:disabled{opacity:.5}input,select{width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #cbd5d1;border-radius:10px;padding:11px 12px}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236B7A76' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;background-size:12px 8px;padding-right:36px}input:focus,select:focus{outline:2px solid var(--gold);outline-offset:0;border-color:var(--gold)}.inst{border-bottom:1px solid #eef1f0;align-items:center;gap:12px;padding:11px 4px;display:flex}.inst:last-child{border-bottom:none}.inst .dot{border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.dot.paid{background:var(--green-soft);color:var(--green)}.dot.next{background:var(--gold-soft);color:#1e40af;border:2px solid var(--gold)}.dot.wait{color:var(--muted);background:#eef1f0}.dot.late{background:var(--red-soft);color:var(--red)}.inst .grow{flex:1;min-width:0}.inst .amt{font-family:var(--mono);font-weight:600}.bnav{border-top:1px solid var(--line);z-index:30;background:#fff;width:100%;max-width:480px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bnav button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 2px 10px;font-size:11px;display:flex}.bnav button .i{font-size:19px;line-height:1}.bnav button.active{color:var(--ink);font-weight:700}.bnav button.active .i{color:var(--gold)}.pbar{background:#e8ecea;border-radius:99px;height:9px;margin:6px 0;overflow:hidden}.pbar i{background:var(--green);border-radius:99px;height:100%;display:block}.overlay{z-index:50;background:#0c1c198c;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.sheet{background:#fff;border-radius:18px 18px 0 0;width:100%;max-width:480px;max-height:88vh;padding:20px 18px 26px;position:relative;overflow-y:auto}.sheet h3{color:var(--ink);margin-bottom:12px;padding-right:30px;font-size:16px}.mclose{cursor:pointer;width:30px;height:30px;color:var(--muted);background:#eef1f0;border:none;border-radius:99px;font-size:14px;position:absolute;top:12px;right:14px}.paper{border:1px solid var(--line);background:#fff;border-radius:10px;padding:18px;font-size:13px;line-height:1.85}.login{flex-direction:column;flex:1;justify-content:center;padding:26px 22px 40px;display:flex}.logo{text-align:center;margin-bottom:26px}.logo .mark{background:var(--ink);width:64px;height:64px;color:var(--gold);font-size:30px;font-weight:700;font-family:var(--mono);border-radius:18px;justify-content:center;align-items:center;display:inline-flex}.logo h1{color:var(--ink);margin-top:12px;font-size:22px}.logo h1 span{color:var(--gold)}.logo p{color:var(--muted);margin-top:3px;font-size:13px}.otpbox{justify-content:center;gap:8px;margin:6px 0 14px;display:flex}.otpbox input{text-align:center;width:46px;height:52px;font-size:20px;font-family:var(--mono);padding:0}.demoacc{background:var(--gold-soft);border:1px solid #b9cbf5;border-radius:10px;margin-top:16px;padding:11px 13px;font-size:12.5px;line-height:1.7}.demoacc b{margin-bottom:2px;display:block}.demoacc a{color:var(--ink);cursor:pointer;font-weight:700;text-decoration:underline}.notif{border-bottom:1px solid #eef1f0;gap:10px;padding:10px 0;font-size:13px;display:flex}.notif:last-child{border-bottom:none}.notif .ic{background:var(--green-soft);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}#toast{background:var(--ink);color:#fff;opacity:0;pointer-events:none;z-index:99;white-space:nowrap;border-radius:99px;padding:10px 18px;font-size:13px;transition:opacity .25s;position:fixed;bottom:76px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000040}@media print{.topbar,.bnav,.btn,.mclose{display:none!important}.overlay{background:0 0;position:static}.sheet{max-height:none}}.shopbar a.linebtn{background:#037a38;border:none;font-weight:700}.topnav{border-bottom:1px solid var(--line);z-index:15;background:#fff;position:relative}.topnav .navtoggle{text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.navlinks{flex-direction:column;display:none}.topnav.open .navlinks{border-top:1px solid var(--line);display:flex}.navlinks a{color:#334155;cursor:pointer;border-bottom:1px solid #f1f4f9;padding:12px 18px;font-size:13.5px;text-decoration:none}.navlinks a:hover{color:var(--gold);background:#f6f8fd}.navlinks a.active{color:var(--gold);font-weight:700}.navlinks a.navcta{background:var(--gold);color:#fff;text-align:center;border-bottom:none;border-radius:8px;margin:2px 10px;font-weight:700}.navlinks a.navcta:hover{background:var(--ink-2);color:#fff}@media (min-width:768px){.topnav{padding:0 28px}.topnav .navtoggle{display:none}.navlinks{flex-direction:row;justify-content:center;gap:4px;display:flex!important}.navlinks a{white-space:nowrap;border-bottom:2px solid #0000;padding:14px;font-weight:600}.navlinks a:hover{background:0 0}.navlinks a.navcta{align-self:center;margin-left:14px;padding:8px 16px}.navlinks a.navcta:hover{border-bottom-color:#0000}}@media (min-width:1080px){.topnav{padding:0 40px}.navlinks a{padding:14px 18px}}.banner{background:linear-gradient(135deg, var(--ink) 0%, var(--ink-2) 55%, #1e40af 100%);color:#fff;border-radius:16px;margin-bottom:16px;padding:20px 18px;position:relative;overflow:hidden}.banner:after{content:"฿";font-size:140px;font-family:var(--mono);color:#ffffff0f;font-weight:700;position:absolute;bottom:-34px;right:-10px}.banner .bt{font-size:20px;font-weight:700;line-height:1.35}.banner .bt span{color:var(--gold)}.banner .bs{color:#c7d3f5;margin:6px 0 12px;font-size:12.5px}.banner .btn{width:auto;padding:9px 16px;font-size:13.5px;display:inline-flex}.heroSlider{aspect-ratio:2.51;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#eaf4fb;margin:0 0 16px;position:relative;overflow:hidden}.heroSlider img{object-fit:cover;opacity:0;pointer-events:none;cursor:pointer;-webkit-user-drag:none;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0}.heroSlider img.active{opacity:1;pointer-events:auto}.heroDots{z-index:2;gap:6px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.heroDots span{cursor:pointer;background:#ffffffa6;border:1px solid #00000026;border-radius:99px;width:7px;height:7px}.heroDots span.active{background:var(--gold);border-color:var(--gold)}.heroArrow{color:#1b2a4a;cursor:pointer;z-index:3;background:#ffffff8c;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;line-height:1;transition:background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.heroArrow:hover{background:#ffffffd9}.heroArrow.left{left:10px}.heroArrow.right{right:10px}@media (min-width:768px){.heroArrow{width:40px;height:40px;font-size:24px}.heroArrow.left{left:16px}.heroArrow.right{right:16px}}.pgrid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:9px;display:grid}.pcard{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;min-width:0;height:100%;padding:9px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.pcard:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 8px 20px #0b17401a}.pcard .ptag{z-index:2;white-space:nowrap;background:var(--gold);color:#fff;border-radius:12px 0 8px;padding:3px 9px;font-size:9px;font-weight:700;position:absolute;top:0;left:0;box-shadow:0 2px 6px #00000026}.pimg{text-align:center;background:#f6f8f7;border-radius:8px;margin-bottom:7px;padding:6px}.pimg svg{max-width:100%;height:auto}.pcard b.pname{overflow-wrap:break-word;font-size:12px;line-height:1.35}.pcard .pnote{color:var(--muted);overflow-wrap:break-word;margin:2px 0 6px;font-size:10px}.pspecs{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.pspecs span{color:#475569;white-space:nowrap;background:#f1f4f9;border-radius:5px;padding:2px 5px;font-size:8px}.pricebox{border:1px solid var(--line);cursor:pointer;background:#f6f8fd;border-radius:8px;margin-top:auto;margin-bottom:7px;padding:6px 8px;transition:border-color .15s,background .15s}.pricebox:hover{border-color:var(--gold);background:#eef3fe}.plan-row:last-child{border-bottom:none!important}.pricebox .pcash{color:var(--muted);justify-content:space-between;align-items:baseline;gap:4px;font-size:8.5px;display:flex}.pricebox .pcash b{font-family:var(--mono);color:#475569;font-size:10px;font-weight:600}.pricebox .pmonthly{color:var(--green);justify-content:space-between;align-items:baseline;gap:4px;margin-top:2px;font-size:9.5px;font-weight:700;display:flex}.pricebox .pmonthly b{font-family:var(--mono);font-size:14px}.pcard .btn{white-space:nowrap;padding:7px 6px;font-size:11px}.linegreen{color:#fff;background:#037a38;border:none}.shopsec{color:var(--ink);margin:4px 0 12px;font-size:16px;font-weight:700}@media (min-width:768px){body{font-size:15.5px}.wrap{max-width:768px;box-shadow:0 0 60px #00000014}.content{padding:22px 26px 110px}.topbar{padding:18px 26px 16px}.topbar h1{font-size:19px}.bnav{border:1px solid var(--line);border-radius:18px;max-width:560px;bottom:16px;overflow:hidden;box-shadow:0 10px 28px #0c1c1929}.bnav button{padding:11px 2px 12px;font-size:12px}.overlay{align-items:center;padding:24px}.sheet{border-radius:18px;max-width:600px}.login{width:100%;max-width:460px;margin:0 auto}.hero .big{font-size:40px}.otpbox input{width:52px;height:58px}.pgrid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px}.pcard{border-radius:14px;padding:14px}.pcard .ptag{border-radius:14px 0 10px;padding:4px 12px;font-size:11px}.pimg{border-radius:10px;margin-bottom:10px;padding:10px}.pcard b.pname{font-size:14px}.pcard .pnote{margin:3px 0 8px;font-size:11.5px}.pspecs span{padding:3px 7px;font-size:10px}.pricebox{border-radius:10px;padding:9px 12px}.pricebox .pcash{font-size:10.5px}.pricebox .pcash b,.pricebox .pmonthly{font-size:12px}.pricebox .pmonthly b{font-size:19px}.pcard .btn{padding:8px 10px;font-size:13px}.wrap.shopwrap{width:100%;max-width:none;box-shadow:none}.shopwrap .topbar{padding:16px 28px}.shopcontent{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:24px 28px 60px}.shopwrap .banner{border-radius:20px;padding:clamp(24px,3.5vw,48px) clamp(24px,4.5vw,56px)}.shopwrap .banner .bt{font-size:clamp(20px,2.6vw,34px)}.shopwrap .banner .bs{max-width:620px;font-size:clamp(12.5px,1.2vw,15px)}.shopwrap .banner:after{font-size:clamp(120px,16vw,220px)}}@media (min-width:900px){.shopwrap .pgrid{grid-template-columns:repeat(4,1fr);gap:14px}}@media (min-width:1080px){.wrap{max-width:1060px}.content>.card[style*=border-left]{grid-column:1/-1}.content{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));align-items:start;gap:14px;padding:26px 30px 120px;display:grid}.content>.hero,.content>.btn,.content>.demoacc{grid-column:1/-1}.card{margin-bottom:0}.content>.btn{justify-self:center;max-width:420px}.shopwrap .topbar{padding:18px 40px}.shopcontent{padding:32px 40px 80px}}:root{--ink:#0b1740;--ink-2:#14285e;--paper:#eef2fa;--card:#fff;--line:#e1e6e4;--gold:#2454e8;--gold-soft:#e7eefc;--green:#188a5e;--green-soft:#e4f4ed;--amber:#b97c10;--amber-soft:#fcf1dc;--red:#c0392b;--red-soft:#fce8e5;--blue:#2563eb;--blue-soft:#e7eefc;--muted:#64748b;--radius:12px;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--paper);color:#22302d;font-family:IBM Plex Sans Thai,sans-serif;font-size:14.5px}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.app{min-height:100vh;display:flex}.sidebar{background:var(--ink);color:#dce3f7;flex-direction:column;flex-shrink:0;width:232px;height:100vh;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff14;padding:20px 18px 14px}.brand h1{color:#fff;letter-spacing:.2px;font-size:19px;font-weight:700}.brand h1 span{color:var(--gold)}.brand p{color:#93a5d6;margin-top:2px;font-size:11.5px}.nav{flex:1;padding:10px 8px;overflow-y:auto}.nav button{text-align:left;color:#b7c4ee;width:100%;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:10px 12px;font-size:14px;display:flex}.nav button:hover{color:#fff;background:#ffffff0f}.nav button.active{background:var(--gold);color:var(--ink);font-weight:600}.nav .ico{text-align:center;width:20px;font-size:15px}.sidefoot{color:#8393c2;border-top:1px solid #ffffff14;padding:12px 18px;font-size:11.5px}.main{flex:1;min-width:0;padding:22px 26px 60px}.pagehead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.pagehead h2{color:var(--ink);font-size:21px;font-weight:700}.pagehead .sub{color:var(--muted);margin-top:2px;font-size:13px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.card+.card{margin-top:14px}.grid{gap:12px;display:grid}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}@media (max-width:1100px){.g4,.g3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.g4,.g3,.g2{grid-template-columns:1fr}.main{padding:16px 14px 60px}}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.stat .lbl{color:var(--muted);font-size:12px}.stat .val{color:var(--ink);margin-top:4px;font-size:22px;font-weight:600}.stat .val small{color:var(--muted);font-size:12px;font-weight:400}.stat.gold{border-top:3px solid var(--gold)}.stat.green{border-top:3px solid var(--green)}.stat.amber{border-top:3px solid var(--amber)}.stat.red{border-top:3px solid var(--red)}table{border-collapse:collapse;width:100%}th{color:var(--muted);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px;font-size:12px;font-weight:600}td{vertical-align:middle;border-bottom:1px solid #eef1f0;padding:10px}tr:last-child td{border-bottom:none}tr.rowbtn{cursor:pointer}tr.rowbtn:hover td{background:#fafbfa}.tscroll{overflow-x:auto}.pill{white-space:nowrap;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.p-green{background:var(--green-soft);color:var(--green)}.p-amber{background:var(--amber-soft);color:var(--amber)}.p-red{background:var(--red-soft);color:var(--red)}.p-blue{background:var(--blue-soft);color:var(--blue)}.p-gray{color:var(--muted);background:#eef1f0}.p-gold{background:var(--gold-soft);color:#1e40af}label.f{color:#3a4a46;margin-bottom:5px;font-size:12.5px;font-weight:600;display:block}input,select,textarea{width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #cbd5d1;border-radius:8px;padding:9px 11px}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}.field{margin-bottom:13px}.frow{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:640px){.frow{grid-template-columns:1fr}}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--ink-2)}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{filter:brightness(1.05)}.btn-ghost{color:#3a4a46;background:#fff;border-color:#cbd5d1}.btn-ghost:hover{background:#f6f8f7}.btn-green{background:var(--green);color:#fff}.btn-red{background:var(--red);color:#fff}.btn-sm{padding:5px 10px;font-size:12.5px}.btn:disabled{opacity:.45;cursor:not-allowed}.steps{gap:0;margin-bottom:18px;display:flex;overflow-x:auto}.step{text-align:center;min-width:110px;color:var(--muted);border-bottom:3px solid var(--line);white-space:nowrap;flex:1;padding:8px 4px;font-size:12.5px}.step.done{border-color:var(--green);color:var(--green)}.step.now{border-color:var(--gold);color:var(--ink);font-weight:700}.uploadbox{text-align:center;color:var(--muted);cursor:pointer;background:#fbfcfb;border:2px dashed #c3cfca;border-radius:10px;padding:18px}.uploadbox:hover{border-color:var(--gold)}.uploadbox.done{border-style:solid;border-color:var(--green);color:var(--green);background:var(--green-soft)}.scorebar{background:#e8ecea;border-radius:99px;height:10px;overflow:hidden}.scorebar i{border-radius:99px;height:100%;display:block}.overlay{z-index:50;background:#0c1c198c;justify-content:center;align-items:flex-start;padding:30px 14px;display:none;position:fixed;inset:0;overflow-y:auto}.overlay.open{display:flex}.modal{background:#fff;border-radius:14px;width:100%;max-width:720px;padding:22px;position:relative}.modal h3{color:var(--ink);margin-bottom:12px;font-size:17px}.mclose{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:20px;position:absolute;top:12px;right:14px}.paper{border:1px solid var(--line);background:#fff;padding:26px 30px;font-size:13.5px;line-height:1.85}.paper h4{text-align:center;margin-bottom:4px;font-size:16px}.paper .cno{text-align:center;color:var(--muted);margin-bottom:14px;font-size:12px}.sigline{text-align:center;color:var(--muted);border-top:1px dotted #999;margin-top:34px;padding-top:6px;font-size:12.5px}canvas.sig{touch-action:none;background:#fff;border:1px solid #cbd5d1;border-radius:8px;width:100%;height:120px}.chatline{border-bottom:1px solid #eef1f0;align-items:center;gap:10px;padding:9px 0;font-size:13px;display:flex}.chatline .tag{flex-shrink:0}.costnote{background:var(--gold-soft);border:1px solid #b9cbf5;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.7}#toast{background:var(--ink);color:#fff;opacity:0;pointer-events:none;z-index:99;border-radius:99px;padding:10px 18px;font-size:13.5px;transition:opacity .25s;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000040}#toast.show{opacity:1}.section-title{color:var(--ink);margin-bottom:10px;font-size:15px;font-weight:700}.hint{color:var(--muted);font-size:12px}.divide{background:var(--line);height:1px;margin:16px 0}.money{font-family:var(--mono);font-weight:600}.menu-mobile{display:none}@media (max-width:900px){.sidebar{z-index:60;transition:left .2s;position:fixed;left:-240px}.sidebar.open{left:0}.menu-mobile{z-index:70;background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 12px;font-size:16px;display:inline-flex;position:fixed;top:12px;left:12px}.main{padding-top:56px}}@media print{.sidebar,.pagehead,.btn,.menu-mobile,.no-print{display:none!important}.main{padding:0}.paper{border:none}.overlay{background:0 0;padding:0;position:static}.modal{box-shadow:none;padding:0}.mclose{display:none}body:has(.overlay.open)>*{visibility:hidden}:is(body:has(.overlay.open) .overlay.open,body:has(.overlay.open) .overlay.open *){visibility:visible}.overlay.open{position:fixed;inset:0}}