:root{--green:#34E834;--green-ink:#0d9a0d;--ink:#0F1720;--ink2:#5B6B7B;--line:#E3E9DF;--bg:#F7FAF5;--soft:#EAF7EA;--amber:#A76000;--amber-soft:#FFF3DC}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Noto Sans Thai',-apple-system,sans-serif;background:var(--bg);color:var(--ink);line-height:1.75}nav{padding:14px 24px;display:flex;align-items:center;gap:10px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}nav img{width:30px;height:30px}nav b{font-size:18px;letter-spacing:1px}nav b span{color:var(--green)}.nav-links{margin-left:auto;display:flex;align-items:center;gap:18px}.nav-links a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}.nav-links a:hover{color:var(--green-ink)}.nav-links .cta{background:var(--green);color:#06130a;padding:8px 16px;border-radius:10px;font-weight:700}@media(max-width:640px){.nav-links{gap:12px}.nav-links a{font-size:13px;white-space:nowrap}.nav-links a:not(.cta){display:none}table{min-width:520px;font-size:13px}td,th{padding:9px 6px}td:first-child,th:first-child{position:sticky;left:0;background:#fff;z-index:1;width:118px;max-width:118px;box-shadow:6px 0 8px -6px rgba(0,0,0,.12)}td:first-child small,th:first-child small{font-size:11px}.card.tablewrap{padding-left:0;padding-right:0}.card.tablewrap td:first-child,.card.tablewrap th:first-child{padding-left:16px}}.hero{background:linear-gradient(160deg,#0b120c 0,#143d18 100%);color:#fff;text-align:center;padding:52px 20px}.hero h1{font-size:clamp(24px,4.5vw,38px);line-height:1.3;text-wrap:balance}.hero h1 em{color:var(--green);font-style:normal}.hero p{color:rgba(255,255,255,.75);font-size:15px;max-width:640px;margin:12px auto 0}.wrap{max-width:900px;margin:0 auto;padding:36px 18px 60px}h2{font-size:21px;margin:34px 0 6px;text-wrap:balance}h2:first-of-type{margin-top:0}.gdesc{color:var(--ink2);font-size:14px;margin-bottom:14px;max-width:70ch}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px}.num{font-variant-numeric:tabular-nums}.formula{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:12px 0;text-align:center}.formula div{background:var(--soft);border-radius:12px;padding:12px 8px}.formula b{display:block;font-size:22px;color:var(--green-ink);line-height:1.1}.formula small{color:var(--ink2);font-size:12.5px}.ex{background:#0b120c;color:#fff;border-radius:12px;padding:14px 16px;font-size:15px}.ex b{color:var(--green)}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px}td,th{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:12.5px;color:var(--ink2);font-weight:600;letter-spacing:.03em}td.r,th.r{text-align:right;white-space:nowrap}td b{font-weight:700}td small{display:block;color:var(--ink2);font-size:12.5px}.term{display:grid;grid-template-columns:1fr;gap:10px}.term .t{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff}.term .t h3{font-size:16px;margin:0 0 4px}.term .t p{font-size:14.5px;color:var(--ink)}.who{display:inline-block;font-size:12px;font-weight:700;padding:2px 10px;border-radius:999px;margin-left:6px;vertical-align:2px}.who.d{background:var(--soft);color:var(--green-ink)}.who.z{background:#eef1f4;color:var(--ink2)}.who.p{background:var(--amber-soft);color:var(--amber)}.note{border-left:4px solid var(--green);background:var(--soft);padding:10px 14px;border-radius:0 10px 10px 0;font-size:14.5px;margin-top:12px}.warn{border-left:4px solid var(--amber);background:var(--amber-soft);padding:10px 14px;border-radius:0 10px 10px 0;font-size:14.5px;margin-top:12px}.phase{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}.phase div{border:1px solid #1e252b;border-radius:22px;padding:26px 14px 24px;text-align:center;background:#12171b;color:#fff}.phase div.hi{border-color:var(--green);box-shadow:0 8px 26px rgba(52,232,52,.15)}.phase i{display:block;font-style:normal;font-size:15px;font-weight:700;color:#fff;margin-bottom:6px}.phase b{display:block;font-size:56px;font-weight:800;color:var(--green);line-height:1}.phase b em{font-style:normal;font-size:24px}.phase span{display:block;font-size:14px;color:#fff;margin-top:12px}.phase small{display:block;color:#aeb8c2;font-size:12.5px;margin-top:8px;line-height:1.5}.phase+.note{margin-top:14px}@media(max-width:560px){.phase{grid-template-columns:1fr}}footer{text-align:center;color:var(--ink2);font-size:13px;padding:20px 16px 40px}footer a{color:var(--ink2)}