:root{--font-body:"IBM Plex Sans Thai", sans-serif;--font-ui:"Manrope", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "IBM Plex Sans Thai", monospace;font-family:var(--font-body);font-synthesis:none;scroll-behavior:smooth;color:#10243a;--ink:#0a1725;--navy:#10243a;--navy-2:#163b61;--navy-3:#205783;--paper:#f7f9fb;--surface:#fff;--fog:#eef3f6;--line:#d8e3ea;--line-dark:#315773;--text:#10243a;--muted:#5f7383;--muted-dark:#91a8b7;--cyan:#27b8e8;--cyan-strong:#1097d1;--amber:#f2a33a;--lime:#98d94a;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--shadow-soft:0 18px 50px #1034501a;--shadow-dark:0 22px 60px #0616253d;--container:1200px;background:#f7f9fb}*{box-sizing:border-box}html{background:var(--paper)}body{min-width:320px;color:var(--text);background:var(--paper);margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}img,svg{max-width:100%;display:block}::selection{color:var(--navy);background:#bfeeff}.container{width:min(100% - 48px, var(--container));margin-inline:auto}.site-header{z-index:50;color:var(--navy);border-bottom:1px solid var(--line);background:#fffffff7;position:relative;box-shadow:0 6px 20px #183e5909}.header-inner{justify-content:space-between;align-items:center;gap:26px;min-height:78px;display:flex}.brand{font:800 26px/1 var(--font-ui);letter-spacing:-.065em;white-space:nowrap;align-items:center;gap:9px;display:inline-flex}.brand-mark{width:31px;height:31px;color:var(--cyan);place-items:center;display:grid}.brand-mark svg{width:27px;height:27px}.brand-dot{color:var(--cyan)}.desktop-nav{font-family:var(--font-ui);align-items:center;gap:clamp(16px,1.7vw,27px);font-size:13px;font-weight:600;display:flex}.desktop-nav a{color:#29455b;white-space:nowrap;transition:color .18s}.desktop-nav a:hover{color:var(--cyan-strong)}.desktop-nav .nav-tool{color:var(--navy);border:1px solid #b8cbd8;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;display:inline-flex}.desktop-nav .nav-tool:hover{color:#fff;background:var(--navy);border-color:var(--navy)}.brand:focus-visible,.desktop-nav a:focus-visible,.mobile-menu summary:focus-visible,.mobile-menu-panel a:focus-visible,.footer-nav a:focus-visible,.footer-about-link:focus-visible,.footer-follow-link:focus-visible,.footer-credit a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.mobile-menu{display:none;position:relative}.mobile-menu summary{cursor:pointer;font:700 12px var(--font-ui);border:1px solid #b8cbd8;border-radius:999px;padding:9px 13px;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{color:var(--cyan);margin-left:7px}.mobile-menu-panel{z-index:60;border:1px solid var(--line);border-radius:var(--radius-md);width:min(82vw,310px);box-shadow:var(--shadow-soft);background:#fff;grid-template-columns:1fr 1fr;gap:8px;padding:14px;display:grid;position:absolute;top:calc(100% + 12px);right:0}.mobile-menu-group{align-content:start;display:grid}.mobile-menu-group>span{color:#7990a1;font:700 9px var(--font-ui);letter-spacing:.14em;text-transform:uppercase;padding:8px 10px 6px}.mobile-menu-panel a{color:#1d3a50;font-family:var(--font-ui);border-radius:7px;padding:9px 10px;font-size:13px;font-weight:600}.mobile-menu-panel a:hover{color:var(--cyan-strong);background:#edf8fc}.site-footer{color:var(--navy);background:#f8fafb;border-top:1px solid #d8e3ea}.footer-main{grid-template-columns:minmax(300px,.9fr) 1.35fr;gap:84px;padding-block:70px 56px;display:grid}.footer-intro{max-width:410px}.footer-brand{color:var(--navy)}.footer-brand .brand-mark{color:#52d2f4;background:var(--navy);border-radius:11px;width:38px;height:38px;box-shadow:0 8px 24px #10243a24}.footer-brand .brand-mark svg{width:26px;height:26px}.footer-domain{color:#176d9a;font:800 10px/1 var(--font-ui);letter-spacing:.16em;margin-top:12px;display:block}.footer-intro>p{color:#5f7383;max-width:370px;font-family:var(--font-ui);margin:16px 0 0;font-size:14px;line-height:1.8}.footer-about-link{color:#29455b;font:700 12px/1 var(--font-ui);background:#fff;border:1px solid #c7d6df;border-radius:999px;align-items:center;gap:8px;margin-top:20px;padding:9px 12px;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.footer-about-link span{color:#1097d1}.footer-about-link:hover{color:#10243a;background:#edf8fc;border-color:#27b8e8}.footer-path{color:#506d80;font:700 10px/1.65 var(--font-ui);letter-spacing:.08em;margin-top:30px;display:block}.footer-nav{grid-template-columns:1.15fr .95fr 1.05fr;gap:42px;display:grid}.footer-nav>div{flex-direction:column;align-items:flex-start;gap:11px;display:flex}.footer-nav>div>span{color:#176d9a;font:800 10px var(--font-ui);letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px}.footer-nav>div>a:not(.footer-follow-link){color:#29455b;font-family:var(--font-ui);font-size:13px;font-weight:600}.footer-nav>div>a:not(.footer-follow-link):hover{color:#1097d1}.footer-follow{width:100%}.footer-follow-link{color:#10243a;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;width:100%;min-width:0;min-height:44px;padding:6px;transition:border-color .18s,background .18s;display:flex}.footer-follow-link:hover{background:#eef6f9;border-color:#cbdde7}.follow-mark{color:#176d9a;background:#e8f3f7;border-radius:7px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.footer-follow-link.is-facebook .follow-mark{color:#fff;background:#1877f2}.footer-follow-link.is-line .follow-mark{color:#fff;background:#06c755}.footer-follow-link.is-youtube .follow-mark{color:#fff;background:#f03}.footer-follow-link.is-x .follow-mark{color:#fff;background:#111827}.follow-mark svg{width:19px;height:19px}.footer-follow-link>span:last-child{gap:2px;min-width:0;display:grid}.footer-follow-link strong{color:#10243a;font:700 12px/1.25 var(--font-ui)}.footer-follow-link small{color:#526a7b;font:600 10px/1.25 var(--font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.footer-bottom-shell{background:#f8fafb;border-top:1px solid #d8e3ea}.footer-bottom{color:#506d80;font:600 12px var(--font-ui);letter-spacing:.02em;justify-content:space-between;align-items:center;gap:24px;padding-block:18px;display:flex}.footer-credit{color:#506d80;font-family:var(--font-ui);letter-spacing:0;font-weight:500}.footer-credit a{color:#10243a;font-weight:700}.footer-credit a:hover{color:#176d9a}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1020px){.desktop-nav{display:none}.mobile-menu{display:block}.footer-main{grid-template-columns:1fr;gap:48px}}@media (width<=700px){.container{width:min(100% - 32px, var(--container))}.header-inner{min-height:72px}.brand{font-size:24px}.brand-mark{width:29px;height:29px}.mobile-menu-panel{grid-template-columns:1fr}.footer-main{gap:38px;padding-block:48px 36px}.footer-about-link{min-height:44px}.footer-nav{grid-template-columns:1fr;gap:28px}.footer-nav>div:not(.footer-follow){grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;display:grid}.footer-nav>div:not(.footer-follow)>span{grid-column:1/-1;margin-bottom:8px}.footer-nav>div>a:not(.footer-follow-link){align-items:center;min-height:44px;display:flex}.footer-follow-link{max-width:360px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}.footer-credit a{align-items:center;min-height:44px;display:inline-flex}}