.ct9{color:#0f172a;background:#f6f8fb;font-size:16px;line-height:1.55;container:ct9/inline-size}.ct9 ul{margin:0;padding:0;list-style:none}.ct9 .n{font-family:var(--font-jakarta), "Plus Jakarta Sans", "Noto Sans Thai", sans-serif;font-variant-numeric:tabular-nums}.ct9 a:focus-visible{outline-offset:2px;outline:2px solid #1d4ed8}.ct9-w{max-width:1120px;margin:0 auto;padding-inline:40px}.ct9-hero{background:radial-gradient(50% 90% at 88% 30%,#dbeafe,#dbeafe00 70%),linear-gradient(#f3f8ff,#fff 92%);position:relative;overflow:hidden;box-shadow:0 1px #e2e8f0}.ct9-hero:before{content:"";opacity:.45;pointer-events:none;background:url(/home/bg/B6-pattern-tile.svg) 0 0/240px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(100deg,#0000 50%,#000 100%);mask-image:linear-gradient(100deg,#0000 50%,#000 100%)}.ct9-hero>.ct9-w{gap:10px;padding-block:18px 40px;display:grid;position:relative}.ct9-back{color:#475569;align-items:center;gap:8px;width:max-content;min-height:44px;font-size:15px;font-weight:700;display:inline-flex}.ct9-back:hover{color:#0f172a}.ct9-back svg{width:17px;height:17px}.ct9-hg{grid-template-columns:minmax(0,1fr) 300px;align-items:end;gap:24px;display:grid}.ct9-ht{gap:12px;display:grid}.ct9-ht h1{letter-spacing:-.01em;color:#0b1a2e;margin:0;font-size:46px;font-weight:800;line-height:1.15}.ct9-ht p{color:#334155;text-wrap:pretty;max-width:56ch;font-size:17.5px;line-height:1.75}.ct9-rb{place-items:end center;height:236px;display:grid;position:relative}.ct9-glow{background:radial-gradient(circle at 50% 40%,#fff 0,#eff7ff 60%,#d6eafe 100%);border-radius:50%;width:210px;height:210px;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #d6eafe}.ct9-rb .c5-rb{--s:226px;margin-bottom:-4px;position:relative}.ct9-ch{grid-template-columns:1fr 1.15fr 1fr;gap:14px;margin-top:6px;display:grid}.ct9-ch.two{grid-template-columns:1fr 1fr}.ct9-ch .c{background:#fff;border-radius:20px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;min-height:84px;padding:14px 16px;transition:box-shadow .15s;display:grid;box-shadow:0 0 0 1px #dfe7f1,0 20px 32px -28px #0f23408c}.ct9-ch .c:hover{box-shadow:0 0 0 1.5px #93c5fd,0 20px 32px -28px #0f23408c}.ct9-ch .t{background:#eff6ff;border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.ct9-ch .t svg{width:38px;height:38px}.ct9-ch small{color:#475569;font-size:13.5px;font-weight:700;display:block}.ct9-ch b{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:800;line-height:1.35;display:block;overflow:hidden}.ct9-ch .ln{color:#fff;background:#06c755;grid-template-columns:52px minmax(0,1fr) 20px;box-shadow:0 20px 32px -24px #069646e6}.ct9-ch .ln:hover{background:#05b34c;box-shadow:0 20px 32px -24px #069646e6}.ct9-ch .ln .t{background:#fff}.ct9-ch .ln .t i{letter-spacing:.02em;color:#06c755;font:900 13px/1 Arial,sans-serif}.ct9-ch .ln b{color:#fff;white-space:normal;font-size:17px}.ct9-ch .ln>svg{width:20px;height:20px}.ct9-sec{gap:16px;padding-block:36px 56px;display:grid}.ct9-sec>h2{color:#0f172a;margin:0;font-size:22px;font-weight:800}.ct9-tp{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.ct9-tp li{--tc:#0f766e;--tb:#f0fdfa;box-shadow:0 0 0 1px #e3e9f1, inset 0 4px 0 var(--tc);background:#fff;border-radius:20px;grid-template-rows:auto auto 1fr auto;gap:6px;padding:18px 18px 10px;display:grid}.ct9-tp li.tr{--tc:#4338ca;--tb:#eef2ff}.ct9-tp li.sw{--tc:#1d4ed8;--tb:#eff6ff}.ct9-tp li.pd{--tc:#334155;--tb:#f1f5f9}.ct9-tp .h{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.ct9-tp .t{background:var(--tb);border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.ct9-tp .t svg{width:34px;height:34px}.ct9-tp .h small{color:var(--tc);font-size:13px;font-weight:800}.ct9-tp li>b{color:#0f172a;font-size:17.5px;font-weight:800}.ct9-tp li>p{color:#475569;margin:0;font-size:15px;line-height:1.6}.ct9-tp li>a{min-height:48px;color:var(--tc);overflow-wrap:anywhere;border-top:1px solid #eef2f6;align-items:center;gap:8px;margin-top:6px;padding-top:4px;font-size:15px;font-weight:800;display:inline-flex}.ct9-tp li>a:hover{text-underline-offset:3px;text-decoration:underline}.ct9-tp li>a svg{flex:none;width:17px;height:17px}.ct9-co{background:#fff;border-radius:20px;grid-template-columns:52px minmax(0,1fr) minmax(0,1.4fr);align-items:center;gap:18px;margin-top:6px;padding:20px 22px;display:grid;box-shadow:0 0 0 1px #e3e9f1}.ct9-co .t{background:#f1f5f9;border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.ct9-co .t svg{width:38px;height:38px}.ct9-co b{color:#0f172a;font-size:17px;font-weight:800;display:block}.ct9-co span,.ct9-co small{color:#475569;font-size:14px;display:block}.ct9-co em{color:#1e293b;font-style:normal;font-weight:700}.ct9-co p{color:#1e293b;margin:0;font-size:15.5px;line-height:1.65}@container ct9 (max-width:980px){.ct9-tp{grid-template-columns:repeat(2,minmax(0,1fr))}.ct9-ch,.ct9-ch.two{grid-template-columns:minmax(0,1fr);max-width:560px}}@container ct9 (max-width:640px){.ct9-w{padding-inline:16px}.ct9-hero>.ct9-w{gap:8px;padding-block:6px 26px}.ct9-hg{grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:8px}.ct9-ht h1{font-size:32px}.ct9-ht p{font-size:16px;line-height:1.7}.ct9-rb{height:130px}.ct9-glow{width:108px;height:108px}.ct9-rb .c5-rb{--s:122px}.ct9-ch{gap:10px;margin-top:8px}.ct9-ch .c{min-height:74px;padding:12px 14px}.ct9-ch b{font-size:17px}.ct9-sec{padding-block:26px 36px}.ct9-sec>h2{font-size:20px}.ct9-tp{grid-template-columns:minmax(0,1fr);gap:12px}.ct9-co{grid-template-columns:48px minmax(0,1fr);gap:12px 14px;padding:18px 16px}.ct9-co>div:last-child{grid-column:1/-1}}.cs9{color:#0f172a;container:cs9/inline-size}.cs9-st{background:radial-gradient(45% 70% at 50% 40%,#ccfbf1,#ccfbf100 70%),linear-gradient(#f0fdfa,#fff 90%);place-items:center;min-height:62vh;padding:64px 24px 80px;display:grid;position:relative}.cs9-st:before{content:"";opacity:.35;pointer-events:none;background:url(/home/bg/B6-pattern-tile.svg) 0 0/240px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 70% at 50% 45%,#0000 40%,#000 100%);mask-image:radial-gradient(60% 70% at 50% 45%,#0000 40%,#000 100%)}.cs9-card{text-align:center;background:#fff;border-radius:30px;justify-items:center;gap:16px;width:100%;max-width:600px;padding:36px 40px 40px;display:grid;position:relative;box-shadow:0 0 0 1px #d8ece7,0 40px 70px -50px #0f766eb3}.cs9 .cs9-disc{--d:176px;margin-top:-4px}.cs9-card h1{color:#0b1a2e;text-wrap:balance;margin:0;font-size:32px;font-weight:800;line-height:1.35}.cs9-card p{color:#334155;text-wrap:pretty;max-width:46ch;margin:0;font-size:17px;line-height:1.75}.cs9-btn{color:#fff;background:linear-gradient(135deg,#14b8a6,#0f766e 70%);border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:56px;margin-top:6px;padding:0 24px;font-size:17px;font-weight:800;display:inline-flex;box-shadow:0 18px 32px -18px #0f766e,inset 0 1px #ffffff40}.cs9-btn svg{width:20px;height:20px}.cs9-btn:focus-visible{outline-offset:3px;outline:2px solid #0f766e}@container cs9 (max-width:560px){.cs9-st{padding:32px 16px 44px}.cs9-card{border-radius:26px;gap:14px;padding:26px 20px 24px}.cs9 .cs9-disc{--d:140px}.cs9-card h1{font-size:25px}.cs9-card p{font-size:16px}.cs9-btn{width:100%}}