:root{--kong:#2f6f4f;--kong-deep:#1f5138;--ink:#14261c;--mint:#eaf4ee;--cream:#fffaf0;--amber:#d97706;--amber-dark:#b45309;--coin:#fcd34d;--coin-deep:#f4b740;--coral:#ff8a5c;--sky:#5bc2e7;--line-green:#06c755;--disp:"Baloo Thai 2","Noto Sans Thai",system-ui,sans-serif;--hand:"Itim","Noto Sans Thai",system-ui,sans-serif;--body:"Mali","Noto Sans Thai",-apple-system,"Segoe UI",system-ui,sans-serif;--sticker-shadow:0 8px 22px #14261c24;--sticker-shadow-hi:0 16px 34px #14261c33;--keyline:5px solid var(--ink);--radius:22px;--maxw:1120px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--mint);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;font-weight:500;line-height:1.72;overflow-x:hidden}h1,h2,h3{font-family:var(--disp);margin:0;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none}img,svg{max-width:100%}.tnum{font-variant-numeric:tabular-nums}.section{padding:76px 20px}.wrap{max-width:var(--maxw);margin:0 auto}.center{text-align:center}.eyebrow{font-family:var(--hand);color:var(--kong);margin-bottom:6px;font-size:19px}h2.title{color:var(--ink);font-size:clamp(27px,5vw,40px);font-weight:800}.lead{color:#31463b;max-width:640px;margin:12px auto 0;font-size:clamp(16px,2.4vw,19px)}.pen-underline{display:inline-block;position:relative}.pen-underline svg{width:108%;height:16px;position:absolute;bottom:-14px;left:-4%;right:-4%;overflow:visible}.pen-underline path{fill:none;stroke:var(--amber);stroke-width:7px;stroke-linecap:round;stroke-dasharray:340;stroke-dashoffset:340px;transition:stroke-dashoffset 1s .15s}.in .pen-underline path{stroke-dashoffset:0}.btn{font-family:var(--disp);border:var(--keyline);cursor:pointer;box-shadow:var(--sticker-shadow);text-align:center;border-radius:16px;align-items:center;gap:9px;padding:14px 24px;font-size:17px;font-weight:700;line-height:1.2;transition:transform .12s,box-shadow .18s;display:inline-flex;position:relative}.btn:hover{box-shadow:var(--sticker-shadow-hi);transform:translateY(-2px)}.btn:active{animation:.32s jelly}.btn--amber{background:var(--amber);color:var(--ink)}.btn--green{background:var(--kong);color:#fff}.btn--ghost{background:var(--cream);color:var(--kong)}.btn--line{color:#fff;background:#058a3d}.btn--google{color:#1f2430;background:#fff}.btn--lg{padding:17px 30px;font-size:19px}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--kong);outline-offset:3px}.pill{font-family:var(--body);color:#3c5245;flex-wrap:wrap;justify-content:center;gap:7px;font-size:14px;font-weight:600;display:inline-flex}.pill span{background:var(--cream);border:2px solid #14261c24;border-radius:999px;padding:5px 13px}.card{background:var(--cream);border:var(--keyline);border-radius:var(--radius);box-shadow:var(--sticker-shadow);padding:26px}.card--peel{position:relative;overflow:hidden}.card--peel:after{content:"";background:linear-gradient(135deg,#0000 50%,#14261c1a 50%);border-bottom-left-radius:10px;width:34px;height:34px;transition:width .2s,height .2s;position:absolute;top:-1px;right:-1px}.card--peel:hover{box-shadow:var(--sticker-shadow-hi);transform:rotate(-1deg)translateY(-3px)}.card--peel:hover:after{width:46px;height:46px}.topbar{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf0db;border-bottom:2px solid #2f6f4f40;position:sticky;top:0}.topbar .row{max-width:var(--maxw);align-items:center;gap:16px;margin:0 auto;padding:11px 20px;display:flex}.brand{font-family:var(--disp);align-items:center;gap:11px;font-size:18px;font-weight:800;display:flex}.brand .badge{background:var(--kong);color:#fff;width:44px;height:44px;box-shadow:0 3px 0 var(--ink),0 5px 10px #14261c33;letter-spacing:-1px;border:4px solid #fff;border-radius:50%;flex:none;place-items:center;font-size:19px;font-weight:800;display:grid}.brand small{font-family:var(--body);color:var(--kong);font-size:12px;font-weight:600;display:block}.nav{align-items:center;gap:22px;margin-left:auto;display:flex}.nav a.link{font-family:var(--body);color:#31463b;font-weight:600}.nav a.link:hover{color:var(--kong)}.topbar .btn{padding:11px 20px;font-size:16px}.nav-mascot{position:relative}.nav-mascot .mini{pointer-events:none;width:34px;height:34px;position:absolute;bottom:-16px;right:-6px;transform:rotate(12deg)}@media (max-width:900px){.nav .link{display:none}}.hero{background:radial-gradient(circle at 12% 18%,#fcd34d29,transparent 42%), radial-gradient(circle at 88% 10%,#5bc2e71f,transparent 40%), var(--mint);padding:52px 20px 40px;position:relative;overflow:hidden}.hero .dots{opacity:.5;pointer-events:none;background-image:radial-gradient(#2f6f4f1c 2px,#0000 2px);background-size:26px 26px;position:absolute;inset:0}.hero .row{max-width:var(--maxw);grid-template-columns:1.05fr .95fr;align-items:center;gap:34px;margin:0 auto;display:grid;position:relative}.hero h1{color:var(--ink);font-size:clamp(31px,6vw,56px);font-weight:800}.hero h1 .hl{color:var(--kong)}.hero .sub{color:#33493c;max-width:540px;margin-top:16px;font-size:clamp(16px,2.5vw,20px)}.hero .cta{flex-wrap:wrap;gap:14px;margin-top:26px;display:flex}.hero .mini-strip{justify-content:flex-start;margin-top:18px}@media (max-width:820px){.hero .row{text-align:center;grid-template-columns:1fr}.hero .cta,.hero .mini-strip{justify-content:center}.hero-art{order:-1;margin:0 auto}}.hero-art{width:min(420px,86vw);margin-inline:auto;position:relative}.mascot{display:block;overflow:visible}.mascot--hero{filter:drop-shadow(0 14px 20px #14261c2e);width:min(340px,74vw);margin-inline:auto}.floaty{animation:5s ease-in-out infinite floaty}.speech{border:4px solid var(--ink);font-family:var(--hand);color:var(--ink);box-shadow:var(--sticker-shadow);background:#fff;border-radius:18px;max-width:180px;padding:9px 14px;font-size:17px;animation:.5s both pop;position:absolute;top:2%;left:-6%}.speech:after{content:"";border:9px solid #0000;border-top-color:var(--ink);position:absolute;bottom:-15px;left:26px}.speech:before{content:"";z-index:1;border:7px solid #0000;border-top-color:#fff;position:absolute;bottom:-9px;left:28px}.phone{border:5px solid var(--ink);width:118px;height:224px;box-shadow:var(--sticker-shadow-hi);background:#1c2b22;border-radius:24px;position:absolute;bottom:4%;right:-2%;overflow:hidden;transform:rotate(8deg)}.phone .screen{background:linear-gradient(160deg,#eaf4ee,#fffaf0);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:8px;display:flex;position:absolute;inset:8px}.phone .receipt{border:3px solid var(--ink);background:#fff;border-radius:5px;width:58px;height:78px;position:relative;box-shadow:0 4px 8px #14261c26}.phone .receipt:before{content:"";background:var(--kong);border-radius:3px;height:4px;position:absolute;top:12px;left:9px;right:9px;box-shadow:0 12px #2f6f4f8c,0 22px #2f6f4f59,0 32px #d97706b3}.phone .flash{font-size:18px;animation:1.8s ease-in-out infinite twinkle;position:absolute;top:12px;right:14px}.phone .scanline{background:#d97706d9;border-radius:4px;height:5px;animation:2.6s ease-in-out infinite scan;position:absolute;top:24%;left:8%;right:8%;box-shadow:0 0 12px #d97706b3}.coin-fly{opacity:.9;font-size:20px;position:absolute}.coin-fly.c1{animation:3.4s ease-in-out infinite floaty;top:6%;right:20%}.trust{background:var(--cream);border-top:2px solid #14261c1a;border-bottom:2px solid #14261c1a}.trust .row{flex-wrap:wrap;justify-content:center;gap:14px;max-width:960px;margin:0 auto;padding:20px;display:flex}.trust .badge2{font-weight:700;font-family:var(--body);background:var(--mint);border:3px solid var(--ink);border-radius:14px;align-items:center;gap:10px;padding:10px 18px;display:flex;box-shadow:0 4px #14261c1f}.trust .badge2 b{font-size:22px}@media (max-width:640px){.trust .row{flex-direction:column;align-items:stretch}}.parade{background:var(--mint);padding:40px 0 46px;overflow:hidden}.marquee{gap:44px;width:max-content;padding:14px 22px;animation:26s linear infinite marquee;display:flex}.marquee:hover,.marquee.paused{animation-play-state:paused}.parade-toggle{font-family:var(--body);border:3px solid var(--ink);color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;margin-top:16px;padding:8px 16px;font-size:14px;font-weight:700;box-shadow:0 3px #14261c1f}.parade-toggle:focus-visible{outline:3px solid var(--kong);outline-offset:2px}.gangmate{flex-direction:column;align-items:center;gap:8px;min-width:120px;display:flex}.gangmate .lbl{font-family:var(--hand);color:var(--kong);font-size:15px}.chip-svg{filter:drop-shadow(0 8px 12px #14261c29);width:96px;height:96px}.empathy{background:var(--cream)}.pile{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px;display:grid}.crinkle{border:4px solid var(--ink);box-shadow:var(--sticker-shadow);background:#fff;border-radius:8px;padding:22px;font-weight:600;position:relative}.crinkle:first-child{transform:rotate(-1.6deg)}.crinkle:nth-child(2){transform:rotate(1.1deg)}.crinkle:nth-child(3){transform:rotate(-.6deg)}.crinkle .emo{margin-bottom:6px;font-size:30px;display:block}.comfort{font-family:var(--hand);color:var(--kong);text-align:center;margin-top:30px;font-size:21px}@media (max-width:760px){.pile{grid-template-columns:1fr}}.steps{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;margin-top:38px;display:grid}.step{text-align:center;position:relative}.step .num{background:var(--kong);color:#fff;width:46px;height:46px;box-shadow:0 3px 0 var(--ink);font-family:var(--disp);border:4px solid #fff;border-radius:50%;place-items:center;margin:0 auto 12px;font-size:20px;font-weight:800;display:grid}.step .emo{font-size:44px}.step h3{margin:6px 0;font-size:22px;font-weight:800}.step p{color:#31463b;font-size:15.5px}.steps .arrow{display:none}.how-close{text-align:center;font-family:var(--hand);color:var(--kong);margin-top:26px;font-size:19px}@media (max-width:760px){.steps{grid-template-columns:1fr}}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:20px;margin-top:38px;display:grid}.feat{background:var(--cream)}.feat .ic{background:var(--mint);border:3px solid var(--ink);border-radius:16px;place-items:center;width:60px;height:60px;margin-bottom:14px;font-size:30px;display:grid;box-shadow:0 4px #14261c1f}.feat h3{margin-bottom:6px;font-size:19.5px;font-weight:800}.feat p{color:#31463b;font-size:15px}.shared{background:var(--cream)}.shared .row{grid-template-columns:1fr 1fr;align-items:center;gap:34px;display:grid}.book{border:5px solid var(--ink);box-shadow:var(--sticker-shadow-hi);aspect-ratio:4/3;background:#fff;border-radius:14px;grid-template-columns:1fr 1fr;padding:0;display:grid;position:relative}.book:before{content:"";background:repeating-linear-gradient(var(--ink) 0 6px,transparent 6px 12px);opacity:.5;width:4px;position:absolute;top:6%;bottom:6%;left:50%;transform:translate(-50%)}.book .page{padding:20px}.book .ln{background:var(--mint);border-radius:5px;height:9px;margin:10px 6px}.book .ln.g{background:#2f6f4f66}.book .ln.a{background:#d9770673}.book .stk{filter:drop-shadow(0 4px 6px #14261c33);font-size:26px;position:absolute}.book .s1{top:-14px;left:16%}.book .s2{bottom:-14px;left:40%}.book .s3{top:34%;right:-14px}.shared h2{font-size:clamp(25px,4vw,36px)}.shared .say{font-family:var(--hand);color:var(--kong);margin:12px 0;font-size:20px}@media (max-width:820px){.shared .row{grid-template-columns:1fr}}.duo{grid-template-columns:1fr 1fr;gap:22px;margin-top:36px;display:grid}.duo .ic{font-size:40px}.duo h3{margin:8px 0;font-size:21px;font-weight:800}.bell{transform-origin:top;animation:2.6s ease-in-out infinite wiggle;display:inline-block}.tag-remind{background:var(--mint);border:3px dashed var(--kong);font-family:var(--hand);color:var(--kong);border-radius:12px;margin-top:14px;padding:10px 14px}@media (max-width:760px){.duo{grid-template-columns:1fr}}.networth{background:var(--cream)}.networth .row{grid-template-columns:1fr 1fr;align-items:center;gap:34px;display:grid}.nw-card{background:var(--mint);border:var(--keyline);border-radius:var(--radius);text-align:center;box-shadow:var(--sticker-shadow);padding:28px}.nw-num{font-family:var(--disp);color:var(--kong);font-size:clamp(34px,6vw,52px);font-weight:800}.nw-num small{color:#4a6154;font-size:.5em}.nw-bars{justify-content:center;align-items:flex-end;gap:8px;height:70px;margin-top:14px;display:flex}.nw-bars i{background:var(--kong);border:2px solid var(--ink);transform-origin:bottom;border-radius:4px 4px 0 0;width:14px;transition:transform .9s cubic-bezier(.2,.8,.2,1);transform:scaleY(.15)}.in .nw-bars i{transform:scaleY(var(--h,.5))}.sprout{width:120px;height:120px;margin:0 auto}.networth .say{font-family:var(--hand);color:var(--kong);margin:10px 0;font-size:20px}@media (max-width:820px){.networth .row{grid-template-columns:1fr}}.security{background:var(--kong-deep);color:#eef6f0}.security h2.title{color:#fff}.security .eyebrow{color:#bfe6cf}.sec-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:34px;display:grid}.sec-item{font-family:var(--body);background:#ffffff12;border:2px solid #ffffff2e;border-radius:16px;padding:20px}.sec-item b{margin-bottom:6px;font-size:24px;display:block}.sec-item h3{font-family:var(--body);color:#fff;margin-bottom:4px;font-size:17px;font-weight:700}.sec-item p{color:#cfe3d7;font-size:14.5px}.guard{width:170px;margin:0 auto 8px;position:relative}.guard .shield{filter:drop-shadow(0 4px 6px #0000004d);font-size:38px;position:absolute;bottom:6%;right:2%}.pricing{background:var(--mint)}.price-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:22px;margin-top:40px;display:grid}.price{background:var(--cream);text-align:center;transform-origin:top;position:relative}.price.sway{transition:transform .25s}.price.sway:hover{transform:rotate(-1.4deg)translateY(-3px)}.price:before{content:"";background:var(--ink);width:4px;height:16px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.price .peg{background:var(--coin);border:3px solid var(--ink);border-radius:50%;width:14px;height:14px;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.price .who{font-size:34px}.price h3{font-family:var(--body);margin:6px 0 8px;font-size:17px;font-weight:700}.price .amt{font-family:var(--disp);color:var(--kong);font-size:42px;font-weight:800;line-height:1}.price .amt small{color:#4a6154;font-size:.4em;font-weight:700}.price .note{font-family:var(--hand);color:var(--amber-dark);margin-top:8px;font-size:15px}.price.hot{border-color:var(--amber)}.price .ribbon{background:var(--amber);color:var(--ink);font-family:var(--disp);border:3px solid var(--ink);border-radius:8px;padding:4px 12px;font-size:13px;font-weight:700;position:absolute;top:12px;right:-6px;transform:rotate(4deg)}.price-info{background:var(--cream);margin-top:26px;color:#31463b;border:3px solid #14261c29;border-radius:18px;max-width:760px;margin-inline:auto;padding:20px 24px;font-size:15.5px}.price-info .clear{background:var(--mint);border-left:5px solid var(--kong);border-radius:12px;margin-top:12px;padding:12px 14px}@media (max-width:820px){.price-grid{grid-template-columns:1fr}.price.sway{animation:none}}.pwa{background:var(--cream)}.pwa .row{grid-template-columns:.9fr 1.1fr;align-items:center;gap:30px;display:grid}.pwa-steps{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.pwa-steps .c{background:var(--mint);border:3px solid var(--ink);font-family:var(--body);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700}.jump{animation:2.4s ease-in-out infinite jump}@media (max-width:760px){.pwa .row{text-align:center;grid-template-columns:1fr}}.faq-list{flex-direction:column;gap:14px;max-width:760px;margin:36px auto 0;display:flex}.qa{background:var(--cream);border:4px solid var(--ink);box-shadow:var(--sticker-shadow);border-radius:16px;overflow:hidden}.qa:nth-child(odd){transform:rotate(-.7deg)}.qa:nth-child(2n){transform:rotate(.7deg)}.qa .q{text-align:left;width:100%;font-family:var(--disp);color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:17px;font-weight:700;display:flex}.qa .q .plus{color:var(--kong);flex:none;font-size:22px;transition:transform .25s}.qa[open-state="1"] .q .plus{transform:rotate(45deg)}.qa .a{max-height:0;transition:max-height .3s;overflow:hidden}.qa .a-inner{font-family:var(--hand);color:#31463b;padding:0 20px 18px;font-size:16.5px;line-height:1.7}.final{text-align:center;background:radial-gradient(circle at 50% 0,#fcd34d40,#0000 55%),linear-gradient(#eaf4ee,#dff0e6);position:relative;overflow:hidden}.final h2{margin-bottom:6px;font-size:clamp(27px,5vw,42px);font-weight:800}.final .say{font-family:var(--hand);color:var(--kong);margin-bottom:18px;font-size:22px}.final .cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:8px;display:flex}.final .btn--google{border-color:#c9cfd6}.final .mascot--wave{width:150px;margin:0 auto 6px}footer.site{background:var(--kong-deep);color:#d8eadf;padding:48px 20px 30px}footer.site .row{max-width:var(--maxw);grid-template-columns:1.4fr 1fr 1fr;gap:28px;margin:0 auto;display:grid}footer .brand{color:#fff}footer .brand .badge{color:var(--kong);box-shadow:none;border-color:var(--kong);background:#fff}footer .brand small{color:#bfe6cf}footer h3{font-family:var(--disp);color:#fff;margin:0 0 12px;font-size:16px}footer a.fl{font-family:var(--body);color:#cfe3d7;padding:5px 0;font-size:15px;display:block}footer a.fl:hover{color:#fff}footer .say{font-family:var(--hand);color:#bfe6cf;margin-top:10px}footer .pay{color:#bfe6cf;margin-top:14px;font-size:14px}footer .copy{max-width:var(--maxw);color:#a9cdb8;border-top:1px solid #ffffff26;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:26px auto 0;padding-top:18px;font-size:13.5px;display:flex}@media (max-width:760px){footer.site .row{grid-template-columns:1fr 1fr}footer .brand{grid-column:1/-1}}.reveal{transition:opacity .6s,transform .6s}.js .reveal{opacity:0;transform:translateY(20px)}.reveal.in{opacity:1;transform:none}.confetti-coin{z-index:120;pointer-events:none;will-change:transform,opacity;font-size:20px;position:fixed}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes pop{0%{opacity:0;transform:scale(.7)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes jelly{0%{transform:scale(.94,1.06)}45%{transform:scale(1.06,.94)}to{transform:scale(1)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes wiggle{0%,88%,to{transform:rotate(0)}91%{transform:rotate(11deg)}95%{transform:rotate(-9deg)}}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}@keyframes scan{0%,to{top:22%}50%{top:66%}}@keyframes jump{0%,to{transform:translateY(0)}30%{transform:translateY(-16px)}50%{transform:translateY(2px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal,.js .reveal{opacity:1!important;transform:none!important}.in .pen-underline path{stroke-dashoffset:0}.in .nw-bars i{transform:scaleY(var(--h,.5))}}