:root{--brand-50:#fff1f2;--brand-100:#ffe4e6;--brand-200:#fecdd3;--brand-400:#fb7185;--brand-500:#f43f5e;--brand-600:#e11d48;--brand-700:#be123c;--rose-50:#fff1f2;--rose-100:#ffe4e6;--rose-200:#fecdd3;--rose-300:#fda4af;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-300:#fcd34d;--amber-500:#f59e0b;--amber-700:#b45309;--amber-800:#92400e;--amber-900:#78350f;--emerald-50:#ecfdf5;--emerald-100:#d1fae5;--emerald-200:#a7f3d0;--emerald-500:#10b981;--emerald-700:#047857;--emerald-800:#065f46;--emerald-900:#064e3b;--sky-50:#f0f9ff;--sky-100:#e0f2fe;--sky-200:#bae6fd;--sky-300:#7dd3fc;--sky-500:#0ea5e9;--sky-800:#075985;--sky-900:#0c4a6e;--indigo-50:#eef2ff;--indigo-100:#e0e7ff;--indigo-200:#c7d2fe;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--purple-50:#faf5ff;--purple-200:#e9d5ff;--purple-700:#7e22ce;--red-50:#fef2f2;--red-200:#fecaca;--red-300:#fca5a5;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--red-800:#991b1b;--red-900:#7f1d1d;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--shadow:0 10px 25px -5px #f43f5e14, 0 8px 10px -6px #00000008;--max:56rem}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--slate-800);-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#fff1f2b3 0%,#fff 42%,#fffbeb73 100%);margin:0;padding-bottom:5rem;font-family:Prompt,Noto Sans Thai,sans-serif}a{color:var(--brand-600);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}code{background:var(--brand-50);border:1px solid var(--rose-200);border-radius:.35rem;padding:.05rem .3rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.wrap{width:min(var(--max), calc(100% - 2rem));margin-inline:auto}.site-header{z-index:40;backdrop-filter:blur(12px);border-bottom:1px solid var(--rose-100);background:#ffffffeb;position:sticky;top:0;box-shadow:0 1px 2px #0f172a0a}.site-header__row{justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.brand{min-width:0;color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand:hover{text-decoration:none}.brand__mark{color:#fff;background:linear-gradient(135deg, var(--brand-600), #fb7185);border-radius:.75rem;flex:none;place-items:center;width:2.5rem;height:2.5rem;font-size:1.15rem;display:grid;box-shadow:0 6px 14px #f43f5e40}.brand__kicker{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.pill{letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--rose-200);background:var(--brand-50);color:var(--brand-600);border-radius:999px;align-items:center;gap:.35rem;padding:.15rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.muted{color:var(--slate-400);font-size:.75rem}.brand h1{color:var(--slate-900);margin:.15rem 0 0;font-size:clamp(.95rem,3.4vw,1.1rem);line-height:1.25}.header-actions{flex:none;align-items:center;gap:.45rem;display:flex}.live-dot{border:1px solid var(--emerald-200);background:var(--emerald-50);color:var(--emerald-700);border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .7rem;font-size:.72rem;font-weight:500;display:none}.live-dot i{background:var(--emerald-500);border-radius:50%;width:.45rem;height:.45rem;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}.btn{appearance:none;border:1px solid var(--slate-200);background:var(--slate-100);color:var(--slate-700);font:inherit;cursor:pointer;border-radius:.6rem;padding:.35rem .7rem;font-size:.75rem}.btn:hover{background:var(--slate-200)}.hub{border-top:1px solid var(--rose-50);scrollbar-width:none;gap:.45rem;padding:.45rem 0 .65rem;display:flex;overflow-x:auto}.hub::-webkit-scrollbar{display:none}.hub a,.tabs a{white-space:nowrap;color:var(--slate-700);background:var(--slate-100);border-radius:999px;flex:none;padding:.28rem .75rem;font-size:.78rem;font-weight:500;text-decoration:none}.hub a:hover,.tabs a:hover{background:var(--rose-50);color:var(--brand-600);text-decoration:none}.hub a.is-active{background:var(--brand-600);color:#fff}.tabs{scrollbar-width:none;gap:.4rem;padding:0 0 .65rem;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs a.is-active,.tabs a.accent{background:var(--brand-50);color:var(--brand-700)}.tabs a.amber{background:var(--amber-100);color:var(--amber-900);font-weight:600}main.page{gap:1.75rem;padding-top:1.4rem;display:grid}.hero{color:#fff;background:linear-gradient(90deg, #f43f5e, var(--brand-600), #be123c);border-radius:1rem;padding:1.4rem 1.35rem;position:relative;overflow:hidden;box-shadow:0 18px 36px -16px #e11d4873}.hero.gold{background:linear-gradient(90deg,#d97706,#f59e0b,#be123c)}.hero.hub-hero{background:linear-gradient(120deg, var(--brand-600), #fb7185 55%, #d97706)}.hero__badge{background:#ffffff2e;border:1px solid #ffffff4d;border-radius:999px;margin-bottom:.45rem;padding:.2rem .7rem;font-size:.75rem;font-weight:600;display:inline-block}.hero h2{letter-spacing:-.02em;margin:0 0 .4rem;font-size:clamp(1.35rem,5vw,1.85rem)}.hero p{color:#ffe4e6;max-width:40rem;margin:0;font-size:.95rem;line-height:1.65}.hero__mark{opacity:.14;pointer-events:none;user-select:none;font-size:6.5rem;position:absolute;bottom:-1.4rem;right:-.4rem}.section{border:1px solid var(--rose-100);box-shadow:var(--shadow);background:#fff;border-radius:1rem;padding:1.35rem 1.25rem}.section-head{border-bottom:1px solid var(--slate-100);align-items:center;gap:.75rem;margin-bottom:1.1rem;padding-bottom:.9rem;display:flex}.num{background:var(--brand-500);color:#fff;border-radius:999px;flex:none;place-items:center;width:2rem;height:2rem;font-size:.85rem;font-weight:700;display:grid}.num.amber{background:var(--amber-500)}.num.emerald{background:var(--emerald-500)}.num.rose{background:#e11d48}.num.indigo{background:var(--indigo-500)}.num.sky{background:var(--sky-500)}.section-head h2{color:var(--slate-900);margin:0;font-size:1.2rem}.section-head p{color:var(--slate-500);margin:.15rem 0 0;font-size:.82rem}.chip{border:1px solid var(--amber-300);background:var(--amber-100);color:var(--amber-800);border-radius:999px;align-items:center;padding:.12rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.grid{gap:.85rem;display:grid}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{border:1px solid var(--rose-100);box-shadow:var(--shadow);background:#fff;border-radius:.85rem;flex-direction:column;justify-content:space-between;padding:1.05rem;display:flex}.card.amber{border-color:var(--amber-100)}.card.emerald{border-color:var(--emerald-100)}.card.sky{border-color:var(--sky-200);background:#f0f9ff8c}.card.soft{border-color:var(--rose-100);box-shadow:none;background:#fff1f28c}.card.soft-emerald{border-color:var(--emerald-100);box-shadow:none;background:#ecfdf58c}.card.soft-amber{border-color:var(--amber-200);box-shadow:none;background:#fffbebb3}.card.soft-red{border-color:var(--red-200);box-shadow:none;background:#fef2f28c}.card.soft-slate{background:var(--slate-50);border-color:var(--slate-200);box-shadow:none}.icon-box{background:var(--rose-100);width:2.5rem;height:2.5rem;color:var(--brand-600);border-radius:.6rem;place-items:center;margin-bottom:.7rem;font-weight:700;display:grid}.icon-box.amber{background:var(--amber-100);color:var(--amber-700)}.icon-box.emerald{background:var(--emerald-100);color:var(--emerald-700)}.card h3,.panel h3,.panel h4{color:var(--slate-800);margin:0 0 .3rem;font-size:1rem}.card p,.panel p,.lede{color:var(--slate-600);margin:0;font-size:.9rem;line-height:1.65}.card-foot{border-top:1px solid var(--slate-100);color:var(--brand-600);margin-top:.9rem;padding-top:.65rem;font-size:.75rem;font-weight:600}.card-foot.amber{color:var(--amber-700)}.card-foot.emerald{color:var(--emerald-700)}.card-foot.red{color:var(--red-700);border-top-color:var(--red-200)}.card-foot.slate{color:var(--slate-700)}.card-link{color:inherit;text-decoration:none;display:block}.card-link:hover{border-color:var(--brand-400);text-decoration:none}.panel{border:1px solid var(--rose-100);background:#fff1f28c;border-radius:.85rem;padding:1rem}.panel.emerald{border-color:var(--emerald-100);background:#ecfdf58c}.panel.slate{background:var(--slate-50);border-color:var(--slate-200)}.panel.red{border-color:var(--red-200);background:#fef2f280}.panel.sky{background:linear-gradient(90deg, var(--sky-50), #fff, var(--sky-50));border-color:var(--sky-200)}.panel.amber{border-color:var(--amber-200);background:#fffbebb3}.panel h4{color:var(--brand-700);align-items:center;gap:.4rem;margin-bottom:.55rem;font-size:.9rem;display:flex}.panel.emerald h4{color:var(--emerald-800)}.panel.red h4{color:var(--red-800)}.panel.sky h4{color:var(--sky-900)}ol.steps,ul.clean{margin:0;padding:0;list-style:none}ol.steps{counter-reset:step}ol.steps li,ul.clean li{color:var(--slate-700);margin:.45rem 0;padding-left:1.6rem;font-size:.9rem;line-height:1.55;position:relative}ol.steps li:before{counter-increment:step;content:counter(step);background:var(--brand-500);color:#fff;border-radius:999px;place-items:center;width:1.15rem;height:1.15rem;font-size:.68rem;font-weight:700;display:grid;position:absolute;top:.1rem;left:0}ul.clean li:before{content:"•";color:var(--red-500);font-weight:700;position:absolute;left:.35rem}.compare{border:2px solid var(--rose-300);box-shadow:var(--shadow);background:#fff;border-radius:1rem;padding:1.2rem}.compare h3{margin:0 0 .8rem;font-size:1.05rem}.split{gap:.7rem;display:grid}.split>div{border:2px solid var(--slate-300);background:var(--slate-50);border-radius:.85rem;padding:.95rem}.split>div.pink{border-color:var(--brand-400);background:var(--rose-50)}.split .label{letter-spacing:.04em;text-transform:uppercase;color:var(--slate-600);margin-bottom:.3rem;font-size:.7rem;font-weight:700}.split .pink .label{color:var(--brand-700)}.note{color:var(--slate-500);margin:.75rem 0 0;font-size:.78rem}.formula{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:.9rem;font-weight:700;display:flex}.stat-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.stat{border:1px solid var(--slate-200);background:#fff;border-radius:.65rem;padding:.6rem .35rem;box-shadow:0 1px 2px #0f172a0a}.stat small{color:var(--slate-500);font-size:.7rem;display:block}.stat b{color:var(--brand-600);margin:.2rem 0;font-size:1.15rem;display:block}.stat span{color:var(--slate-400);font-size:.68rem;display:block}.reward{border:2px solid var(--rose-200);background:linear-gradient(#fff1f280,#fff);border-radius:.85rem;flex-direction:column;justify-content:space-between;min-height:11rem;padding:1rem;display:flex}.reward.amber{border-color:var(--amber-200);background:linear-gradient(#fffbeb80,#fff)}.reward.purple{border-color:var(--purple-200);background:linear-gradient(#faf5ff80,#fff)}.reward .emoji{margin-bottom:.35rem;font-size:1.7rem}.reward .kind{color:var(--brand-600);font-size:.72rem;font-weight:600}.reward.amber .kind{color:var(--amber-700)}.reward.purple .kind{color:var(--purple-700)}.reward h4{margin:.1rem 0;font-size:1.05rem}.reward p{color:var(--slate-500);margin:0;font-size:.78rem}.reward .pts{border-top:1px solid var(--rose-100);justify-content:space-between;align-items:baseline;margin-top:.8rem;padding-top:.65rem;display:flex}.reward .pts b{color:var(--brand-600);font-size:1.25rem}.reward.amber .pts b{color:var(--amber-700)}.reward.purple .pts b{color:var(--purple-700)}.alert{border:2px solid var(--red-300);background:var(--red-50);border-radius:.85rem;padding:1.1rem}.alert h4{color:var(--red-900);margin:0 0 .7rem}.dark-callout{background:linear-gradient(90deg, var(--slate-900), var(--slate-800));color:#fff;border-radius:.85rem;padding:1.1rem 1.2rem}.dark-callout h4{color:#fda4af;margin:0 0 .35rem;font-size:.92rem}.dark-callout p{color:#cbd5e1;margin:0;font-size:.88rem;line-height:1.6}.line-ok{color:#0d9488;background:#e6fffa;border:1px solid #99f6e4;border-radius:999px;padding:.12rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.line-wait{background:var(--sky-100);color:var(--sky-800);border:1px solid var(--sky-300);border-radius:999px;padding:.12rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.step-mini{border:1px solid var(--sky-100);background:#fff;border-radius:.85rem;padding:1rem;box-shadow:0 1px 2px #0f172a0a}.step-mini .n{background:var(--sky-500);color:#fff;border-radius:999px;place-items:center;width:1.5rem;height:1.5rem;margin-bottom:.45rem;font-size:.72rem;font-weight:700;display:grid}.quote{border:1px solid var(--sky-200);background:#fff;border-radius:.7rem;align-items:flex-start;gap:.7rem;padding:.75rem;font-size:.85rem;display:flex}.quote em{color:var(--slate-700)}.shot{margin:0}.shot button{appearance:none;border:2px solid var(--brand-200);cursor:pointer;background:#fff;border-radius:.85rem;width:100%;padding:0;overflow:hidden;box-shadow:0 8px 18px -10px #e11d4859}.shot button:hover{transform:scale(1.01)}.shot img{width:100%;display:block}.shot figcaption{color:var(--slate-500);margin-top:.45rem;font-size:.78rem;line-height:1.5}details.faq{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:.85rem;padding:.95rem 1rem}details.faq.hot{background:var(--rose-50);border-color:var(--rose-200)}details.faq summary{cursor:pointer;color:var(--slate-900);font-size:.95rem;font-weight:700;list-style:none}details.faq summary::-webkit-details-marker{display:none}details.faq summary:after{content:"▼";float:right;color:var(--slate-400);font-size:.75rem}details.faq[open] summary:after{transform:rotate(180deg)}.faq-body{border-top:1px solid var(--slate-200);color:var(--slate-700);margin-top:.75rem;padding-top:.75rem;font-size:.88rem;line-height:1.65}.say{border:1px solid var(--slate-200);color:var(--slate-600);background:#fff;border-radius:.6rem;margin-top:.6rem;padding:.6rem .7rem;font-size:.8rem}.calc{border:2px solid var(--amber-200);box-shadow:var(--shadow);background:linear-gradient(135deg,#f59e0b1a,#f43f5e0d);border-radius:1rem;padding:1.3rem 1.2rem}.calc-grid{gap:1rem;display:grid}label.field{margin-bottom:.35rem;font-size:.75rem;font-weight:700;display:block}.money{position:relative}.money span{color:var(--slate-400);font-weight:700;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.money input{border:1px solid var(--slate-300);width:100%;font:inherit;border-radius:.75rem;padding:.65rem .8rem .65rem 1.7rem;font-size:1rem;font-weight:700}.check{color:var(--slate-700);align-items:center;gap:.45rem;margin:.4rem 0;font-size:.8rem;display:flex}.quick{flex-wrap:wrap;gap:.35rem;margin-top:.5rem;display:flex}.quick button{appearance:none;border:1px solid var(--slate-200);font:inherit;color:var(--slate-600);cursor:pointer;background:#fff;border-radius:.5rem;padding:.25rem .55rem;font-size:.75rem}.calc-out{text-align:center;border:2px solid var(--amber-300);background:#fff;border-radius:.85rem;padding:1.1rem}.calc-out .big{color:#d97706;font-size:clamp(2rem,8vw,3rem);font-weight:800;line-height:1.1}.calc-explain{background:var(--amber-50);border:1px solid var(--amber-100);color:var(--slate-600);border-radius:.55rem;margin-top:.55rem;padding:.4rem .7rem;font-size:.78rem}.missing{border:2px dashed var(--indigo-200);background:linear-gradient(90deg, var(--indigo-50), #eef2ff, var(--purple-50));border-radius:1rem;padding:1.3rem 1.2rem}.site-footer{width:min(var(--max), calc(100% - 2rem));text-align:center;color:var(--slate-400);margin:2.5rem auto 0;font-size:.75rem}.site-footer p{margin:.2rem 0}.lightbox{z-index:50;backdrop-filter:blur(4px);background:#000000c7;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.lightbox.is-open{display:flex}.lightbox__box{background:#fff;border-radius:1rem;width:min(48rem,100%);overflow:hidden}.lightbox__bar,.lightbox__foot{background:var(--slate-50);border-bottom:1px solid var(--slate-200);justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem 1rem;display:flex}.lightbox__foot{border-bottom:0;border-top:1px solid var(--slate-200);justify-content:flex-end}.lightbox__stage{background:#f8fafc;place-items:center;max-height:80vh;padding:.5rem;display:grid;overflow:auto}.lightbox__stage img{object-fit:contain;max-height:75vh}.example{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:.75rem;padding:.85rem .95rem}.example b{color:var(--slate-900);margin-bottom:.25rem;display:block}.example p{color:var(--slate-600);margin:0;font-size:.85rem;line-height:1.55}@media (width>=640px){.live-dot{display:inline-flex}.grid-2,.split,.calc-grid,.grid-4{grid-template-columns:1fr 1fr}.section{padding:1.55rem 1.5rem}}@media (width>=900px){.grid-3{grid-template-columns:1fr 1fr 1fr}.grid-4{grid-template-columns:1fr 1fr 1fr 1fr}}@media print{.site-header,.lightbox,.btn,.live-dot{display:none!important}body{background:#fff;padding:0}.section,.card,.hero{box-shadow:none;break-inside:avoid}}