*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-family: var(--wsb-font-body, Inter, sans-serif, sans-serif); }
h1, h2, h3, h4, h5, h6 { font-family: var(--wsb-font-heading, inherit); }
:root { --primary: #1976d2; --wsb-color-primary: #6FAE2F; --wsb-color-secondary: #AED581; --wsb-color-accent: #F2994A; --wsb-color-ink: #21311A; --wsb-color-surface: #FFFFFF; --wsb-color-background: #F4FAEE; --wsb-font-heading: "Playfair Display, Georgia, serif", "Noto Sans Thai", sans-serif; --wsb-font-body: Inter, "Noto Sans Thai", sans-serif; --wsb-radius: 8px; }
/* Sticky footer: full-viewport flex column with the page body growing, so a
   short page pins the global footer to the bottom — mirrors Preview/Designer.
   The white page background matches the Preview page surface (bgcolor #fff).
   overflow-x:clip mirrors the Preview page surface (data-preview-page has
   overflow:hidden) so entrance animations that translateX off-canvas
   (wsb-slide-left/right) don't add a horizontal scrollbar. Uses clip, not
   hidden: clip doesn't create a scroll container, so the sticky navbar and
   vertical page scroll keep working. */
#root { display: flex; flex-direction: column; min-height: 100vh; background: #fff; overflow-x: clip; }
.wsb-page-main { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; }
/* layer: preflights */
*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
/* layer: default */
.root-relative:root{position:relative;}
.my{margin-top:1rem;margin-bottom:1rem;}
.h-\[100\%\]{height:100%;}
.h-\[180px\]{height:180px;}
.h-\[200px\]{height:200px;}
.h-\[380px\]{height:380px;}
.h-\[400px\]{height:400px;}
.h-\[42px\]{height:42px;}
.h-\[48px\]{height:48px;}
.h-\[96px\]{height:96px;}
.w-\[100\%\]{width:100%;}
.w-\[20px\]{width:20px;}
.w-\[320px\]{width:320px;}
.w-\[42px\]{width:42px;}
.w-\[48px\]{width:48px;}
.w-\[96px\]{width:96px;}
.w-\[fit-content\]{width:fit-content;}
.flex{display:flex;}
.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.items-center{align-items:center;}
.items-stretch{align-items:stretch;}
.justify-between{justify-content:space-between;}
.gap-\[0px\]{gap:0px;}
.gap-\[10px\]{gap:10px;}
.gap-\[12px\]{gap:12px;}
.gap-\[14px\]{gap:14px;}
.gap-\[16px\]{gap:16px;}
.gap-\[18px\]{gap:18px;}
.gap-\[20px\]{gap:20px;}
.gap-\[24px\]{gap:24px;}
.gap-\[28px\]{gap:28px;}
.gap-\[32px\]{gap:32px;}
.gap-\[40px\]{gap:40px;}
.gap-\[4px\]{gap:4px;}
.gap-\[56px\]{gap:56px;}
.gap-\[8px\]{gap:8px;}
.border-\[1px\]{border-width:1px;}
.rounded-\[0px\]{border-radius:0px;}
.rounded-\[12px\]{border-radius:12px;}
.rounded-\[16px\]{border-radius:16px;}
.rounded-\[24px\]{border-radius:24px;}
.rounded-\[999px\]{border-radius:999px;}
.border-solid{border-style:solid;}
.p-\[0px\]{padding:0px;}
.p-\[18px\]{padding:18px;}
.p-\[22px\]{padding:22px;}
.pb-\[12px\]{padding-bottom:12px;}
.pb-\[14px\]{padding-bottom:14px;}
.pb-\[16px\]{padding-bottom:16px;}
.pb-\[20px\]{padding-bottom:20px;}
.pb-\[24px\]{padding-bottom:24px;}
.pb-\[28px\]{padding-bottom:28px;}
.pb-\[40px\]{padding-bottom:40px;}
.pb-\[72px\]{padding-bottom:72px;}
.pb-\[80px\]{padding-bottom:80px;}
.pb-\[88px\]{padding-bottom:88px;}
.pb-\[8px\]{padding-bottom:8px;}
.pl-\[0px\]{padding-left:0px;}
.pl-\[12px\]{padding-left:12px;}
.pl-\[16px\]{padding-left:16px;}
.pl-\[18px\]{padding-left:18px;}
.pl-\[20px\]{padding-left:20px;}
.pl-\[22px\]{padding-left:22px;}
.pl-\[24px\]{padding-left:24px;}
.pl-\[28px\]{padding-left:28px;}
.pl-\[40px\]{padding-left:40px;}
.pr-\[0px\]{padding-right:0px;}
.pr-\[12px\]{padding-right:12px;}
.pr-\[16px\]{padding-right:16px;}
.pr-\[18px\]{padding-right:18px;}
.pr-\[20px\]{padding-right:20px;}
.pr-\[22px\]{padding-right:22px;}
.pr-\[24px\]{padding-right:24px;}
.pr-\[28px\]{padding-right:28px;}
.pr-\[40px\]{padding-right:40px;}
.pt-\[12px\]{padding-top:12px;}
.pt-\[14px\]{padding-top:14px;}
.pt-\[16px\]{padding-top:16px;}
.pt-\[20px\]{padding-top:20px;}
.pt-\[28px\]{padding-top:28px;}
.pt-\[64px\]{padding-top:64px;}
.pt-\[72px\]{padding-top:72px;}
.pt-\[80px\]{padding-top:80px;}
.pt-\[88px\]{padding-top:88px;}
.pt-\[8px\]{padding-top:8px;}
.text-center{text-align:center;}
.text-\[11px\]{font-size:11px;}
.text-\[12px\]{font-size:12px;}
.text-\[13px\]{font-size:13px;}
.text-\[14px\]{font-size:14px;}
.text-\[15px\]{font-size:15px;}
.text-\[16px\]{font-size:16px;}
.text-\[17px\]{font-size:17px;}
.text-\[18px\]{font-size:18px;}
.text-\[19px\]{font-size:19px;}
.text-\[22px\]{font-size:22px;}
.text-\[30px\]{font-size:30px;}
.text-\[32px\]{font-size:32px;}
.text-\[34px\]{font-size:34px;}
.text-\[56px\]{font-size:56px;}
.font-500{font-weight:500;}
.font-600{font-weight:600;}
.font-700{font-weight:700;}
.font-800{font-weight:800;}
.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
/* Responsive overrides (spacing + typography) — desktop-first cascade. */
@media (max-width: 991px){[data-render-section-id="sec_lc0874acnrqw"]{padding-top:64px!important;padding-right:28px!important;padding-bottom:64px!important;padding-left:28px!important}[data-render-id="el_20dj7y4rnrqw"] > *{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)!important}[data-render-section-id="sec_otk2etatnrqw"]{padding-top:64px!important;padding-right:28px!important;padding-bottom:64px!important;padding-left:28px!important}[data-render-id="el_adiy8nvbnrqw"] > *{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)!important}[data-render-section-id="sec_wgdvevxwnrqw"]{padding-top:64px!important;padding-right:28px!important;padding-bottom:64px!important;padding-left:28px!important}}
@media (max-width: 767px){[data-render-id="el_dk1dmk05nrqy"] > *{font-size:18px!important}}
@media (max-width: 479px){[data-render-section-id="sec_lc0874acnrqw"]{padding-top:48px!important;padding-right:20px!important;padding-bottom:48px!important;padding-left:20px!important}[data-render-section-id="sec_lc0874acnrqw"] > [data-section-content]{gap:36px!important;flex-direction:column!important}[data-render-section-id="sec_1z4cb09ynrqw"]{padding-top:48px!important;padding-right:20px!important;padding-bottom:48px!important;padding-left:20px!important}[data-render-id="el_uicsbfm4nrqw"] > *{flex-direction:column!important}[data-render-section-id="sec_a1q1o8jenrqw"]{padding-top:48px!important;padding-right:20px!important;padding-bottom:48px!important;padding-left:20px!important}[data-render-id="el_20dj7y4rnrqw"] > *{display:flex!important;flex-direction:column!important}[data-render-section-id="sec_dccs2jnynrqw"]{padding-top:52px!important;padding-right:20px!important;padding-bottom:52px!important;padding-left:20px!important}[data-render-id="el_yx477a47nrqw"] > *{flex-direction:column!important}[data-render-section-id="sec_otk2etatnrqw"]{padding-top:48px!important;padding-right:20px!important;padding-bottom:48px!important;padding-left:20px!important}[data-render-section-id="sec_otk2etatnrqw"] > [data-section-content]{gap:36px!important;flex-direction:column!important}[data-render-section-id="sec_4h2rrxc2nrqw"]{padding-top:52px!important;padding-right:20px!important;padding-bottom:52px!important;padding-left:20px!important}[data-render-id="el_15ma8hganrqw"] > *{flex-direction:column!important}[data-render-section-id="sec_syx9no35nrqw"]{padding-top:48px!important;padding-right:20px!important;padding-bottom:48px!important;padding-left:20px!important}[data-render-id="el_y406ijfdnrqw"] > *{flex-direction:column!important}[data-render-section-id="sec_bez7tfhqnrqw"]{padding-top:48px!important;padding-right:20px!important;padding-bottom:48px!important;padding-left:20px!important}[data-render-id="el_ntgsity2nrqw"] > *{flex-direction:column!important;align-items:stretch!important;justify-content:center!important}[data-render-section-id="sec_6149tknhnrqw"]{padding-top:48px!important;padding-right:20px!important;padding-bottom:48px!important;padding-left:20px!important}[data-render-id="el_kbm096lonrqw"] > *{flex-direction:column!important}[data-render-section-id="sec_7wstbxojnrqw"]{padding-top:48px!important;padding-right:20px!important;padding-bottom:48px!important;padding-left:20px!important}[data-render-id="el_adiy8nvbnrqw"] > *{display:flex!important;flex-direction:column!important}[data-render-section-id="sec_vy46jmmenrqw"]{padding-top:52px!important;padding-right:20px!important;padding-bottom:52px!important;padding-left:20px!important}[data-render-id="el_u1ggcbmqnrqw"] > *{flex-direction:column!important}[data-render-section-id="sec_wgdvevxwnrqw"]{padding-top:48px!important;padding-right:20px!important;padding-bottom:48px!important;padding-left:20px!important}[data-render-section-id="sec_wgdvevxwnrqw"] > [data-section-content]{gap:36px!important;flex-direction:column!important}[data-render-section-id="sec_awnoywgynrqw"]{padding-top:52px!important;padding-right:20px!important;padding-bottom:52px!important;padding-left:20px!important}[data-render-id="el_mgdyz8j5nrqw"] > *{flex-direction:column!important}[data-render-section-id="sec_d0ivr6uvnrqw"]{padding-top:48px!important;padding-right:20px!important;padding-bottom:48px!important;padding-left:20px!important}[data-render-id="el_hcd4jv4inrqw"] > *{flex-direction:column!important}[data-render-section-id="sec_fimjuid1nrqw"]{padding-top:48px!important;padding-right:20px!important;padding-bottom:48px!important;padding-left:20px!important}[data-render-id="el_vmlpnxi8nrqw"] > *{flex-direction:column!important;align-items:stretch!important;justify-content:center!important}[data-render-section-id="sec_z75tzl8fnrqw"]{padding-top:48px!important;padding-right:20px!important;padding-bottom:48px!important;padding-left:20px!important}[data-render-id="el_5xx4morrnrqw"] > *{flex-direction:column!important;align-items:stretch!important;justify-content:center!important}[data-render-section-id="sec_onk6uy3gnrqw"]{padding-top:52px!important;padding-right:20px!important;padding-bottom:52px!important;padding-left:20px!important}[data-render-id="el_1yx8kxuynrqw"] > *{flex-direction:column!important}[data-render-id="el_ic6cjk7mnrqy"] > *{gap:28px!important;flex-direction:column!important}}