:root{--charcoal:#20242c;--charcoal-2:#2a2f38;--charcoal-3:#353b46;--orange:#ff7a00;--orange-hover:#e56d00;--orange-soft:#fff1e4;--orange-text:#b35300;--warm-gray:#f4f4f5;--white:#fff;--navy:#172033;--muted:#5b6475;--line:#e2e4e9;--green:#16a36a;--red:#e5484d;--on-dark:#f4f4f5;--on-dark-muted:#b9bdc6;--font-display:"Anuphan", "IBM Plex Sans Thai", system-ui, sans-serif;--font-body:"IBM Plex Sans Thai", "Anuphan", system-ui, -apple-system, "Segoe UI", sans-serif;--r-sm:8px;--r-md:12px;--r-lg:16px;--section-y:clamp(64px, 10vw, 120px);--gutter:clamp(16px, 5vw, 32px);--header-h:64px}:lang(zh-Hans){--font-display:"Anuphan", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body:"Noto Sans SC", "IBM Plex Sans Thai", "PingFang SC", "Microsoft YaHei", sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 8px)}body{font-family:var(--font-body);color:var(--navy);background:var(--charcoal);margin:0;font-size:1.0625rem;line-height:1.7;overflow-x:clip}img,svg{max-width:100%;height:auto}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit}.icon{flex:none}.sr-only,.skip:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip:focus{z-index:100;background:var(--white);color:var(--navy);border-radius:var(--r-sm);padding:12px 16px;position:fixed;top:8px;left:8px}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.wrap{width:min(100% - var(--gutter) * 2, 1200px);margin-inline:auto}.wrap--narrow{width:min(100% - var(--gutter) * 2, 820px)}.center{text-align:center}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.ib{display:inline-block}.sec{padding-block:var(--section-y);position:relative}.sec--light{background:var(--warm-gray);color:var(--navy)}.sec--light+.sec--light{background:var(--white)}.sec--dark,.sec--deep{background:var(--charcoal);color:var(--on-dark)}.sec__head,.sec__title{max-width:720px;margin-bottom:clamp(28px,5vw,48px)}.eyebrow{color:var(--orange);margin-bottom:8px;font-size:.95rem;font-weight:600}.h2{letter-spacing:-.01em;font-size:clamp(1.8rem,4.6vw,3rem);font-weight:700;line-height:1.22}.h2--xl{font-size:clamp(2rem,5.6vw,3.6rem)}.sub{color:var(--muted);margin-top:12px;font-size:1.125rem}.lead{color:var(--on-dark-muted);max-width:42ch;margin-top:20px;font-size:clamp(1.05rem,2vw,1.25rem)}.center .lead{margin-inline:auto}.link{color:var(--orange-text);font-weight:600}.btn{border-radius:var(--r-md);min-height:48px;font-family:var(--font-display);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .15s ease-out,border-color .15s ease-out;display:inline-flex}.btn--primary{background:var(--orange);color:var(--charcoal)}.btn--primary:hover{background:var(--orange-hover)}.btn--ghost{color:var(--on-dark);border-color:var(--charcoal-3);background:0 0}.btn--ghost:hover{border-color:var(--on-dark-muted)}.btn--sm{min-height:44px;padding:8px 16px;font-size:.95rem}.btn--lg{min-height:54px;padding:14px 26px;font-size:1.0625rem}.header{z-index:50;background:var(--charcoal);border-bottom:1px solid var(--charcoal-3);color:var(--on-dark);position:sticky;top:0}.header__in{z-index:1;height:var(--header-h);justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.logo{align-items:center;line-height:0;display:inline-flex}.logo img{width:auto;height:34px}.nav{gap:2px;display:none}.nav a{border-radius:var(--r-sm);color:var(--on-dark-muted);padding:10px 12px;font-size:.95rem;font-weight:500;text-decoration:none}.nav a:hover{color:var(--white)}.header__end{align-items:center;gap:8px;display:flex}.lang{position:relative}.lang summary{border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:0 10px;font-size:.9rem;font-weight:600;list-style:none;display:inline-flex}.lang summary::-webkit-details-marker{display:none}.lang summary:hover{background:var(--charcoal-2)}.lang ul{background:var(--charcoal-2);border:1px solid var(--charcoal-3);border-radius:var(--r-md);min-width:160px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 32px #00000059}.lang li a{border-radius:var(--r-sm);align-items:center;min-height:44px;padding:0 12px;text-decoration:none;display:flex}.lang li a:hover{background:var(--charcoal-3)}.lang li a[aria-current=true]{color:var(--orange);font-weight:600}.progress{pointer-events:none;z-index:0;position:absolute;inset:0}.progress__bar{background:var(--orange);height:3px;transform:scaleX(var(--p,0));transform-origin:0;position:absolute;bottom:-1px;left:0;right:0}.progress__walker{width:72px;height:72px;transform:translateX(var(--wx,0px));display:none;position:absolute;top:calc(100% - 2px);left:0}.progress__walker.is-on{display:block}.progress__walker svg{width:100%;height:100%}.hero{padding-block:clamp(40px,7vw,88px) clamp(56px,8vw,104px);overflow:hidden}.hero__in{align-items:center;gap:clamp(36px,6vw,56px);display:grid}.hero h1{letter-spacing:-.015em;font-size:clamp(2rem,7.5vw,3.8rem);font-weight:700;line-height:1.12}:lang(zh-Hans) .hero h1{line-height:1.2}:is(:lang(th),:lang(zh-Hans)) .hero h1 .ib{white-space:nowrap}.hero__accent{color:var(--orange)}.hero__cta{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero__cta .btn{flex:200px}.hero__note{color:var(--on-dark-muted);margin-top:16px;font-size:.95rem}.tablet{width:100%;max-width:640px;margin-inline:auto;padding:0 0 36px;position:relative}.tablet__frame{border:1px solid var(--charcoal-3);background:#0f1115;border-radius:clamp(18px,3vw,28px);padding:clamp(8px,1.6vw,14px);animation:.7s ease-out both rise;box-shadow:0 30px 60px -20px #0009}.tablet__screen{background:var(--white);border-radius:clamp(10px,1.8vw,16px);width:100%;height:auto;display:block}.tag{border-radius:var(--r-md);background:var(--white);color:var(--navy);white-space:nowrap;align-items:center;gap:8px;padding:8px 12px;font-size:clamp(.78rem,1.6vw,.9rem);font-weight:600;display:inline-flex;position:absolute;box-shadow:0 10px 24px -8px #00000073}.tag--alert{animation:.4s ease-out 1.2s both pop;top:14%;left:-2%}.tag--alert i{background:var(--red);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #e5484d2e}.tag--sync{animation:.4s ease-out 1.8s both pop;display:grid;bottom:6px;left:6%}.tag--sync>span{grid-area:1/1;align-items:center;gap:8px;display:inline-flex}.tag__off{color:var(--orange-text);animation:8s 2.4s infinite swapA}.tag__on{color:var(--green);opacity:0;animation:8s 2.4s infinite swapB}.slip{color:#22252b;background:#fffdf8;gap:2px;width:clamp(150px,30%,200px);padding:12px 12px 16px;font-size:clamp(.66rem,1.3vw,.78rem);line-height:1.5;animation:1s steps(10,end) .6s both print;display:grid;position:absolute;bottom:0;right:3%;box-shadow:0 16px 30px -10px #0000008c;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/12px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/12px 100%}.slip b{font-family:var(--font-display);border-bottom:1px dashed #b8b8b8;margin-bottom:4px;padding-bottom:4px;font-size:1.1em}.slip span,.slip strong{justify-content:space-between;gap:8px;display:flex}.slip em{font-style:normal}.slip strong{font-family:var(--font-display);border-top:1px solid #22252b;margin-top:4px;padding-top:4px;font-size:1.1em}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes print{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes swapA{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}@keyframes swapB{0%,45%{opacity:0}50%,95%{opacity:1}to{opacity:0}}.pain .h2{margin-bottom:clamp(28px,5vw,44px)}.pain__list{gap:28px;display:grid}.pain__list li{border-top:2px solid var(--navy);padding-top:18px}.pain__list h3{font-size:1.25rem;font-weight:600}.pain__list p{color:var(--muted);margin-top:8px}.grid{gap:16px;display:grid}.card{border-radius:var(--r-lg)}.card h3{font-size:1.2rem;font-weight:600;line-height:1.35}.card p{color:var(--muted);margin-top:8px}.card--feat{background:var(--white);border:1px solid var(--line);padding:12px 12px 24px}.card--feat h3{margin-top:18px}.card--feat h3,.card--feat p{padding-inline:12px}.shot{aspect-ratio:16/10;border-radius:var(--r-md);background:var(--warm-gray);border:1px solid var(--line);overflow:hidden}.shot img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.steps{counter-reset:s;gap:28px;display:grid}.steps li{padding-left:56px;position:relative}.steps__n{background:var(--charcoal);width:40px;height:40px;color:var(--white);font-family:var(--font-display);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:0;left:0}.steps h3{font-size:1.2rem;font-weight:600;line-height:40px}.steps p{color:var(--muted);margin-top:4px}.offline{align-items:center;gap:clamp(28px,5vw,56px);display:grid}.demo{background:var(--charcoal-2);border:1px solid var(--charcoal-3);border-radius:var(--r-lg);padding:clamp(16px,3vw,28px)}.demo__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.switch{border-radius:var(--r-md);border:1px solid var(--charcoal-3);background:var(--charcoal);min-height:48px;color:var(--on-dark);font:600 1rem var(--font-display);cursor:pointer;align-items:center;gap:12px;padding:0 14px 0 8px;display:inline-flex}.switch__track{background:var(--charcoal-3);border-radius:99px;width:52px;height:30px;transition:background .15s;position:relative}.switch__knob{background:var(--white);border-radius:50%;width:24px;height:24px;transition:transform .15s ease-out;position:absolute;top:3px;left:3px}.switch[aria-pressed=true] .switch__track{background:var(--orange)}.switch[aria-pressed=true] .switch__knob{transform:translate(22px)}.net{color:#3cc58c;align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:inline-flex}.net__off{display:none}.demo[data-state=offline] .net{color:#ff9a3d}.demo[data-state=offline] .net__on{display:none}.demo[data-state=offline] .net__off{display:inline-flex}.demo__body{gap:20px;margin-top:20px;display:grid}.pos .btn{width:100%}.demo__h{color:var(--on-dark-muted);margin-top:20px;font-size:.95rem;font-weight:600}.queue{align-content:start;gap:8px;min-height:120px;margin-top:10px;display:grid}.queue__empty{color:var(--on-dark-muted);border:1px dashed var(--charcoal-3);border-radius:var(--r-md);padding:14px;font-size:.95rem}.bill{border-radius:var(--r-md);background:var(--charcoal);border:1px solid var(--charcoal-3);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:.95rem;display:flex;position:relative}.bill b{font-variant-numeric:tabular-nums;margin-left:auto}.bill__badge{white-space:nowrap;color:#ff9a3d;background:#ff7a002e;border-radius:99px;padding:3px 10px;font-size:.75rem;font-weight:600}.bill.is-synced .bill__badge{color:#3cc58c;background:#16a36a33}.cloud{border-radius:var(--r-md);border:1px solid var(--charcoal-3);text-align:center;align-content:center;justify-items:center;gap:6px;padding:20px;display:grid}.cloud__ico{color:var(--orange);display:inline-flex}.cloud__label{font-family:var(--font-display);font-weight:600}.cloud__count{color:var(--on-dark-muted);font-size:.9rem}.cloud__count b{color:var(--white);font-variant-numeric:tabular-nums}.packet{background:var(--orange);pointer-events:none;z-index:60;border-radius:50%;width:10px;height:10px;position:fixed;top:0;left:0}.demo__live{min-height:1.7em;color:var(--on-dark-muted);margin-top:16px;font-size:.95rem}.tax__in{align-items:center;gap:clamp(32px,6vw,64px);display:grid}.ticks{gap:12px;margin-top:28px;display:grid}.ticks li{align-items:flex-start;gap:12px;display:flex}.ticks .icon{color:#3cc58c;margin-top:4px}.receipt-fig{justify-self:center;width:min(100%,360px);margin:0}.printer{z-index:2;border-radius:var(--r-md);border:1px solid var(--charcoal-3);background:#0f1115;height:22px;position:relative}.printer span{background:#000;border-radius:4px;height:5px;position:absolute;bottom:4px;left:6%;right:6%}.receipt-wrap{margin-top:-6px;padding-bottom:14px;overflow:hidden}.receipt{color:#22252b;font-family:var(--font-body);background:#fffdf8;padding:26px 22px 34px;font-size:.95rem;position:relative;box-shadow:0 20px 40px -12px #00000080;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/18px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/18px 100%}.receipt hr{border:0;border-top:1px dashed #b8b8b8;margin:12px 0}.receipt__shop{font-family:var(--font-display);text-align:center;font-size:1.2rem;font-weight:700}.receipt__doc{text-align:center;color:#555;font-size:.8rem}.receipt__lines li,.receipt__row{justify-content:space-between;gap:12px;display:flex}.receipt__row{margin-top:4px}.receipt__row--total{font-family:var(--font-display);border-top:2px solid #22252b;margin-top:10px;padding-top:8px;font-size:1.25rem;font-weight:700}.receipt__thanks{text-align:center;color:#555;margin-top:16px;font-size:.85rem}.stamp{color:#c22f35;border:2px solid #c22f35;border-radius:6px;padding:0 8px;font-size:.8rem;font-weight:700;position:absolute;top:16px;right:12px;transform:rotate(6deg)}.receipt-fig figcaption{color:var(--on-dark-muted);text-align:center;margin-top:14px;font-size:.85rem}.founding__box{background:var(--charcoal-2);border:1px solid var(--charcoal-3);border-left:4px solid var(--orange);border-radius:var(--r-lg);gap:28px;padding:clamp(24px,5vw,48px);display:grid}.founding .lead{max-width:52ch;margin-bottom:28px}.founding .ticks{align-content:center;margin-top:0}.faq{border-top:1px solid var(--line);gap:0;display:grid}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;min-height:60px;font-family:var(--font-display);justify-content:space-between;align-items:center;gap:16px;padding:14px 4px;font-size:1.05rem;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary .icon{color:var(--orange-text);transition:transform .15s ease-out}.faq details[open] summary .icon{transform:rotate(180deg)}.faq p{color:var(--muted);max-width:70ch;padding:0 4px 20px}.final{text-align:center;border-top:1px solid var(--charcoal-3)}.final .btn{margin-top:32px}.footer{color:var(--on-dark-muted);border-top:1px solid var(--charcoal-3);background:#1a1d23;padding-block:56px 32px}.footer__in{gap:32px;display:grid}.footer h3{color:var(--white);margin-bottom:12px;font-size:1rem}.footer li{padding:4px 0}.footer a{color:var(--on-dark);text-underline-offset:3px}.footer__tag{margin-top:16px}.footer__contact{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.footer__qr{background:var(--white);border-radius:var(--r-sm);flex:none;padding:6px;line-height:0;display:inline-flex}.footer__qr img{width:88px;height:88px;display:block}.footer__note{margin-top:12px;font-size:.85rem}.footer__copy{margin-top:40px;font-size:.85rem}.line-fab{z-index:45;width:56px;height:56px;color:var(--white);background:#06c755;border-radius:50%;place-items:center;transition:bottom .2s ease-out;display:grid;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 20px #0000004d}.sticky-cta{z-index:44;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:var(--charcoal);border-top:1px solid var(--charcoal-3);visibility:hidden;transition:transform .2s ease-out,visibility .2s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.sticky-cta .btn{width:100%;padding-right:76px}.sticky-cta.is-visible{visibility:visible;transform:none}body.has-bar .line-fab{bottom:calc(84px + env(safe-area-inset-bottom))}body.has-bar .footer{padding-bottom:96px}.legal{min-height:70vh}.legal h1{margin-bottom:8px}.legal section{margin-top:32px}.legal h2{margin-bottom:8px;font-size:1.25rem;font-weight:600}.legal p+p{margin-top:10px}.draft-banner{background:var(--orange-soft);color:#6b3200;border-radius:var(--r-md);border:1px solid #ffd9b3;margin-bottom:28px;padding:16px 20px}@media (width<=480px){.tag--alert{top:8%;left:2%}.slip{width:40%;right:0}.slip span{display:none}.tag--sync{left:2%}}@media (width>=640px){.grid--feat{grid-template-columns:repeat(2,1fr)}.hero__cta .btn{flex:none}}@media (width>=768px){:root{--header-h:68px}.pain__list,.steps{grid-template-columns:repeat(3,1fr);gap:32px}.grid{gap:24px}.demo__body{grid-template-columns:1.6fr 1fr}.footer__in{grid-template-columns:1.4fr 1.4fr 1fr}.founding__box{grid-template-columns:1.3fr 1fr;align-items:center}.sticky-cta{display:none}body.has-bar .line-fab{bottom:16px}body.has-bar .footer{padding-bottom:56px}.line-fab{bottom:24px;right:24px}.progress__walker{width:92px;height:92px}}@media (width>=960px){.nav{display:flex}.hero__in{grid-template-columns:.95fr 1.05fr}.hero h1{font-size:clamp(2.6rem,3.8vw,3.8rem)}.offline{grid-template-columns:.9fr 1.1fr}.tax__in{grid-template-columns:1fr 1fr}.grid--feat{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.tag__on,.progress__walker{display:none!important}}