/* Mewtric landing — ฟอนต์ + base + responsive (คัดจาก UI เดิมของแอป 100%) */
/* thai */
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/notosansthai-1.woff2") format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* latin-ext */
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/notosansthai-2.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/notosansthai-3.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/notosansthai-1.woff2") format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* latin-ext */
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/notosansthai-2.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/notosansthai-3.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/notosansthai-1.woff2") format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* latin-ext */
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/notosansthai-2.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/notosansthai-3.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/notosansthai-1.woff2") format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* latin-ext */
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/notosansthai-2.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/notosansthai-3.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/notosansthai-1.woff2") format('woff2');
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* latin-ext */
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/notosansthai-2.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/notosansthai-3.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html{scroll-behavior:smooth}
body{margin:0;background:#fafbfe;font-family:'Noto Sans Thai',sans-serif;color:#0f1c33;-webkit-font-smoothing:antialiased}
@keyframes wl-fadeup{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media print{
  body *{visibility:hidden}
  #glPrintArea,#glPrintArea *,#assetPrintArea,#assetPrintArea *{visibility:visible}
  #glPrintArea,#assetPrintArea{display:block !important;position:absolute;top:0;left:0;width:100%}
}
/* responsive rules — cannot be expressed inline */
.wl-nav-links{display:flex;gap:4px}
.wl-nav-cta{display:flex;gap:10px;align-items:center}
.wl-burger{display:none}
.wl-hero-pad{padding:64px 48px 40px}
.wl-shot-pad{margin:0 48px}
.wl-sec-pad{padding:60px 48px}
.wl-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.wl-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.wl-2col{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.wl-dash{display:grid;grid-template-columns:230px 1fr;min-height:100vh}
.wl-dash-side{display:flex}
.wl-dash-burger{display:none}
.wl-dash-backdrop{display:none}
.wl-dash-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}
.wl-chart{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}
.wl-h1{font-size:52px}
.wl-price-num{font-size:56px}
@media (max-width:1024px){
 .wl-grid3{grid-template-columns:repeat(2,1fr)}
 .wl-grid4{grid-template-columns:repeat(2,1fr)}
 .wl-grid2{grid-template-columns:1fr !important}
 .wl-2col{grid-template-columns:1fr;gap:28px}
 .wl-dash-grid{grid-template-columns:1fr}
 .wl-chart{grid-template-columns:1fr}
 .wl-hero-pad{padding:52px 32px 36px}.wl-sec-pad{padding:48px 32px}.wl-shot-pad{margin:0 32px}
 .wl-h1{font-size:42px}
}
@media (max-width:680px){
 .wl-nav-links{display:none}
 .wl-nav-cta .wl-hide-m{display:none}
 .wl-burger{display:grid}
 .wl-grid3,.wl-grid4{grid-template-columns:1fr}
 .wl-hero-pad{padding:40px 20px 28px}.wl-sec-pad{padding:40px 20px}.wl-shot-pad{margin:0 20px}
 .wl-h1{font-size:32px}
 .wl-price-num{font-size:44px}
 .wl-foot{flex-direction:column;gap:8px;align-items:flex-start}
 .wl-dash{grid-template-columns:1fr}
 .wl-dash-burger{display:grid}
 .wl-dash-side{position:fixed;top:0;left:0;bottom:0;width:240px;z-index:90;transform:translateX(-100%);transition:transform .22s ease;box-shadow:0 0 0 rgba(0,0,0,0);overflow-y:auto}
 .wl-dash-side.wl-dash-side-open{transform:translateX(0);box-shadow:12px 0 32px rgba(15,28,51,.25)}
 .wl-dash-side-open ~ .wl-dash-backdrop{display:block}
}