.site-nav{height:64px;grid-template-columns:auto minmax(0,1fr) auto;padding:0 34px;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(15,30,46,.1);box-shadow:0 1px 0 rgba(15,30,46,.02)}
.site-nav .logo{min-width:132px}
.site-nav .nav-links{justify-self:center;gap:clamp(14px,2vw,32px);font-size:14px;font-weight:600}
.site-nav .nav-links a{white-space:nowrap}
.site-nav .nav-links a.active{color:#0871e6;border-bottom-color:#0871e6}
.site-nav .nav-actions{min-width:200px;gap:18px}
.site-nav .btn{min-height:44px;border-radius:8px;padding:10px 20px}
.locale-link{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:36px;padding:7px 9px;border:1px solid #dfe6ed;border-radius:8px;background:#fff;color:#31495c;font-size:11px;font-weight:800;line-height:1}
.locale-link:hover,.locale-link:focus{border-color:#9fc9f8;background:#f1f7fd;color:#0871e6}
html[lang="th"] body{font-family:"Noto Sans Thai",Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
html[lang="th"] button,html[lang="th"] input,html[lang="th"] select,html[lang="th"] textarea{font-family:"Noto Sans Thai",Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
html[lang="th"] h1,html[lang="th"] h2,html[lang="th"] h3{letter-spacing:-.025em}
html[lang="th"] .eyebrow,html[lang="th"] .hero-kicker,html[lang="th"] .section-kicker,html[lang="th"] .card-kicker{letter-spacing:.025em;text-transform:none}
.price-thb{display:block;margin-top:5px;color:#087659;font-size:12px;font-weight:800;line-height:1.35}
.price-usd-note{display:block;margin-top:3px;color:#687d8e;font-size:9px;font-weight:700;line-height:1.35}
.fx-disclaimer{max-width:920px;margin:16px auto 0;color:#6b7f90;font-size:10px!important;line-height:1.55!important;text-align:center}
.mobile-nav{display:none;position:relative}
.mobile-nav summary{list-style:none;width:42px;height:42px;border:1px solid #dfe6ed;border-radius:9px;background:#fff;display:grid;align-content:center;justify-items:center;gap:4px;cursor:pointer}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav summary span{width:18px;height:2px;border-radius:2px;background:#0f1e2e}
.mobile-nav[open] summary{border-color:#9fc9f8;box-shadow:0 0 0 3px rgba(8,120,249,.08)}
.mobile-nav>nav{position:fixed;right:14px;top:70px;width:min(310px,calc(100vw - 28px));display:grid;gap:5px;padding:12px;background:#fff;border:1px solid #dfe6ed;border-radius:14px;box-shadow:0 22px 60px rgba(12,28,44,.2);z-index:30}
.mobile-nav>nav a{padding:12px 14px;border-radius:8px;color:#31495c;font-size:14px;font-weight:700}
.site-nav .mobile-nav>nav a:first-child{display:block}
.mobile-nav>nav a:hover,.mobile-nav>nav a:focus{background:#f1f7fd;color:#0871e6}

.site-footer{background:#07131f;color:#fff;padding:68px 40px 26px}
.site-footer-main{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(260px,1fr) minmax(480px,1.2fr);gap:100px;padding-bottom:54px}
.site-footer .logo{color:#fff}
.site-footer .mark{background:#fff;color:#0f1e2e}
.footer-brand p{max-width:360px;margin:22px 0 18px;color:rgba(255,255,255,.55);font-size:13px;line-height:1.7}
.footer-brand>a:last-child{color:#8fe8d1;font-size:12px;font-weight:700}
.site-footer-main>nav{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}
.site-footer-main>nav>div{display:grid;align-content:start;gap:13px}
.site-footer-main>nav strong{color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px}
.site-footer-main>nav a{color:rgba(255,255,255,.55);font-size:12px;font-weight:600}
.site-footer-main>nav a:hover{color:#fff}
.site-footer-bottom{max-width:1180px;margin:0 auto;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:24px;color:rgba(255,255,255,.58);font-size:10px}

@media(max-width:1120px){
  .site-nav{grid-template-columns:1fr auto}
  .site-nav .nav-links{display:none}
  .mobile-nav{display:block}
  .site-nav .nav-actions{min-width:0}
  .site-footer-main{gap:54px}
}

@media(max-width:767px){
  .site-nav{height:62px;padding:0 12px}
  .site-nav .logo{min-width:0}
  .site-nav .nav-actions{gap:8px}
  .site-nav .btn{min-height:42px;padding:9px 15px;font-size:12px}
  .locale-link{min-width:34px;min-height:34px;padding:6px 7px;font-size:10px}
  .mobile-nav{display:block}
  .site-footer{padding:52px 18px 24px}
  .site-footer-main{grid-template-columns:1fr;gap:42px;padding-bottom:40px}
  .site-footer-main>nav{gap:20px}
  .site-footer-bottom{display:grid;gap:8px}
}

@media(max-width:420px){
  .site-footer-main>nav{grid-template-columns:1fr 1fr}
  .site-footer-main>nav>div:last-child{grid-column:1/-1}
}