:root{color:#172d48;font-synthesis:none;--navy:#253382;--teal:#079da4;--line:#dce6ed;background:#f5f9fb;font-family:Noto Sans Thai,Tahoma,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a{color:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #13b9bd}h1,h2,h3,p{margin:0}p{color:#526477;line-height:1.85}h1{letter-spacing:-.035em;font-size:clamp(2.3rem,5.6vw,4.7rem);line-height:1.24}h2{font-size:clamp(1.65rem,3vw,2.6rem);line-height:1.4}h3{font-size:1.22rem}img{max-width:100%;display:block}.wrap{width:min(1200px,100% - 48px);margin:auto}.topbar{justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.wordmark{letter-spacing:.02em;color:var(--navy);align-items:center;gap:12px;font-weight:800;text-decoration:none;display:flex}.wordmark img{width:185px;height:auto}.wordmark span{border-left:1px solid var(--line);padding-left:12px;font-size:12px}.links{align-items:center;gap:24px;display:flex}.links a{font-size:14px;text-decoration:none}.btn{background:var(--navy);border:1px solid var(--navy);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.btn.light{color:var(--navy);background:#fff;border-color:#cfd9eb}.btn.teal{background:#087d84;border-color:#087d84}.btn.small{padding:8px 14px;font-size:14px}.actions{flex-wrap:wrap;gap:12px;display:flex}.eyebrow{letter-spacing:.15em;text-transform:uppercase;color:#008b94;margin-bottom:18px;font-size:12px;font-weight:700}.hero{background:#eaf5f4;border-top:1px solid #dbe9ea;padding:54px 0 72px}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.hero p{margin:24px 0;font-size:18px}.hero em{color:var(--teal);font-style:normal}.hero-photo{position:relative}.hero-photo img{aspect-ratio:1.08;object-fit:cover;object-position:70%;border-radius:100px 20px;box-shadow:0 28px 60px #0b444a18}.float-card{background:#ffffffed;border:1px solid #fff;border-radius:18px;padding:18px 24px;position:absolute;bottom:24px;left:-24px;box-shadow:0 12px 36px #12324417}.float-card strong{color:var(--navy);font-size:24px;display:block}.micro{color:#63768b;font-size:12px;line-height:1.8}.section{padding:78px 0}.section-head{max-width:690px;margin-bottom:34px}.section-head p{margin-top:16px}.grid{gap:20px;display:grid}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:28px}.card p{margin-top:10px}.feature-num{color:var(--teal);letter-spacing:.12em;margin-bottom:18px;font-size:13px;font-weight:700}.photo-split{grid-template-columns:1fr 1fr;align-items:center;gap:55px;display:grid}.photo-split img{aspect-ratio:1.25;object-fit:cover;border-radius:24px;width:100%}.bullet{margin:22px 0;padding:0;list-style:none}.bullet li{padding:10px 0;line-height:1.7}.bullet li:before{content:"✓";color:var(--teal);margin-right:12px}.tint{background:#eaf3f7}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:530px;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:16px}th{background:#edf4f8;font-weight:600}td:last-child{color:#087d84}.price{color:var(--navy);margin:18px 0;font-size:48px;font-weight:800}.price small{color:#63768b;font-size:15px;font-weight:400}.price-card{border:2px solid var(--navy);position:relative}.pill{color:#06777c;background:#dff4f3;border-radius:30px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.dark{background:var(--navy);color:#fff}.dark p{color:#e0e8fb}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{margin-top:14px}.footer{color:#536275;border-top:1px solid var(--line);padding:32px 0;font-size:13px}.footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.section.center{text-align:center}.center .actions{justify-content:center}.app-head{border-bottom:1px solid var(--line);z-index:10;background:#fff;position:sticky;top:0}.demo-shell{grid-template-columns:225px minmax(0,1fr);min-height:calc(100vh - 90px);display:grid}.demo-nav{border-right:1px solid var(--line);background:#fff;padding:24px 12px}.demo-nav button{text-align:left;color:#526477;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;margin:3px 0;padding:12px;display:flex}.demo-nav button.active{color:var(--navy);background:#e7edf9;font-weight:700}.demo-main{min-width:0;padding:32px}.demo-main h1,.portal h1{letter-spacing:-.02em;font-size:32px}.demo-main .section-head{margin:24px 0}.stats{grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:16px;padding:23px}.stat strong{color:var(--navy);margin-top:10px;font-size:29px;display:block}.bar-chart{align-items:end;gap:14px;height:200px;padding:20px 0 30px;display:flex}.bar{background:linear-gradient(#1cbcbf,#253382);border-radius:7px 7px 0 0;flex:1;min-height:5px;position:relative}.bar span{text-align:center;color:#63768b;font-size:11px;position:absolute;bottom:-25px;left:0;right:0}.table-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:14px;display:grid}.table-tile{text-align:center;min-height:110px;color:var(--navy);background:#fff;border:1px solid #c6d7e6;border-radius:16px;padding:24px 12px}.table-tile.busy{background:#e2f3f0;border-color:#3aaba7}.table-tile strong{font-size:24px;display:block}.table-tile small{margin-top:6px;display:block}.demo-banner{color:#19656b;background:#e7f6f5;border:1px solid #a6d9dc;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;padding:14px 18px;font-size:13px;display:flex}.toast{color:#126258;background:#daf3ee;border-radius:12px;margin-top:16px;padding:14px 18px}.demo-food{object-fit:cover;border-radius:12px;width:100%;height:150px;margin-bottom:18px}.stack,.form{gap:18px;display:grid}.form label{color:#364d65;gap:7px;font-size:14px;display:grid}.form input,.form select,.form textarea{color:#172d48;background:#fff;border:1px solid #cbd9e3;border-radius:11px;width:100%;min-width:0;padding:13px 14px}.form textarea{min-height:100px}.pass{position:relative}.pass input{padding-right:54px}.pass button{color:#526477;background:0 0;border:0;padding:10px;position:absolute;top:4px;right:5px}.portal{width:min(970px,100% - 36px);margin:45px auto}.portal.narrow{max-width:660px}.portal>.card{margin-top:22px}.steps{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.steps span{background:#e4ecf5;border-radius:30px;padding:7px 12px;font-size:12px}.steps .done{color:#126258;background:#d3f2ea}.error{color:#a52d20;background:#fff0ed;border-radius:10px;margin:16px 0;padding:14px}.radio-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.radio-card{border:1px solid var(--line);text-align:left;color:#273e58;background:#fff;border-radius:12px;padding:18px}.radio-card.selected{border:2px solid var(--navy);background:#edf1fd}.radio-card strong{margin:9px 0;font-size:23px;display:block}.qr-image{border-radius:10px;width:280px;height:auto;margin:20px auto}.review{border-left:4px solid var(--teal)}.review label:has(input[type=checkbox]){align-items:center;gap:10px;display:flex}.review input[type=checkbox]{width:20px}.icon-line{align-items:center;gap:10px;display:flex}.muted{color:#63768b}.link-button{color:var(--navy);background:0 0;border:0;padding:8px 0;text-decoration:underline}.centered{text-align:center}.spaced{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.loading{text-align:center;padding:60px}.zoom{cursor:zoom-in;background:0 0;border:0;padding:0}.zoom-dialog{border:0;border-radius:18px;max-width:92vw;max-height:94vh;padding:16px;box-shadow:0 25px 100px #0005}.zoom-dialog::backdrop{background:#07182abf}.zoom-dialog img{object-fit:contain;max-width:85vw;max-height:78vh}.zoom-dialog button{float:right;margin-bottom:10px}.demo-select{border:1px solid var(--line);background:#fff;border-radius:10px;max-width:100%;margin-bottom:20px;padding:12px}@media (width<=850px){.hero-grid,.photo-split{grid-template-columns:1fr;gap:32px}.hero-photo img{aspect-ratio:1.6}.float-card{bottom:12px;left:12px}.grid.three{grid-template-columns:1fr 1fr}.demo-shell{grid-template-columns:1fr}.demo-nav{border-right:0;border-bottom:1px solid var(--line);padding:8px;display:flex;overflow:auto}.demo-nav button{width:auto;min-width:max-content}.demo-main{padding:22px}.links a:not(.btn){display:none}}@media (width<=560px){.wrap{width:calc(100% - 32px)}.hero{padding:30px 0 44px}.section{padding:48px 0}.grid.three,.grid.two,.stats{grid-template-columns:1fr}.card{padding:22px}.stats{grid-template-columns:repeat(3,1fr);gap:8px}.stat{padding:14px 10px;font-size:11px}.stat strong{font-size:22px}.wordmark img{width:145px}.wordmark span{display:none}.topbar{gap:8px;padding:16px 0}.topbar .btn{padding:10px;font-size:12px}.demo-banner{flex-direction:column;align-items:start}.demo-main{padding:16px}.portal h1{font-size:27px}.radio-row{grid-template-columns:1fr}.hero p{font-size:16px}.float-card{padding:12px 18px}.float-card strong{font-size:20px}}@media (prefers-reduced-motion:no-preference){.btn{transition:transform .15s,background .15s}.btn:hover{color:#fff;background:#17265c;transform:translateY(-2px)}}.grid>*,.demo-nav,.card{min-width:0}.demo-visual{isolation:isolate;color:#fff;background:#18364b;border-radius:24px;align-items:center;min-height:270px;margin-top:24px;padding:32px;display:flex;position:relative;overflow:hidden}.demo-visual>img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.demo-visual:after{content:"";z-index:-1;background:linear-gradient(90deg,#091e30eb,#091e30a1 55%,#091e3029);position:absolute;inset:0}.demo-visual h2{font-size:clamp(25px,3vw,39px);line-height:1.4}.demo-visual p{color:#eff7fc;max-width:430px;margin-top:14px}.demo-visual .eyebrow{color:#9de6e4}.branch-toolbar{border:1px solid var(--line);background:#fff;border-radius:15px;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;padding:15px 18px;display:flex}.branch-toolbar label{font-size:13px;font-weight:600}.branch-toolbar select{color:#172d48;background:#f7fafc;border:1px solid #b8ccd9;border-radius:10px;min-width:190px;padding:11px 16px}.group-intro{margin:28px 0 20px}.group-intro h2{font-size:23px}.group-intro p{margin-top:8px}.branch-card{padding:0;overflow:hidden}.branch-card>img{object-fit:cover;width:100%;height:155px}.branch-body{padding:22px}.branch-body h3{color:var(--navy);margin-top:16px;font-size:28px}.branch-body .btn{width:100%;margin-top:18px}.branch-cards .card{box-shadow:0 8px 25px #16314c08}.demo-main .demo-visual+.section-head{margin-top:28px}@media (width<=560px){.demo-visual{min-height:250px;padding:24px}.branch-toolbar{gap:9px}.branch-toolbar select{width:100%}.branch-cards .card{grid-template-columns:105px minmax(0,1fr);display:grid}.branch-card>img{height:100%;min-height:180px}.branch-body{padding:18px}.branch-body h3{font-size:24px}.branch-body p,.branch-body .btn{font-size:12px}}:root{--teal:#087d84}.eyebrow{color:#08727a}.micro,.muted{color:#53667c}.hero .micro{color:#506177}.dark .micro,.dark .price small{color:#e0e8fb}.hero-photo img{height:auto}.wordmark svg{width:185px;max-width:100%;height:auto;display:block}.scroll:focus-visible{outline-offset:3px;outline:3px solid #087d84}.portal-menu{display:none;position:relative}.portal-menu summary{cursor:pointer;border:1px solid #cbd9e3;border-radius:10px;min-height:44px;padding:9px 12px;font-size:13px;list-style:none}.portal-menu nav{border:1px solid var(--line);z-index:30;background:#fff;border-radius:14px;min-width:230px;padding:9px;position:absolute;top:52px;right:0;box-shadow:0 15px 45px #172d4822}.portal-menu a{border-radius:8px;padding:11px 13px;font-size:14px;text-decoration:none;display:block}.portal-menu a:hover{background:#eef5f9}.skip-link{z-index:100;color:#fff;background:#253382;border-radius:8px;padding:12px 18px;position:absolute;top:-80px;left:16px}.skip-link:focus{top:12px}.portal-help{color:#53667c;border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:18px;margin-top:32px;padding:26px 18px;font-size:13px;display:flex}.portal-recovery{padding:30px 0}.demo-main .scroll{max-width:100%}@media (width<=850px){.portal-menu{display:block}}@media (width<=560px){.wordmark svg{width:145px}.app-head .links>.btn{display:none}.app-head .links{gap:10px}.hero-photo img{height:auto}}.pager{color:#53667c;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;font-size:13px;display:flex}.member-search{margin:18px 0}.member-search input{flex:1;min-width:130px}.portal-help a{align-items:center;min-height:44px;display:inline-flex}.group-plan summary{cursor:pointer;min-height:30px;font-weight:600}.group-plan p{margin-top:14px}:root{--portal-header:84px}.app-head .topbar{min-height:var(--portal-header)}.demo-nav button{min-height:44px}@media (width<=850px){.demo-nav{top:var(--portal-header);z-index:9;border-top:1px solid var(--line);background:#fff;height:auto;max-height:72px;position:sticky;overflow:auto hidden}}@media (width<=560px){:root{--portal-header:76px}.app-head .topbar{height:var(--portal-header)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}