@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap";:root{--type-label:12px;--type-meta:12px;--type-action:14px;--type-nav:15px;--type-body:16px;--type-card-body:15px;--type-lead:18px;--type-card-title:24px;--type-section-title:clamp(30px,3.2vw,42px);--type-page-title:clamp(40px,5vw,64px);--type-hero-title:clamp(42px,5vw,66px);color:#172d43;font-synthesis:none;--ink:#172d43;--muted:#5d7184;--line:#d8e5e8;--paper:#f8fbfa;--white:#fff;--dark:#0c2033;--dark-alt:#123b50;--accent:#6ce0d1;--accent-soft:#dff6f1;--brand:#245dcc;--surface:#edf5f6;--surface-strong:#e4f0f3;background:#f8fbfa;font-family:Noto Sans Thai,sans-serif;font-size:16px;line-height:1.75}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{min-width:320px;font-size:var(--type-body);margin:0;line-height:1.75}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img,svg{max-width:100%}::selection{background:var(--accent);color:var(--dark)}:focus-visible{outline:2px solid var(--brand);outline-offset:4px}.hero :focus-visible,.system-section :focus-visible,.site-footer :focus-visible{outline-color:var(--accent)}.container{width:min(1180px,100% - 48px);margin-inline:auto}.eyebrow{font-size:var(--type-label);letter-spacing:.09em;text-transform:uppercase;color:var(--brand);font-weight:800;line-height:1.5}.section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.section-head h2{font-size:var(--type-section-title);letter-spacing:-.02em;margin:8px 0 0;line-height:1.25}.text-link{font-size:var(--type-action);white-space:nowrap;border-bottom:1px solid;align-items:center;gap:13px;padding-bottom:7px;font-weight:800;display:inline-flex}.text-link:hover{color:var(--brand)}.arrow{font-size:18px;font-weight:500;line-height:1}.skip-link{background:var(--accent);z-index:50;padding:10px 16px;position:absolute;top:-100px;left:16px}.skip-link:focus{top:12px}.site-header{z-index:50;border-bottom:1px solid var(--line);backdrop-filter:blur(14px);background:#fffffff7;position:sticky;top:0}.header-inner{align-items:center;gap:24px;min-height:88px;display:flex}.brand{color:var(--dark);white-space:nowrap;flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-start;text-decoration:none;display:inline-flex}.brand-wordmark{letter-spacing:-.065em;font-size:35px;font-weight:800;line-height:1.04;display:block}.brand-dot{color:var(--brand)}.brand-wordmark small{letter-spacing:-.04em;color:var(--brand);margin-left:3px;font-size:13px;font-weight:800}.brand-descriptor{color:#537082;font-size:var(--type-label);letter-spacing:.12em;margin-top:7px;font-weight:800;line-height:1.2;display:block}.brand:hover .brand-wordmark{color:var(--brand)}.desktop-nav{align-items:center;gap:3px;margin-left:auto;display:flex}.desktop-nav a{font-size:var(--type-nav);color:#405b6b;white-space:nowrap;border-radius:9px;padding:11px 12px;font-weight:700;line-height:1.4;transition:color .2s,background-color .2s}.desktop-nav a:hover{color:var(--brand);background:#f0f7f8}.desktop-nav a[aria-current=page]{color:var(--brand);background:var(--accent-soft)}.header-action{background:var(--brand);color:#fff;min-height:46px;font-size:var(--type-action);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:20px;padding:12px 17px;font-weight:700;line-height:1.4;transition:background-color .2s,transform .2s;display:inline-flex}.header-action:hover{background:#1548ad;transform:translateY(-1px)}.header-action[aria-current=page]{background:var(--dark-alt)}.header-action span{font-size:18px;line-height:1}.mobile-menu{display:none}.mobile-menu summary{cursor:pointer;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.site-footer{color:#f2fbfa;background:#102a3a;margin-top:72px}.footer-main{grid-template-columns:minmax(210px,.85fr) minmax(0,2fr);gap:clamp(40px,6vw,88px);padding:48px 0 43px;display:grid}.brand-footer{color:#fff}.brand-footer .brand-dot,.brand-footer .brand-wordmark small{color:var(--accent)}.brand-footer .brand-descriptor{color:#a4d9da}.brand-footer:hover .brand-wordmark{color:var(--accent)}.footer-about p{max-width:280px;font-size:var(--type-card-body);color:#bbd2d8;margin:18px 0 0;line-height:1.85}.footer-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,42px);display:grid}.footer-column{flex-direction:column;align-items:flex-start;gap:7px;min-width:0;display:flex}.footer-column h3{font-size:var(--type-nav);color:#fff;margin:0 0 11px;font-weight:700;line-height:1.5}.footer-links a{font-size:var(--type-action);color:#c0d7dd;overflow-wrap:anywhere;text-underline-offset:4px;padding:3px 0;font-weight:500;line-height:1.7}.footer-links a:hover{color:var(--accent);text-decoration:underline}.footer-links .footer-contact-email{min-height:44px;font-size:var(--type-action);align-items:center;gap:10px;min-width:0;padding:5px 0;font-weight:500;line-height:1.5;display:inline-flex}.footer-contact-email>span:last-child{overflow-wrap:anywhere;min-width:0}.footer-contact-icon{color:#0e625c;background:#dff6f1;border:1px solid #a4e5dd;border-radius:7px;flex:0 0 30px;place-items:center;width:30px;height:30px;transition:background-color .2s,border-color .2s;display:grid}.footer-contact-icon svg{display:block}.footer-contact-email:hover .footer-contact-icon{background:#fff;border-color:#fff}.footer-bottom{color:#aec8d0;border-top:1px solid #3b6170;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;padding:15px 0 18px;font-size:13px;line-height:1.6;display:flex}.footer-bottom a{color:#e3f6f4;font-size:var(--type-action);font-weight:600}.footer-bottom a:hover{color:var(--accent)}.footer-links .footer-social-link{min-height:44px;font-size:var(--type-action);align-items:center;gap:10px;padding:5px 0;font-weight:500;line-height:1.5;display:inline-flex}.footer-social-icon{color:#fff;background:#1877f2;border:1px solid #4b9bfd;border-radius:7px;flex:0 0 30px;place-items:center;width:30px;height:30px;transition:background-color .2s,border-color .2s;display:grid}.footer-social-icon svg{display:block}.footer-social-link:hover .footer-social-icon{color:#fff;background:#2f8cf5;border-color:#83c4ff}.footer-back-to-top{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}@media (width<=1100px){.header-inner{min-height:76px}.desktop-nav,.header-action{display:none}.mobile-menu{margin-left:auto;display:block}.mobile-menu summary{min-height:44px;color:var(--ink);font-size:var(--type-nav);background:#f6faf9;border:1px solid #cddfe3;border-radius:9px;justify-content:center;align-items:center;gap:13px;padding:8px 13px;font-weight:700;display:flex}.mobile-menu[open] summary{color:var(--brand);background:var(--accent-soft);border-color:#9cdbd1}.menu-symbol{flex-direction:column;justify-content:space-between;width:19px;height:16px;display:flex}.menu-symbol i{background:currentColor;border-radius:2px;width:19px;height:2px;transition:transform .2s,opacity .2s;display:block}.mobile-menu[open] .menu-symbol i:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu[open] .menu-symbol i:nth-child(2){opacity:0}.mobile-menu[open] .menu-symbol i:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;flex-direction:column;gap:3px;max-height:calc(100dvh - 80px);padding:18px max(24px,50vw - 590px) 23px;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 20px 36px #0a253524}.mobile-nav a{min-height:48px;color:var(--ink);font-size:var(--type-nav);border-radius:8px;justify-content:space-between;align-items:center;padding:11px 15px;font-weight:700;line-height:1.5;display:flex}.mobile-nav a:hover,.mobile-nav a[aria-current=page]{color:var(--brand);background:#eaf7f4}.mobile-nav a.mobile-contact{background:var(--brand);color:#fff;min-height:50px;margin-top:9px}.mobile-nav a.mobile-contact:hover{background:#1548ad}}@media (width<=960px){.footer-main{grid-template-columns:1fr;gap:30px}.footer-about p{max-width:480px}}@media (width<=600px){.container{width:min(100% - 32px,1180px)}.header-inner{min-height:70px}.brand-wordmark{font-size:31px}.brand-descriptor{letter-spacing:.04em;margin-top:5px;font-size:11px}.mobile-nav{padding-inline:16px}.section-head{align-items:start}.section-head h2{font-size:var(--type-section-title)}.text-link{font-size:var(--type-action);gap:6px}.site-footer{margin-top:54px}.footer-main{padding:38px 0 33px}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}.footer-column:last-child{grid-column:1/-1}.footer-bottom{align-items:center;gap:10px 18px;padding:16px 0 21px}}@media (width<=380px){.footer-links{grid-template-columns:1fr;gap:31px}.footer-column:last-child{grid-column:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}