/* BYWHA / WAPI visual override v1.0.0 — no business logic changes. */
@font-face {
  font-family: Mona Sans;
  font-style: normal;
  font-weight: 200 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/mona-sans-vietnamese.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Mona Sans;
  font-style: normal;
  font-weight: 200 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/mona-sans-latin-ext.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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;
}
@font-face {
  font-family: Mona Sans;
  font-style: normal;
  font-weight: 200 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/mona-sans-latin.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html:root, html:root body {
  --color-paper-0: #FFFFFF !important;
  --color-paper-50: #F9F9F9 !important;
  --color-paper-100: #F8FAFC !important;
  --color-paper-200: #E2E8F0 !important;
  --color-paper-300: #CBD5E1 !important;
  --color-ink-300: #CBD5E1 !important;
  --color-ink-400: #94A3B8 !important;
  --color-ink-500: #64748B !important;
  --color-ink-600: #475569 !important;
  --color-ink-700: #334155 !important;
  --color-ink-800: #1E293B !important;
  --color-ink-900: #0F0F0F !important;
  --color-ink-950: #020617 !important;
  --color-wa-deep: #059669 !important;
  --color-wa-teal: #047857 !important;
  --color-wa-green: #059669 !important;
  --color-wa-mint: #ECFDF5 !important;
  --color-wa-chat: #F8FAFC !important;
  --color-wa-bubble: #D1FAE5 !important;
  --font-sans: 'Mona Sans', Arial, sans-serif !important;
  --font-serif: 'Mona Sans', Arial, sans-serif !important;
  --default-font-family: 'Mona Sans', Arial, sans-serif !important;
  --wa-brand-text: #047857; --wa-brand-bg: #059669; --wa-brand-border: #059669;
  --wa-teal-text: #047857; --wa-accent-text: #047857;
  --d-paper: #FFFFFF; --d-mint: #F8FAFC; --d-mint-deep: #E2E8F0;
  --d-ink: #0F0F0F; --d-ink-25: #CBD5E1; --d-ink-10: #E2E8F0;
  color-scheme: light;
}
html:root[data-theme="dark"], html:root[data-theme="dark"] body,
html:root body[data-theme="dark"] {
  --color-paper-0: #041A1C !important;
  --color-paper-50: #122727 !important;
  --color-paper-100: #183638 !important;
  --color-paper-200: #294547 !important;
  --color-paper-300: #3B5658 !important;
  --color-ink-300: #475F61 !important;
  --color-ink-400: #94A3B8 !important;
  --color-ink-500: #A6B6B8 !important;
  --color-ink-600: #CBD5E1 !important;
  --color-ink-700: #E2E8F0 !important;
  --color-ink-800: #F1F5F9 !important;
  --color-ink-900: #F8FAFC !important;
  --color-ink-950: #FFFFFF !important;
  --color-wa-deep: #059669 !important;
  --color-wa-teal: #047857 !important;
  --color-wa-green: #059669 !important;
  --color-wa-mint: #133E32 !important;
  --color-wa-chat: #122727 !important;
  --color-wa-bubble: #124D3B !important;
  --wa-brand-text: #6EE7B7; --wa-teal-text: #6EE7B7; --wa-accent-text: #6EE7B7;
  color-scheme: dark;
}
html:root body { font-family: 'Mona Sans', Arial, sans-serif !important; background-color:var(--color-paper-50) !important; color:var(--color-ink-900) !important; background-image:none !important; }
html:root :is(h1,h2,h3,h4,h5,h6,button,input,select,textarea,label,.font-sans,.font-serif,.serif,.ts-wrapper,.ts-control,.ts-dropdown) {
  font-family:'Mona Sans',Arial,sans-serif !important;
}
html:root :is(h1,h2,h3,h4,h5,h6,.font-serif,.serif) {font-style:normal !important;letter-spacing:-.02em !important;}
html:root :is(h1,h2,h3,h4,h5,h6) {font-weight:600;}
html:root :is(pre,code,kbd,samp) {font-family:ui-monospace,SFMono-Regular,Consolas,monospace !important;}
html:root [style*="font-family"]:not(pre):not(code):not(kbd):not(samp):not(i):not([class*="icon"]) {font-family:'Mona Sans',Arial,sans-serif !important;}
html:root [data-site-header] {background-color:var(--color-paper-0) !important;border-color:var(--color-paper-200) !important;}
html:root .user-rail-root {background-color:var(--color-paper-0) !important;border-color:var(--color-paper-200) !important;color:var(--color-ink-700) !important;}
html:root .text-wa-deep,html:root .text-wa-teal {color:var(--wa-brand-text) !important;}
html:root .bg-wa-deep,html:root .bg-wa-teal {color:#fff;}
html:root .bg-wa-deep:hover {background-color:#047857 !important;}
html .ts-wrapper {font-family:'Mona Sans',Arial,sans-serif !important;}
html[data-theme="doodle"] body,
html[data-theme="doodle"] .font-sans {font-family:'Mona Sans',Arial,sans-serif !important;}
html[data-theme="doodle"] .font-serif,
html[data-theme="doodle"] .serif,
html[data-theme="doodle"] h1, html[data-theme="doodle"] h2, html[data-theme="doodle"] h3 {font-family:'Mona Sans',Arial,sans-serif !important;}
html[data-theme="doodle"] em,
html[data-theme="doodle"] .italic {font-family:'Mona Sans',Arial,sans-serif !important;}
html[data-theme="doodle"] .f-display {font-family:'Mona Sans',Arial,sans-serif !important;}
html[data-theme="doodle"] .f-script {font-family:'Mona Sans',Arial,sans-serif !important;}
html[data-theme="doodle"] .font-serif {font-family:'Mona Sans',Arial,sans-serif !important;}
html[data-theme="doodle"] .italic,
html[data-theme="doodle"] em {font-family:'Mona Sans',Arial,sans-serif !important;}
html[data-theme="doodle"] h1,
html[data-theme="doodle"] h2,
html[data-theme="doodle"] h3,
html[data-theme="doodle"] h4,
html[data-theme="doodle"] h5 {font-family:'Mona Sans',Arial,sans-serif !important;}
html[data-theme="doodle"] .text-\[34px\],
html[data-theme="doodle"] .text-\[40px\],
html[data-theme="doodle"] .text-\[44px\],
html[data-theme="doodle"] .text-\[48px\],
html[data-theme="doodle"] .text-\[52px\] {font-family:'Mona Sans',Arial,sans-serif !important;}
body {font-family:'Mona Sans',Arial,sans-serif !important;}
.serif {font-family:'Mona Sans',Arial,sans-serif !important;}
.badge-num {font-family:'Mona Sans',Arial,sans-serif !important;}
.feature-num {font-family:'Mona Sans',Arial,sans-serif !important;}
.feature-num-sm {font-family:'Mona Sans',Arial,sans-serif !important;}
html:root .bg-paper-0{background-color:var(--color-paper-0) !important;}
html:root .bg-paper-0\/15{background-color:color-mix(in srgb,var(--color-paper-0) 15%,transparent) !important;}
html:root .bg-paper-0\/20{background-color:color-mix(in srgb,var(--color-paper-0) 20%,transparent) !important;}
html:root .bg-paper-0\/30{background-color:color-mix(in srgb,var(--color-paper-0) 30%,transparent) !important;}
html:root .bg-paper-0\/40{background-color:color-mix(in srgb,var(--color-paper-0) 40%,transparent) !important;}
html:root .bg-paper-0\/50{background-color:color-mix(in srgb,var(--color-paper-0) 50%,transparent) !important;}
html:root .bg-paper-0\/60{background-color:color-mix(in srgb,var(--color-paper-0) 60%,transparent) !important;}
html:root .bg-paper-0\/80{background-color:color-mix(in srgb,var(--color-paper-0) 80%,transparent) !important;}
html:root .bg-paper-0\/90{background-color:color-mix(in srgb,var(--color-paper-0) 90%,transparent) !important;}
html:root .bg-paper-0\/95{background-color:color-mix(in srgb,var(--color-paper-0) 95%,transparent) !important;}
html:root .border-paper-0{border-color:var(--color-paper-0) !important;}
html:root .bg-paper-50{background-color:var(--color-paper-50) !important;}
html:root .bg-paper-50\/15{background-color:color-mix(in srgb,var(--color-paper-50) 15%,transparent) !important;}
html:root .bg-paper-50\/20{background-color:color-mix(in srgb,var(--color-paper-50) 20%,transparent) !important;}
html:root .bg-paper-50\/30{background-color:color-mix(in srgb,var(--color-paper-50) 30%,transparent) !important;}
html:root .bg-paper-50\/40{background-color:color-mix(in srgb,var(--color-paper-50) 40%,transparent) !important;}
html:root .bg-paper-50\/50{background-color:color-mix(in srgb,var(--color-paper-50) 50%,transparent) !important;}
html:root .bg-paper-50\/60{background-color:color-mix(in srgb,var(--color-paper-50) 60%,transparent) !important;}
html:root .bg-paper-50\/80{background-color:color-mix(in srgb,var(--color-paper-50) 80%,transparent) !important;}
html:root .bg-paper-50\/90{background-color:color-mix(in srgb,var(--color-paper-50) 90%,transparent) !important;}
html:root .bg-paper-50\/95{background-color:color-mix(in srgb,var(--color-paper-50) 95%,transparent) !important;}
html:root .border-paper-50{border-color:var(--color-paper-50) !important;}
html:root .bg-paper-100{background-color:var(--color-paper-100) !important;}
html:root .bg-paper-100\/15{background-color:color-mix(in srgb,var(--color-paper-100) 15%,transparent) !important;}
html:root .bg-paper-100\/20{background-color:color-mix(in srgb,var(--color-paper-100) 20%,transparent) !important;}
html:root .bg-paper-100\/30{background-color:color-mix(in srgb,var(--color-paper-100) 30%,transparent) !important;}
html:root .bg-paper-100\/40{background-color:color-mix(in srgb,var(--color-paper-100) 40%,transparent) !important;}
html:root .bg-paper-100\/50{background-color:color-mix(in srgb,var(--color-paper-100) 50%,transparent) !important;}
html:root .bg-paper-100\/60{background-color:color-mix(in srgb,var(--color-paper-100) 60%,transparent) !important;}
html:root .bg-paper-100\/80{background-color:color-mix(in srgb,var(--color-paper-100) 80%,transparent) !important;}
html:root .bg-paper-100\/90{background-color:color-mix(in srgb,var(--color-paper-100) 90%,transparent) !important;}
html:root .bg-paper-100\/95{background-color:color-mix(in srgb,var(--color-paper-100) 95%,transparent) !important;}
html:root .border-paper-100{border-color:var(--color-paper-100) !important;}
html:root .bg-paper-200{background-color:var(--color-paper-200) !important;}
html:root .bg-paper-200\/15{background-color:color-mix(in srgb,var(--color-paper-200) 15%,transparent) !important;}
html:root .bg-paper-200\/20{background-color:color-mix(in srgb,var(--color-paper-200) 20%,transparent) !important;}
html:root .bg-paper-200\/30{background-color:color-mix(in srgb,var(--color-paper-200) 30%,transparent) !important;}
html:root .bg-paper-200\/40{background-color:color-mix(in srgb,var(--color-paper-200) 40%,transparent) !important;}
html:root .bg-paper-200\/50{background-color:color-mix(in srgb,var(--color-paper-200) 50%,transparent) !important;}
html:root .bg-paper-200\/60{background-color:color-mix(in srgb,var(--color-paper-200) 60%,transparent) !important;}
html:root .bg-paper-200\/80{background-color:color-mix(in srgb,var(--color-paper-200) 80%,transparent) !important;}
html:root .bg-paper-200\/90{background-color:color-mix(in srgb,var(--color-paper-200) 90%,transparent) !important;}
html:root .bg-paper-200\/95{background-color:color-mix(in srgb,var(--color-paper-200) 95%,transparent) !important;}
html:root .border-paper-200{border-color:var(--color-paper-200) !important;}
html:root .bg-paper-300{background-color:var(--color-paper-300) !important;}
html:root .bg-paper-300\/15{background-color:color-mix(in srgb,var(--color-paper-300) 15%,transparent) !important;}
html:root .bg-paper-300\/20{background-color:color-mix(in srgb,var(--color-paper-300) 20%,transparent) !important;}
html:root .bg-paper-300\/30{background-color:color-mix(in srgb,var(--color-paper-300) 30%,transparent) !important;}
html:root .bg-paper-300\/40{background-color:color-mix(in srgb,var(--color-paper-300) 40%,transparent) !important;}
html:root .bg-paper-300\/50{background-color:color-mix(in srgb,var(--color-paper-300) 50%,transparent) !important;}
html:root .bg-paper-300\/60{background-color:color-mix(in srgb,var(--color-paper-300) 60%,transparent) !important;}
html:root .bg-paper-300\/80{background-color:color-mix(in srgb,var(--color-paper-300) 80%,transparent) !important;}
html:root .bg-paper-300\/90{background-color:color-mix(in srgb,var(--color-paper-300) 90%,transparent) !important;}
html:root .bg-paper-300\/95{background-color:color-mix(in srgb,var(--color-paper-300) 95%,transparent) !important;}
html:root .border-paper-300{border-color:var(--color-paper-300) !important;}
html:root .bg-ink-300{background-color:var(--color-ink-300) !important;}
html:root .text-ink-300{color:var(--color-ink-300) !important;}
html:root .border-ink-300{border-color:var(--color-ink-300) !important;}
html:root .bg-ink-400{background-color:var(--color-ink-400) !important;}
html:root .text-ink-400{color:var(--color-ink-400) !important;}
html:root .border-ink-400{border-color:var(--color-ink-400) !important;}
html:root .bg-ink-500{background-color:var(--color-ink-500) !important;}
html:root .text-ink-500{color:var(--color-ink-500) !important;}
html:root .border-ink-500{border-color:var(--color-ink-500) !important;}
html:root .bg-ink-600{background-color:var(--color-ink-600) !important;}
html:root .text-ink-600{color:var(--color-ink-600) !important;}
html:root .border-ink-600{border-color:var(--color-ink-600) !important;}
html:root .bg-ink-700{background-color:var(--color-ink-700) !important;}
html:root .text-ink-700{color:var(--color-ink-700) !important;}
html:root .border-ink-700{border-color:var(--color-ink-700) !important;}
html:root .bg-ink-800{background-color:var(--color-ink-800) !important;}
html:root .text-ink-800{color:var(--color-ink-800) !important;}
html:root .border-ink-800{border-color:var(--color-ink-800) !important;}
html:root .bg-ink-900{background-color:var(--color-ink-900) !important;}
html:root .text-ink-900{color:var(--color-ink-900) !important;}
html:root .border-ink-900{border-color:var(--color-ink-900) !important;}
html:root .bg-ink-950{background-color:var(--color-ink-950) !important;}
html:root .text-ink-950{color:var(--color-ink-950) !important;}
html:root .border-ink-950{border-color:var(--color-ink-950) !important;}
html:root .bg-wa-deep{background-color:var(--color-wa-deep) !important;}
html:root .border-wa-deep{border-color:var(--color-wa-deep) !important;}
html:root .bg-wa-teal{background-color:var(--color-wa-teal) !important;}
html:root .border-wa-teal{border-color:var(--color-wa-teal) !important;}
html:root .bg-wa-green{background-color:var(--color-wa-green) !important;}
html:root .border-wa-green{border-color:var(--color-wa-green) !important;}
html:root .bg-wa-mint{background-color:var(--color-wa-mint) !important;}
html:root .border-wa-mint{border-color:var(--color-wa-mint) !important;}
html:root .bg-wa-chat{background-color:var(--color-wa-chat) !important;}
html:root .border-wa-chat{border-color:var(--color-wa-chat) !important;}
html:root .bg-wa-bubble{background-color:var(--color-wa-bubble) !important;}
html:root .border-wa-bubble{border-color:var(--color-wa-bubble) !important;}
html:root :is(.bg-wa-deep,.bg-wa-teal) {color:#fff !important;}
html:root .user-rail-root {
 --rfg:var(--color-ink-600) !important; --rfgs:var(--color-ink-900) !important;
 --rfgm:var(--color-ink-500) !important; --rcap:var(--color-ink-500) !important;
 --rhover:var(--color-paper-100) !important; --rpanel:var(--color-paper-100) !important;
 --rpanelbd:var(--color-paper-200) !important; --rscroll:var(--color-paper-300) !important;
 --racc:#059669 !important; --racc-tint:var(--color-wa-mint) !important;
}
html:root .rail-cap {font-family:'Mona Sans',Arial,sans-serif !important;letter-spacing:.04em !important;}
html:root .rail-dot {background-image:none !important;}
html:root .bg-\[\#FBFAF6\]{background-color:var(--color-paper-0) !important;}
html:root .bg-\[\#F5F3EC\]{background-color:var(--color-paper-50) !important;}
html:root .bg-\[\#EFEBE0\]{background-color:var(--color-paper-100) !important;}
html:root .bg-\[\#E5DFD0\]{background-color:var(--color-paper-200) !important;}
html:root .bg-\[\#075E54\]{background-color:var(--color-wa-deep) !important;}
html:root .bg-\[\#128C7E\]{background-color:var(--color-wa-teal) !important;}
html:root .bg-\[\#DCF8C6\]{background-color:var(--color-wa-mint) !important;}