:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#14243a;--blue:#126bfa;--blue-deep:#0d56d8;--paper:#f4f7fc;--white:#fff;--muted:#56667c;--line:#d7e0ed;--soft-blue:#e7efff;--max-width:1160px;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;font-family:IBM Plex Sans Thai,Noto Sans Thai,sans-serif}*,:before,:after{box-sizing:border-box}body{min-width:0;margin:0;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.wrap{width:min(calc(100% - 48px), var(--max-width));margin-inline:auto}.skip-link{z-index:10;color:var(--white);background:var(--ink);padding:10px 16px;position:absolute;inset-block-start:12px;inset-inline-start:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:82px;display:flex}.brand{flex:none;align-items:center;gap:11px;min-height:48px;display:inline-flex}.brand-mark{width:39px;height:39px}.brand-name{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;line-height:1}.brand-name span{color:var(--blue)}.main-nav{align-items:center;gap:clamp(14px,3vw,32px);display:flex}.main-nav a{min-height:44px;color:var(--muted);align-items:center;font-weight:500;display:inline-flex}.main-nav a:hover,.text-link:hover{color:var(--blue-deep)}.main-nav .nav-cta{border:1px solid var(--ink);color:var(--ink);border-radius:4px;padding-inline:15px}.main-nav .nav-cta:hover{color:var(--white);background:var(--ink)}.hero{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:clamp(38px,7vw,94px);padding-block:clamp(66px,9vw,112px) clamp(76px,9vw,116px);display:grid}.hero-copy{max-width:650px}.eyebrow,.section-label{color:var(--blue-deep);margin:0 0 10px;font-size:14px;font-weight:600}.eyebrow span{color:var(--muted);letter-spacing:.08em;font-family:Space Grotesk,sans-serif;font-size:12px}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:-.035em;max-width:680px;margin:0 0 20px;font-size:clamp(38px,5.2vw,64px);font-weight:600;line-height:1.2}.hero-description{max-width:610px;color:var(--muted);margin:0;font-size:clamp(17px,1.7vw,20px);line-height:1.85}.hero-actions{flex-wrap:wrap;gap:12px;margin-block-start:27px;display:flex}.button{border:1px solid var(--line);border-radius:4px;justify-content:center;align-items:center;min-height:48px;padding:10px 17px;font-weight:600;display:inline-flex}.button-primary{border-color:var(--blue);color:var(--white);background:var(--blue)}.button-primary:hover{border-color:var(--blue-deep);background:var(--blue-deep)}.button-secondary{background:0 0}.button-secondary:hover{border-color:var(--ink)}.hero-art{background:var(--soft-blue);place-items:center;min-height:380px;padding:34px;display:grid}.concept-ordering-art{background:#e8efff;overflow:hidden}.concept-branch-art{background:#eaf0f8;overflow:hidden}.concept-payyet-art{background:linear-gradient(135deg,#fff0cf,#fff9ed);overflow:hidden}.concept-joddaily-art{background:#e8f3e9;overflow:hidden}.concept-booksabuy-art{background:linear-gradient(140deg,#e5f1eb,#f5ebd7);overflow:hidden}.concept-booksabuy-preview{background:var(--white);border:1px solid #d8e6dc;gap:15px;width:min(100%,420px);padding:22px;display:grid;box-shadow:0 18px 45px #18473921}.concept-booksabuy-head{align-items:center;gap:11px;display:flex}.concept-booksabuy-mark{color:#fff;background:#1e5a4d;border-radius:11px;place-items:center;width:42px;height:42px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;display:grid}.concept-booksabuy-head>span:nth-child(2){gap:2px;display:grid}.concept-booksabuy-head strong{font-size:14px}.concept-booksabuy-head small,.concept-booksabuy-summary>span,.concept-booksabuy-summary small,.concept-booksabuy-queue small,.concept-booksabuy-queue time{color:var(--muted);font-size:11px}.concept-booksabuy-tag{color:#087443;background:#e6f7ee;border-radius:999px;margin-inline-start:auto;padding:4px 9px;font-size:10px;font-weight:700}.concept-booksabuy-summary{background:#f1f7f3;gap:3px;padding:14px 16px;display:grid}.concept-booksabuy-summary strong{color:#1e5a4d;font-family:Space Grotesk,sans-serif;font-size:30px;line-height:1.2}.concept-booksabuy-queue{display:grid}.concept-booksabuy-queue>div{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-block:9px;display:flex}.concept-booksabuy-queue>div>span{flex:1;gap:2px;display:grid}.concept-booksabuy-queue strong,.concept-booksabuy-queue b{font-size:12px}.concept-booksabuy-queue b{color:#1e5a4d;white-space:nowrap}.concept-booksabuy-footer{color:var(--muted);justify-content:space-around;padding-block-start:2px;font-size:11px;display:flex}.concept-booksabuy-footer span:first-child{color:#1e5a4d;font-weight:700}.concept-joddaily-preview{background:var(--white);border:1px solid #d7e8d8;gap:12px;width:min(100%,355px);padding:20px;display:grid;box-shadow:0 18px 45px #15552b1f}.concept-joddaily-head{align-items:center;gap:10px;display:flex}.concept-joddaily-mark{color:#15552b;background:#d9f1dc;border-radius:11px;place-items:center;width:42px;height:42px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;display:grid}.concept-joddaily-head>span:nth-child(2){gap:2px;display:grid}.concept-joddaily-head strong{font-size:14px}.concept-joddaily-head small,.concept-joddaily-summary>span,.concept-joddaily-summary small,.concept-joddaily-budget>span{color:var(--muted);font-size:11px}.concept-joddaily-channel{color:#087443;background:#e6f7ee;border-radius:999px;margin-inline-start:auto;padding:4px 8px;font-size:10px;font-weight:700}.concept-joddaily-summary{background:#f1f8f1;gap:2px;padding:12px 14px;display:grid}.concept-joddaily-summary strong{color:#15552b;font-family:Space Grotesk,sans-serif;font-size:27px;line-height:1.2}.concept-joddaily-transactions{display:grid}.concept-joddaily-transactions>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-block:8px;font-size:12px;display:flex}.concept-joddaily-transactions strong{white-space:nowrap;font-family:Space Grotesk,sans-serif}.concept-joddaily-budget{grid-template-columns:1fr;gap:7px;display:grid}.concept-joddaily-budget>div{background:#dce9dd;border-radius:999px;height:7px;overflow:hidden}.concept-joddaily-budget i{background:#22a447;width:68%;height:100%;display:block}.concept-payyet-preview{background:var(--white);border:1px solid #f0dfbf;width:min(100%,355px);padding:19px;box-shadow:0 18px 45px #5c42141f}.concept-payyet-head{align-items:center;gap:10px;margin-block-end:14px;display:flex}.concept-payyet-mark{color:#613a08;background:#ffd886;border-radius:11px;place-items:center;width:38px;height:38px;font-family:Space Grotesk,sans-serif;font-size:19px;font-weight:700;display:grid}.concept-payyet-head>span:nth-child(2),.concept-payyet-footer>span:last-child{gap:3px;display:grid}.concept-payyet-head strong{font-size:13px}.concept-payyet-head small,.concept-payyet-bill small,.concept-payyet-bill>span,.concept-payyet-status>span,.concept-payyet-footer small{color:var(--muted);font-size:11px}.concept-payyet-channel{color:#087c49;background:#e5f7ee;border-radius:999px;margin-inline-start:auto;padding:4px 8px;font-size:10px;font-weight:700}.concept-payyet-bill{background:#fffaf1;border:1px solid #f2e6d1;gap:3px;padding:13px 14px;display:grid}.concept-payyet-bill>strong{font-size:14px}.concept-payyet-bill>b{color:#4b300b;font-family:Space Grotesk,sans-serif;font-size:25px}.concept-payyet-status{gap:8px;margin-block:14px;display:grid}.concept-payyet-status>div{background:#f0eadf;border-radius:999px;height:7px;overflow:hidden}.concept-payyet-status i{border-radius:inherit;background:#efa92b;width:66%;height:100%;display:block}.concept-payyet-footer{border-top:1px solid #f2eee5;align-items:center;gap:10px;padding-block-start:12px;display:flex}.concept-payyet-footer strong{font-size:12px}.concept-payyet-qr{background:repeating-conic-gradient(#473718 0 25%, transparent 0 50%) 0 0 / 10px 10px;border:6px solid #473718;width:42px;height:42px}.concept-ordering-preview,.concept-branch-preview{background:var(--white);border:1px solid #d4deec;width:min(100%,355px);padding:18px;box-shadow:0 18px 45px #14243a1f}.concept-ordering-head,.concept-branch-head{justify-content:space-between;align-items:center;gap:14px;margin-block-end:13px;font-size:13px;display:flex}.concept-ordering-head span,.concept-branch-head span{color:var(--muted);font-size:12px}.concept-ordering-body{grid-template-columns:82px minmax(0,1fr);align-items:start;gap:15px;display:grid}.concept-ordering-code{aspect-ratio:1;border:1px solid var(--line);background:var(--paper);place-items:center;width:82px;display:grid}.concept-ordering-code svg{width:62px;height:62px;color:var(--ink)}.concept-ordering-menu{min-width:0}.concept-ordering-menu>p{margin:0 0 6px;font-size:12px;font-weight:600}.concept-ordering-menu>div:not(.concept-ordering-basket){border-top:1px solid #e7ecf3;justify-content:space-between;gap:8px;padding-block:7px;font-size:12px;display:flex}.concept-ordering-menu>div:not(.concept-ordering-basket) strong{white-space:nowrap;font-family:Space Grotesk,sans-serif;font-size:12px}.concept-ordering-basket{color:var(--blue-deep);text-align:center;background:#edf3ff;padding:7px 8px;margin-block-start:6px!important}.concept-branch-head{margin-block-end:12px}.concept-branch-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-block-end:12px;display:grid}.concept-branch-stats div{background:var(--paper);gap:3px;padding:10px;display:grid}.concept-branch-stats span{color:var(--muted);font-size:11px}.concept-branch-stats strong{font-family:Space Grotesk,sans-serif;font-size:20px;line-height:1.2}.concept-branch-row{border-top:1px solid #e7ecf3;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding-block:9px;font-size:12px;display:grid}.concept-branch-row span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.concept-branch-row span:last-child{color:var(--blue-deep);white-space:nowrap;font-size:11px}.preview-card{background:var(--white);border:1px solid #d4deec;width:min(100%,355px);padding:22px 24px 18px;transform:rotate(-2deg);box-shadow:0 18px 45px #14243a1f}.preview-top,.preview-bottom{justify-content:space-between;align-items:center;gap:16px;display:flex}.preview-top{border-block-end:1px solid var(--line);padding-block-end:13px}.preview-top strong{font-family:Space Grotesk,sans-serif;font-size:20px}.preview-top span,.preview-bottom{color:var(--muted);font-size:12px}.address-block{gap:3px;padding-block:17px 15px;display:grid}.address-block span{color:var(--muted);font-size:12px}.address-block strong{font-size:20px}.address-block p{color:var(--muted);margin:0;font-size:13px}.barcode{background:repeating-linear-gradient(90deg,#14243a 0 2px,#0000 2px 4px,#14243a 4px 5px,#0000 5px 8px,#14243a 8px 11px,#0000 11px 14px);height:48px;margin-block-end:8px}.section{border-block-start:1px solid var(--line);padding-block:clamp(68px,8vw,100px)}.section-white{background:var(--white)}.section-heading{max-width:720px;margin-block-end:34px}.section-heading h2{margin:0 0 12px;font-size:clamp(30px,4vw,46px);font-weight:600;line-height:1.3}.section-heading p:last-child{color:var(--muted);margin:0;font-size:17px}.thinking-grid,.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.thinking-card,.feature-card{min-width:0}.thinking-card h3,.feature-card h3{margin:0 0 8px;font-size:19px;font-weight:600}.thinking-card p,.feature-card p{color:var(--muted);margin:0}.thinking-card{border-block-start:2px solid var(--blue);padding-block-start:17px}.feature-card{border-inline-start:1px solid var(--line);padding-inline:22px}.feature-card:first-child{border-inline-start:0;padding-inline-start:0}.steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.step{border-block-start:2px solid var(--blue);background:var(--white);counter-increment:step;padding:24px 23px 24px 62px;position:relative}.step:before{color:var(--blue-deep);content:"0" counter(step);font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600;position:absolute;inset-block-start:22px;inset-inline-start:22px}.step h3{margin:0 0 8px;font-size:18px;font-weight:600}.step p{color:var(--muted);margin:0}.privacy-panel{color:var(--white);background:var(--ink);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:46px;padding:clamp(25px,5vw,48px);display:grid}.privacy-panel h2{margin:0;font-size:clamp(28px,3.5vw,40px);font-weight:600;line-height:1.35}.privacy-panel p{color:#d0daea;margin:0;font-size:17px}.privacy-panel p+p{margin-block-start:12px}.closing{justify-content:space-between;align-items:center;gap:30px;display:flex}.closing p{max-width:670px;color:var(--muted);margin:0}.text-link{min-height:44px;color:var(--blue-deep);align-items:center;font-weight:600;display:inline-flex}.site-footer{color:#d0daea;background:var(--ink);padding-block:22px}.footer-inner{justify-content:space-between;align-items:center;gap:18px;font-size:14px;display:flex}.footer-inner p{margin:0}.footer-brand{color:var(--white);font-family:Space Grotesk,sans-serif;font-weight:600}@media (width<=820px){.hero{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:30px}.hero-art{min-height:330px;padding:22px}.thinking-grid,.feature-grid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.thinking-card,.feature-card{min-height:0}.feature-card,.feature-card:first-child{border-inline-start:0;border-block-start:1px solid var(--line);padding:15px 0 0}}@media (width<=620px){.wrap{width:min(calc(100% - 36px), var(--max-width))}.header-inner{flex-direction:column;align-items:flex-start;gap:4px;padding-block:12px}.main-nav{justify-content:space-between;gap:10px;width:100%}.main-nav a{font-size:14px}.main-nav .nav-cta{padding-inline:10px}.hero{grid-template-columns:1fr;gap:34px;padding-block:56px 66px}h1{font-size:clamp(37px,11vw,54px)}.hero-art{min-height:310px}.thinking-grid,.feature-grid,.steps{grid-template-columns:1fr}.section{padding-block:64px}.privacy-panel{grid-template-columns:1fr;gap:18px}.closing,.footer-inner{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.stock-rows{gap:8px;padding-block:14px;display:grid}.stock-rows div{background:#eef3fb;border-radius:8px;justify-content:space-between;padding:8px 12px;font-size:14px;display:flex}.stock-rows .low{color:#b42318;font-weight:600}.party-hero-art{background:radial-gradient(circle at 18% 20%, #126bfa1c 0 7%, transparent 7.5%), radial-gradient(circle at 84% 78%, #126bfa1a 0 12%, transparent 12.5%), var(--soft-blue);overflow:hidden}.party-board{background:var(--white);border:1px solid #d4deec;width:min(100%,410px);padding:clamp(18px,3vw,27px);transform:rotate(-1.5deg);box-shadow:0 18px 45px #14243a1f}.party-board-header,.party-board-footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.party-board-header>div{gap:4px;display:grid}.party-board-kicker,.party-feature-meta{color:var(--blue-deep);margin:0;font-size:12px;font-weight:600}.party-board-header strong{font-size:18px}.party-game-count{color:var(--blue-deep);background:var(--soft-blue);border-radius:3px;padding:6px 9px;font-size:13px;font-weight:600}.party-game-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-block:19px;display:grid}.party-game-tile{border:1px solid var(--line);background:#f8faff;align-items:center;gap:10px;min-width:0;min-height:55px;padding:10px;display:flex}.party-game-tile span{color:var(--blue-deep);font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600}.party-game-tile strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.party-board-footer{border-block-start:1px solid var(--line);color:var(--muted);padding-block-start:13px;font-size:12px}.party-player-row{gap:5px;display:flex}.party-player-row span{width:27px;height:27px;color:var(--ink);background:#eaf1fd;border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.party-player-row span:first-child{color:var(--white);background:var(--blue)}.party-feature-grid{row-gap:28px}.party-feature-grid .feature-card:nth-child(3n+1){border-inline-start:0;padding-inline-start:0}.party-feature-card h3{margin-block-start:6px}@media (width<=620px){.party-board{padding:18px}.party-game-tile{gap:7px;padding-inline:8px}.party-game-tile strong{font-size:12px}}