:root{--warm:#F7F5EF;--emerald:#0E7C66;--deep:#0A5A4A;--mint:#7BE0BE;--amber:#E0A24E;--ink:#16201C;--cream:#F6EFE3;--muted:#6B7572;--line:#E6DFD0;--red:#C2553D;--indigo:#4B3FE4;--amber-ink:#8A5A12;--viz-emerald:#0E7C66;--viz-mint:#7BE0BE;--viz-lime:#9BCf3F;--viz-amber:#E0A24E;--viz-coral:#E2674D;--viz-indigo:#5B6CF0;--tint-emerald:rgba(14,124,102,.12);--tint-amber:rgba(224,162,78,.14);--tint-coral:rgba(226,103,77,.13);--tint-indigo:rgba(91,108,240,.12);--tint-mint:rgba(123,224,190,.2);--fs-display:clamp(34px,8vw,60px);--fs-h1:clamp(26px,5vw,40px);--fs-h2:22px;--fs-card-title:18px;--fs-body:16px;--fs-meta:13px;--fs-number:clamp(30px,6vw,44px);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:48px;--sp-9:64px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-pill:999px;--e1:0 1px 2px rgba(16,32,28,.04), 0 1px 3px rgba(16,32,28,.06);--e2:0 4px 12px rgba(16,32,28,.06), 0 2px 4px rgba(16,32,28,.04);--e3:0 12px 32px rgba(14,124,102,.1)}.tnum,.sim-big,.bigrow .val,.save .num,.col .big,.ratio-val,.di-amt,.nw-subtotal b,.hl-loan-line b,.mini-row b{font-variant-numeric:tabular-nums}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:IBM Plex Sans Thai,-apple-system,Noto Sans Thai,Segoe UI,sans-serif;background:var(--warm);color:var(--ink);line-height:1.6;padding:28px 16px 56px;-webkit-font-smoothing:antialiased}.wrap{max-width:600px;margin:0 auto}.brand{display:inline-flex;align-items:center;margin-bottom:8px;text-decoration:none}.brand--lg{margin-bottom:26px}.brand-logo{height:34px;width:auto;display:block}.brand--lg .brand-logo{height:40px}.mark{width:42px;height:42px;border-radius:12px;flex:none;background:linear-gradient(135deg,var(--emerald),var(--deep));display:flex;align-items:center;justify-content:center;overflow:hidden}.mark svg{width:26px;height:26px}.mark img{width:100%;height:100%;object-fit:cover}.tag{color:var(--muted);font-size:15px;line-height:1.55;margin-bottom:var(--sp-6);max-width:42ch}.hero-dark{position:relative;background:linear-gradient(155deg,var(--deep) 0%,var(--emerald) 78%);color:#fff;width:100vw;margin-left:50%;transform:translate(-50%);padding:34px 0 42px;margin-bottom:30px;overflow:hidden}.hero-dark:after{content:"";position:absolute;right:-140px;top:-120px;width:520px;height:520px;background:radial-gradient(circle at center,rgba(123,224,190,.18),transparent 62%);pointer-events:none}.hero-inner{max-width:1060px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.hero-copy{min-width:0}.kicker{font-size:12.5px;font-weight:600;color:var(--mint);letter-spacing:.04em;margin-bottom:10px}.hero-title{font-size:clamp(33px,8.5vw,54px);font-weight:700;letter-spacing:-1px;line-height:1.16;margin-bottom:14px;color:#fff}.hero-title .hi{color:var(--mint)}.hero-lead{font-size:clamp(15px,3.6vw,17px);color:#ffffffdb;margin-bottom:20px;max-width:30em}@media (min-width:880px){.hero-dark{padding:52px 0 56px}.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}}.hero-gauge{margin:10px 0 6px}.hero-form .card{margin-bottom:0}@media (min-width:880px){.hero-inner.hero-score{grid-template-columns:1.02fr .98fr;grid-template-areas:"copy gauge" "form gauge";column-gap:44px;row-gap:10px;align-items:start}.hero-score .hero-copy{grid-area:copy;align-self:end}.hero-score .hero-form{grid-area:form}.hero-score .hero-gauge{grid-area:gauge;align-self:center;margin:0}}.hero-visual{display:none}@media (min-width:880px){.hero-visual{display:flex;justify-content:center}}.phone{width:262px;background:#0c1512;border-radius:36px;padding:11px;box-shadow:0 28px 64px #00000057;border:1px solid rgba(255,255,255,.1)}.phone-screen{background:var(--warm);border-radius:26px;padding:16px 14px;min-height:452px;display:flex;flex-direction:column;gap:11px}.ph-top{display:flex;align-items:center;gap:8px;padding:2px 2px 8px;border-bottom:1px solid var(--line)}.ph-top img{width:26px;height:26px;border-radius:8px}.ph-top b{font-size:13px;color:var(--ink)}.ph-top span{font-size:10.5px;color:var(--muted);margin-left:auto}.bubble{font-size:12.5px;line-height:1.5;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:5px 14px 14px;padding:9px 12px;max-width:88%;align-self:flex-start}.mini-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;align-self:stretch}.mini-row{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--muted);margin-bottom:6px}.mini-row b{font-size:14px;color:var(--ink);font-weight:700}.mini-row.big b{font-size:18px}.mini-row.warn b{color:var(--amber)}.mini-tag{margin-top:4px;background:#fff6ec;border:1px solid #F0D9B8;color:var(--amber);font-size:11px;font-weight:600;border-radius:9px;padding:6px 9px;text-align:center}.sim{margin-bottom:0}.hero-dark .sim{box-shadow:0 22px 54px #00000038;border-color:transparent}.sim-inputs{display:flex;flex-direction:column;gap:12px}.sim-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sim-field label{margin-bottom:5px}.sim-result{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:16px;margin:16px 0 14px}.sim-headline{display:flex;gap:12px}.sim-metric{flex:1;text-align:center}.sim-big{font-size:clamp(24px,6.5vw,30px);font-weight:700;line-height:1.12;letter-spacing:-.5px;color:var(--ink)}.sim-big.sim-amber{color:var(--amber-ink)}.sim-lab{font-size:12px;color:var(--muted);margin-top:5px}.sim-note{font-size:12.5px;color:var(--muted);text-align:center;margin-top:12px;line-height:1.45}.sim-actions{display:flex;flex-direction:column;gap:9px}.sim-actions .btn{display:block;text-align:center;text-decoration:none}.sim-priv{font-size:11.5px;color:var(--muted);text-align:center;margin-top:11px}.sim-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 8px;margin-top:13px;padding-top:13px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted);text-align:center}.sim-line a{color:var(--emerald);font-weight:700;text-decoration:none;white-space:nowrap}.sim-line a:hover{text-decoration:underline}.sim .flash{animation:simflash .4s ease}@keyframes simflash{0%{opacity:.35}to{opacity:1}}.toys{display:flex;flex-direction:column;gap:var(--sp-3);margin-bottom:var(--sp-7)}.toy{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid rgba(230,223,208,.7);border-radius:var(--r-lg);padding:var(--sp-6);box-shadow:var(--e1);transition:transform .18s ease,box-shadow .18s ease}.toy:hover{transform:translateY(-2px);box-shadow:var(--e2)}.toy-ic{width:46px;height:46px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;background:var(--tint-emerald);color:var(--emerald);margin-bottom:var(--sp-3)}.toy-ic svg{width:24px;height:24px}.toy h3{font-size:var(--fs-card-title);font-weight:700;margin-bottom:var(--sp-1)}.toy p{font-size:var(--fs-meta);color:var(--muted);margin-bottom:var(--sp-3);line-height:1.55}.toy .go{font-size:14px;font-weight:600;color:var(--emerald);display:inline-flex;align-items:center;gap:4px}.tabs{display:flex;gap:8px;margin-bottom:16px}.tab{flex:1;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;background:#fff;color:var(--muted);border:1px solid var(--line);border-radius:12px;padding:11px 10px;transition:background .15s,color .15s,border-color .15s}.tab.active{background:var(--emerald);color:#fff;border-color:var(--emerald)}.hl-loan-line{font-size:13.5px;color:var(--muted);margin:12px 0 4px}.hl-loan-line b{color:var(--emerald);font-size:15px}.card{background:#fff;border:1px solid rgba(230,223,208,.7);border-radius:var(--r-lg);padding:var(--sp-6);margin-bottom:var(--sp-4);box-shadow:var(--e1)}.card h2{font-size:var(--fs-card-title);font-weight:700;margin-bottom:var(--sp-1);letter-spacing:-.2px}.card .sub{font-size:var(--fs-meta);color:var(--muted);margin-bottom:var(--sp-4);line-height:1.5}label{display:block;font-size:var(--fs-meta);color:var(--muted);margin:0 0 6px}input,select{width:100%;font-family:inherit;font-size:15px;color:var(--ink);background:var(--cream);border:1px solid var(--line);border-radius:var(--r-sm);padding:13px 14px;outline:none;transition:border-color .15s,background .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--emerald);background:#fff;box-shadow:0 0 0 3px var(--tint-emerald)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid-3{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px}.row{display:flex;gap:12px}.row>div{flex:1}.row-add{display:flex;flex-direction:column;gap:10px}.inwrap{position:relative}.inwrap .unit{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:13px;pointer-events:none}.inwrap input{padding-right:44px}.btn{font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;border:none;border-radius:var(--r-md);padding:14px 20px;transition:background .18s ease,transform .12s ease,box-shadow .18s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--emerald);color:#fff;width:100%;box-shadow:0 2px 8px #0e7c662e}.btn-primary:hover{background:var(--deep);transform:translateY(-1px);box-shadow:var(--e3)}.btn-ghost{background:transparent;color:var(--emerald);border:1px solid var(--line);box-shadow:none}.btn-ghost:hover{background:var(--tint-emerald)}.btn-lg{padding:16px;font-size:16px;font-weight:700;margin-top:6px}.debt-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.debt-item:first-child{border-top:none}.di-rank{width:24px;height:24px;border-radius:50%;background:var(--cream);color:var(--muted);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}.di-rank.top{background:var(--red);color:#fff}.di-main{flex:1;min-width:0}.di-name{font-size:14.5px;font-weight:600}.di-meta{font-size:12px;color:var(--muted)}.di-amt{text-align:right;font-size:14.5px;font-weight:700;white-space:nowrap}.di-del{background:none;border:none;color:var(--muted);cursor:pointer;font-size:18px;line-height:1;padding:4px}.di-del:hover{color:var(--red)}.empty{color:var(--muted);font-size:13.5px;text-align:center;padding:28px 16px;line-height:1.7}.sumcard{background:linear-gradient(135deg,var(--deep),var(--emerald));color:#fff;border:none}.sumcard h2{color:#fff}.bigrow{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px}.bigrow .lab{font-size:13px;opacity:.85}.bigrow .val{font-size:26px;font-weight:700;letter-spacing:-.5px}.subrow{display:flex;justify-content:space-between;font-size:13.5px;opacity:.92;margin-top:8px}.interest-note{background:#ffffff21;border-radius:11px;padding:11px 13px;margin-top:14px;font-size:13px}.interest-note b{font-size:16px}.prio{background:#fff6ec;border:1px solid #F0D9B8;border-radius:14px;padding:14px 16px;margin-top:14px}.prio h3{font-size:13.5px;color:var(--amber);font-weight:700;margin-bottom:6px}.prio p{font-size:13.5px;color:var(--ink)}.prio .why{color:var(--muted);font-size:12.5px;margin-top:3px}.result{display:none}.result.show{display:block}.compare{display:flex;gap:12px;margin-bottom:16px}.col{flex:1;border-radius:14px;padding:16px;text-align:center}.col.min{background:#fbf1e4;border:1.5px solid var(--amber)}.col.extra{background:#eaf8f1;border:1.5px solid var(--mint)}.col .lab{font-size:12px;color:var(--muted);margin-bottom:8px;font-weight:600}.col .big{font-size:25px;font-weight:700;line-height:1.1}.col .big small{font-size:14px;font-weight:600}.col .sub{font-size:12px;color:var(--muted);margin-top:6px}.save{background:var(--emerald);color:#fff;border-radius:13px;padding:16px;text-align:center;margin-bottom:8px}.save .num{font-size:24px;font-weight:700}.save .lab{font-size:13px;opacity:.9}.note{font-size:12px;color:var(--muted);margin-top:10px}.gauge{position:relative;width:100%;max-width:340px;margin:0 auto}.gauge-svg{width:100%;height:auto;display:block;overflow:visible}.gauge-readout{text-align:center;margin-top:-34px}.gauge-num{display:flex;align-items:baseline;justify-content:center;gap:6px}.gauge-score{font-size:clamp(46px,13vw,66px);font-weight:800;line-height:1;letter-spacing:-1.5px;color:var(--ink)}.gauge-max{font-size:16px;color:var(--muted);font-weight:600}.gauge-band{margin-top:6px;font-size:16px;font-weight:700;letter-spacing:-.2px}.hero-dark .gauge-score{color:#fff}.hero-dark .gauge-max{color:#ffffffb3}.chartbox{margin:16px 0 4px}.linechart{width:100%;height:150px;display:block}.chart-legend{display:flex;gap:16px;justify-content:center;font-size:12px;color:var(--muted);margin-bottom:8px}.lg{display:inline-flex;align-items:center;gap:6px}.lg:before{content:"";width:16px;height:3px;border-radius:2px;background:var(--muted)}.lg-min:before{background:var(--amber)}.lg-extra:before{background:var(--emerald)}.chart-x{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:4px}.share{margin-top:6px}.share-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:12.5px}.share-bar{flex:1;height:10px;border-radius:var(--r-pill);background:var(--cream);overflow:hidden}.share-fill{height:100%;border-radius:var(--r-pill)}.share-name{min-width:84px;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.share-pct{min-width:38px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.trust-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--sp-7)}.chip{display:inline-flex;align-items:center;gap:5px;background:var(--cream);border:1px solid var(--line);border-radius:var(--r-pill);padding:7px 13px;font-size:12.5px;color:var(--muted)}.chip svg{color:var(--emerald)}.trust{display:flex;gap:7px;align-items:flex-start;font-size:12px;color:var(--muted);margin:2px 2px 20px;line-height:1.5}.trust svg{flex:none;color:var(--emerald);margin-top:1px}.cta{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:var(--sp-6);text-align:center;box-shadow:var(--e2)}.cta h2,.cta h3{color:#fff;font-size:var(--fs-card-title);margin-bottom:7px}.cta p{font-size:14px;opacity:.85;margin-bottom:18px}.cta a{display:inline-block;background:var(--mint);color:var(--deep);font-weight:700;text-decoration:none;padding:14px 30px;border-radius:13px;font-size:15px;transition:transform .12s,box-shadow .12s}.cta a:hover{transform:translateY(-1px);box-shadow:0 8px 20px #7be0be4d}.foot{text-align:center;font-size:12px;color:var(--muted);margin-top:24px}.foot a{color:var(--emerald);text-decoration:none}.foot a:hover{text-decoration:underline}.nw-line{margin-bottom:11px}.nw-line label{margin-bottom:5px}.nw-subtotal{font-size:13px;color:var(--muted);text-align:right;padding-top:8px;border-top:1px dashed var(--line)}.nw-subtotal b{color:var(--emerald);font-size:14.5px}.nw-bar{display:flex;height:12px;border-radius:999px;overflow:hidden;background:#fff3;margin-top:16px}.nw-bar-net{background:var(--mint)}.nw-bar-liab{background:var(--red)}.ratio-row{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line)}.ratio-row:first-child{border-top:none}.ratio-main{display:flex;flex-direction:column;gap:2px;min-width:0}.ratio-name{font-size:14px;font-weight:600}.ratio-good{font-size:11.5px;color:var(--muted)}.ratio-note{font-size:12px;color:var(--amber);margin-top:2px}.ratio-val{font-size:18px;font-weight:700;white-space:nowrap;flex:none}.hist-row{display:flex;align-items:baseline;gap:8px;padding:9px 0;border-top:1px solid var(--line);font-size:13.5px}.hist-row:first-child{border-top:none}.hist-row b{margin-left:auto;font-size:14.5px}.hist-delta{flex-basis:100%;font-size:12px}.valhelp summary{cursor:pointer;font-weight:700;font-size:15px}.valhelp ul{margin:12px 0 0;padding-left:18px}.valhelp li{font-size:13px;color:var(--muted);margin-bottom:7px;line-height:1.5}.valhelp li b{color:var(--ink)}.sim-priv{display:flex;align-items:center;justify-content:center;gap:5px}.sim-priv svg{color:var(--emerald);flex:none}.ratio-name{display:inline-flex;align-items:center;gap:7px}.rdot{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block}.empty svg{opacity:.4;margin-bottom:2px}.hidden{display:none}:focus-visible{outline:2px solid var(--emerald);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}.toy:hover,.cta a:hover{transform:none}}