@font-face{font-family:Fredoka;src:url(/fonts/Fredoka.ttf)format("truetype");font-weight:300 700;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito.ttf)format("truetype");font-weight:200 1000;font-display:swap}:root{--ink:#1c1917;--ink-2:#57534e;--line:#e7e5e4;--paper:#fafaf9;--card:#fff;--studio:#1c1917;--app:#1c1917;--app-2:#57534e;--app-dark:#1c1917;--app-soft:#f5f5f4;--radius:20px;--max:1080px}.theme-dogooder{--app:#0abab5;--app-2:#81d8d0;--app-dark:#00736f;--app-soft:#e6f7f6}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--ink);background:var(--paper);margin:0;font-family:Nunito,Noto Sans Thai,system-ui,sans-serif;font-size:17px;line-height:1.65}[lang=th]{font-family:Noto Sans Thai,sans-serif}h1,h2,h3,.brand{letter-spacing:-.01em;margin:0 0 .5em;font-family:Fredoka,Nunito,sans-serif;font-weight:600;line-height:1.15}h1{font-size:clamp(36px,6vw,60px)}h2{font-size:clamp(26px,3.6vw,36px)}h3{font-size:22px}p{margin:0 0 1em}a{color:inherit}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}.top{z-index:5;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#fafaf9e0;position:sticky;top:0}.top .wrap{justify-content:space-between;align-items:center;gap:16px;height:68px;display:flex}.top-end{align-items:center;gap:18px;min-width:0;display:flex}.brand{align-items:center;gap:10px;min-width:0;margin:0;font-size:22px;text-decoration:none;display:flex}.brand-name{min-width:0}.brand .mark{border-radius:9px;width:34px;height:34px;display:block}.studio-word{text-transform:uppercase;letter-spacing:.16em;font-family:Nunito,sans-serif;font-size:17px;font-weight:700}.brand img{flex:none;width:34px;height:34px}.site-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.site-nav a{color:var(--ink-2);margin-left:22px;font-size:15px;font-weight:700;text-decoration:none}.site-nav a:first-child{margin-left:0}.site-nav a:hover{color:var(--ink)}.lang-switch{letter-spacing:.04em;white-space:nowrap;flex:none;align-items:center;gap:7px;font-size:13px;font-weight:800;display:flex}.lang-switch a{color:var(--ink-2);text-decoration:none}.lang-switch a:hover,.lang-switch a[aria-current]{color:var(--ink)}.lang-switch a[aria-current]{text-underline-offset:3px;text-decoration:underline}.lang-switch .sep{color:var(--ink-2);font-weight:700;line-height:1}.btn{cursor:pointer;border:2px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:14px 26px;font-family:inherit;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.btn-dark{background:var(--ink);color:#fff}.btn-ghost{border-color:var(--line);background:#fff}.btn-app{background:var(--app-dark);color:#fff}.btn-ig{z-index:1;color:#fff;background:#00736f;position:relative}.btn-ig:hover{color:#fff;background:#005c59}.btn-ig:focus-visible{outline-offset:2px;outline:3px solid #fff;box-shadow:0 0 0 6px #005c59}.hero{padding:96px 0 64px}.hero p.lead{color:var(--ink-2);max-width:620px;font-size:20px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin-bottom:18px;font-size:13px;font-weight:800;display:inline-block}.apps{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;padding-bottom:80px;display:grid}.app-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:14px;padding:28px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.app-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px #1c191759}.app-card .icon{border-radius:16px;width:64px;height:64px}.app-card .tag{background:var(--app-soft);color:var(--app-dark);border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:13px;font-weight:800}.app-card.soon{color:var(--ink-2);background:0 0;border-style:dashed}.app-card.soon .icon{background:repeating-linear-gradient(45deg,#e7e5e4 0 8px,#f5f5f4 8px 16px)}.about{border-top:1px solid var(--line);padding:64px 0}.app-hero{background:linear-gradient(135deg,var(--app) 0%,var(--app-2) 100%);color:var(--ink);padding:80px 0 0;position:relative;overflow:hidden}.app-hero .wrap{z-index:1;grid-template-columns:1.1fr .9fr;align-items:end;gap:40px;display:grid;position:relative}.app-hero h1 span{display:block}.app-hero .lead{max-width:520px;font-size:20px}.app-hero .phone{border:10px solid var(--ink);width:280px;height:420px;color:var(--ink-2);text-align:center;background:#fff;border-bottom:0;border-radius:40px 40px 0 0;justify-content:center;justify-self:center;align-items:center;padding:20px;font-size:14px;font-weight:800;display:flex}.ripples{pointer-events:none;border-radius:50%;width:520px;height:520px;position:absolute;top:-120px;right:-120px;box-shadow:0 0 0 60px #ffffff24,0 0 0 120px #ffffff17,0 0 0 180px #ffffff0d}.app-hero .shot{object-fit:cover;object-position:top;border-radius:28px 28px 0 0;justify-self:center;width:300px;height:430px;position:relative;box-shadow:0 -10px 40px -10px #00504e59}.pill{color:#fff;background:linear-gradient(90deg,#ff7e67,#e2488a);border-radius:999px;margin-bottom:18px;padding:5px 14px;font-size:13px;font-weight:800;display:inline-block}.store-row{z-index:1;flex-wrap:wrap;gap:12px;margin:26px 0 56px;display:flex;position:relative}.features{grid-template-columns:repeat(3,1fr);gap:22px;padding:72px 0;display:grid}.feature{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:26px}.feature .ic{background:var(--app-soft);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;font-size:22px;display:flex}.feature h2{font-size:22px}.legal-links{grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:80px;display:grid}.legal-links a{background:var(--app-soft);color:var(--app-dark);border-radius:16px;justify-content:space-between;padding:20px 22px;font-weight:800;text-decoration:none;display:flex}.subnav{background:var(--app-soft);border-bottom:1px solid var(--line)}.subnav .wrap{gap:6px;padding-top:10px;padding-bottom:10px;display:flex;overflow-x:auto}.subnav a{white-space:nowrap;color:var(--app-dark);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:800;text-decoration:none}.subnav a[aria-current]{box-shadow:0 1px 0 var(--line);background:#fff}.doc{max-width:720px;margin:0 auto;padding:56px 24px 88px}.doc .meta{color:var(--ink-2);margin-bottom:32px;font-size:15px}.doc h2{margin-top:40px;font-size:26px}.doc h3{margin-top:28px}.doc ul{padding-left:22px}.doc li{margin-bottom:6px}.note{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;margin:0 0 28px;padding:14px 18px;font-size:15px}.box{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin:24px 0;padding:28px}label{margin:14px 0 6px;font-size:15px;font-weight:800;display:block}input,textarea{width:100%;font:inherit;border:2px solid var(--line);background:#fff;border-radius:14px;padding:13px 16px}input:focus,textarea:focus{border-color:var(--app);outline:none}.steps{counter-reset:s;padding:0;list-style:none}.steps li{counter-increment:s;margin-bottom:16px;padding-left:46px;position:relative}.steps li:before{content:counter(s);background:var(--app-dark);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:800;display:flex;position:absolute;top:0;left:0}details{border:1px solid var(--line);background:#fff;border-radius:16px;margin-bottom:12px;padding:16px 20px}summary{cursor:pointer;font-weight:800}footer{border-top:1px solid var(--line);color:var(--ink-2);padding:36px 0;font-size:14px}footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 24px;display:flex}footer .wrap>div{min-width:0;max-width:100%}footer .links{flex-wrap:wrap;gap:8px 18px;display:flex}footer a{font-weight:700;text-decoration:none}@media (width<=820px){.app-hero .wrap,.features,.legal-links{grid-template-columns:1fr}.app-hero .shot{width:240px;height:320px}.site-nav a{margin-left:14px}.site-nav a:first-child{margin-left:0}.hero{padding:64px 0 40px}}html{color-scheme:light}.skip{color:var(--ink);z-index:20;background:#fff;border-radius:999px;padding:8px 14px;font-weight:800;text-decoration:none;position:absolute;top:-48px;left:16px}.skip:focus{top:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-card h3{margin:0}.app-card p{color:var(--ink-2);margin:0}.app-hero h1 span.kicker{letter-spacing:0;margin-bottom:.25em;font-size:.4em}.about-copy{max-width:640px;color:var(--ink-2)}.about-copy p:last-child{margin-bottom:0}nav.subnav a{color:var(--app-dark);margin-left:0}nav.subnav a:hover,nav.subnav a[aria-current]{color:var(--app-dark)}.doc{overflow-wrap:anywhere}.doc a{text-underline-offset:2px;text-decoration:underline}.doc code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.note p:last-child{margin-bottom:0}.doc .box h2{margin-top:0;font-size:22px}.doc .box p{margin:0 0 16px}.table-wrap{-webkit-overflow-scrolling:touch;margin:0 0 1em;overflow-x:auto}.doc table{border-collapse:collapse;background:#fff;width:100%;margin:0;font-size:15px}.doc th,.doc td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 10px}.doc th{font-weight:800}details p:last-child{margin-bottom:0}details p:first-of-type{margin-top:.6em}.faq{padding:0 0 12px}.faq h2{margin-top:0}.faq-item{border:1px solid var(--line);background:#fff;border-radius:16px;margin-bottom:12px;padding:16px 20px}.faq-item h3{letter-spacing:0;margin:0 0 .35em;font-family:Nunito,system-ui,sans-serif;font-size:17px;font-weight:800}.faq-item p:last-child{margin-bottom:0}.faq-item a{text-underline-offset:2px;text-decoration:underline}:focus-visible{outline:3px solid var(--app-dark);outline-offset:2px}.check{align-items:flex-start;gap:10px;margin:16px 0;font-weight:700;display:flex}.check input{width:auto;margin-top:.3em}.field-hint{color:var(--ink-2);margin:6px 0 0;font-size:14px}.form-status{border-radius:12px;margin:0 0 16px;padding:12px 14px}.form-status.error{background:#fef2f2;border:1px solid #fecaca}.form-status.ok{background:#ecfdf5;border:1px solid #a7f3d0}.hp{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}@media (width<=640px){.top .wrap{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;height:auto;min-height:64px;padding-top:10px;padding-bottom:10px;display:grid}.brand{grid-area:1/1}.brand-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.top-end{display:contents}.lang-switch{grid-area:1/2}.site-nav{grid-area:2/1/auto/-1}}