:root{--color-page-900:#080f26;--color-page-800:#0b1230;--color-page-700:#0b1638;--color-surface-dark:#1c2b5a;--color-surface-dark-2:#0d1738;--color-surface-row:#141b31;--color-surface-row-hover:#21273c;--color-footer-900:#0a1230;--color-footer-950:#060b1c;--color-scrim-floor:#384059;--color-cream-100:#f8efda;--color-cream-200:#f6ebd2;--color-cream-300:#efe0c2;--color-ink:#4a2c10;--color-ink-body:#6b4a24;--color-ink-soft:#7a5629;--color-white:#ffffff;--color-on-dark-heading:#eaf3ff;--color-on-dark:#dce8ff;--color-on-dark-muted:#a8b6d6;--color-disabled-on-dark:#6e7a97;--color-gold-400:#ffc64a;--color-gold-100:#ffe6ae;--color-gold-glow:#ffd98a;--color-gold-spark:#ffe7b0;--color-cta-100:#ffc24e;--color-cta-300:#f79024;--color-cta-shadow:#e56a0c;--color-cta-shadow-2:#a94b05;--color-headline-100:#ffe9a8;--color-headline-200:#ffd264;--color-headline-300:#ffb03a;--color-headline-400:#f07c12;--color-headline-drop:#5e2803;--color-headline-drop-2:#2c4e86;--color-hero-halo:#080f26;--hero-halo-stroke:2px;--hero-halo-stroke-sm:2px;--filter-hero-halo:drop-shadow(0 0 5px var(--color-hero-halo)) drop-shadow(0 0 5px var(--color-hero-halo)) drop-shadow(0 0 5px var(--color-hero-halo)) drop-shadow(0 0 5px var(--color-hero-halo)) drop-shadow(0 0 5px var(--color-hero-halo)) drop-shadow(0 0 5px var(--color-hero-halo)) drop-shadow(0 0 22px rgb(8 15 38/65%));--color-plate:#d0a362;--color-plate-shade:#b07e43;--color-plate-edge:#5e3c1b;--color-plate-drop:#57371a;--color-plate-hanger:#7a5427;--color-copper-400:#c9964f;--color-copper-600:#a8762f;--color-blue-500:#2472ce;--color-blue-700:#17498c;--color-blue-200:#9be7ff;--color-blue-300:#5cb4f2;--color-sky-400:#4fa3e8;--color-sky-200:#8fd0f6;--color-sky-100:#cdeafb;--color-purple-200:#b78cf0;--color-cat-green:#2f7038;--color-cat-purple:#6438b0;--color-cat-coral:#b93a22;--color-cat-blue:#2160ae;--color-cat-teal:#1b7a6a;--color-cat-amber:#96590b;--color-cat-magenta:#ae2f72;--color-cat-indigo:#26386e;--color-cat-green-tint:#cfe8c4;--color-cat-purple-tint:#d9c7f2;--color-cat-coral-tint:#f3c9be;--color-cat-blue-tint:#c4ddf2;--color-cat-teal-tint:#bfe3da;--color-cat-amber-tint:#f5dcb0;--color-cat-magenta-tint:#f2c6da;--color-cat-indigo-tint:#1b2750;--color-leaf:#6fa84e;--color-danger:#a5261c;--gradient-hero:linear-gradient(180deg,var(--color-page-800) 0%,var(--color-page-700) 100%);--gradient-sky:linear-gradient(180deg,var(--color-sky-400) 0%,var(--color-sky-200) 52%,var(--color-sky-100) 100%);--gradient-panel:linear-gradient(180deg,var(--color-cream-100),var(--color-cream-300));--gradient-footer:linear-gradient(180deg,var(--color-footer-900) 0%,var(--color-footer-950) 100%);--gradient-card-dark:linear-gradient(180deg,var(--color-surface-dark),var(--color-surface-dark-2));--gradient-cta:linear-gradient(180deg,var(--color-cta-100) 0%,var(--color-cta-300) 100%);--gradient-cta-blue:linear-gradient(180deg,var(--color-blue-500) 0%,var(--color-blue-700) 100%);--gradient-cta-hover:linear-gradient(180deg,var(--color-cta-300) 0%,var(--color-cta-300) 100%);--gradient-cta-blue-hover:linear-gradient(180deg,var(--color-blue-500) 0%,var(--color-blue-500) 100%);--gradient-headline:linear-gradient(180deg,var(--color-headline-100) 0%,var(--color-headline-200) 26%,var(--color-headline-300) 52%,var(--color-headline-400) 100%);--gradient-hero-veil:linear-gradient(180deg,rgb(8 15 38/72%),rgb(8 15 38/12%) 34%,rgb(8 15 38/30%) 72%,rgb(8 15 38/90%));--gradient-hero-vignette:radial-gradient(120% 80% at 50% 10%,rgb(8 15 38/0%) 30%,rgb(8 15 38/55%) 100%);--filter-cloud-drop:drop-shadow(0 26px 50px rgb(4 10 30/45%));--shadow-card:0 14px 28px rgb(60 40 16/18%);--shadow-card-hover:0 26px 46px rgb(60 40 16/28%);--shadow-card-dark:0 22px 44px rgb(3 8 24/50%);--shadow-panel:0 30px 70px rgb(4 10 30/45%);--shadow-glass:0 12px 30px rgb(3 8 24/45%);--shadow-rail-btn:0 4px 12px rgb(60 40 16/25%);--shadow-3d-cta:0 8px 0 var(--color-cta-shadow-2),0 18px 34px rgb(233 120 20/45%);--shadow-3d-cta-hover:0 12px 0 var(--color-cta-shadow-2),0 26px 48px rgb(233 120 20/62%);--shadow-3d-cta-pressed:0 3px 0 var(--color-cta-shadow-2),0 8px 16px rgb(233 120 20/45%);--shadow-3d-blue:0 8px 0 var(--color-blue-700),0 18px 34px rgb(38 120 220/40%);--shadow-3d-blue-hover:0 0 0 3px rgb(92 180 242/55%),0 11px 0 var(--color-blue-700),0 26px 48px rgb(92 180 242/45%);--shadow-3d-blue-pressed:0 3px 0 var(--color-blue-700),0 8px 16px rgb(38 120 220/40%);--shadow-3d-plate:0 6px 0 var(--color-plate-drop),0 14px 26px rgb(0 0 0/40%);--shadow-3d-outline:0 5px 0 var(--color-copper-600);--ring-focus:0 0 0 3px var(--color-page-900),0 0 0 6px var(--color-gold-400);--ring-focus-light:0 0 0 3px var(--color-cream-100),0 0 0 6px var(--color-blue-700);--press-translate:4px;--hover-lift:-8px;--font-display:"Baloo 2","Noto Sans Thai Looped",system-ui,sans-serif;--font-body:"Nunito","Noto Sans Thai",system-ui,sans-serif;--weight-body:400;--weight-medium:600;--weight-bold:700;--weight-black:800;--text-display:clamp(2.5rem,0.6rem + 8.4vw,6rem);--text-display-2:clamp(2rem,0.6rem + 6.2vw,4.875rem);--text-h1:clamp(1.75rem,1.05rem + 3.1vw,2.75rem);--text-h2:clamp(1.5rem,1.05rem + 2vw,2.625rem);--text-h3:clamp(1.25rem,1.1rem + 0.7vw,1.9375rem);--text-h4:clamp(1.125rem,1.05rem + 0.35vw,1.4375rem);--text-tagline:clamp(1.125rem,0.85rem + 1.2vw,1.75rem);--text-body-lg:clamp(1rem,0.96rem + 0.18vw,1.0625rem);--text-body:clamp(0.9375rem,0.91rem + 0.14vw,1rem);--text-sm:clamp(0.8125rem,0.8rem + 0.07vw,0.875rem);--text-label:0.8125rem;--text-label-th:0.875rem;--leading-display:0.94;--leading-heading:1.2;--leading-body:1.7;--leading-display-th:1.12;--leading-heading-th:1.4;--leading-body-th:1.8;--tracking-display:0.01em;--tracking-overline:0.16em;--tracking-th:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--gutter:var(--space-4);--content-max:1340px;--content-outer:calc(var(--content-max) + 2 * var(--gutter));--tap-min:44px;--radius-sm:12px;--radius-md:16px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:30px;--radius-3xl:32px;--radius-4xl:52px;--radius-5xl:58px;--radius-pill:999px;--ease-out:cubic-bezier(0.2,0.8,0.2,1);--motion-press:120ms;--motion-hover:180ms;--motion-float:3400ms;--motion-bob:4200ms;--motion-drift:34000ms;--motion-twinkle:3400ms;--motion-rise:9000ms;--motion-glow:2800ms;--motion-swing:6000ms;--z-base:0;--z-panel:20;--z-sticky:60;--z-overlay:80;--z-toast:90;--z-fullscreen:100}@media (min-width:390px){:root{--gutter:var(--space-5)}}@media (min-width:768px){:root{--gutter:var(--space-6)}}@media (min-width:1024px){:root{--gutter:var(--space-8)}}@media (min-width:1440px){:root{--gutter:30px}}@keyframes ua-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes ua-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1.5deg)}}@keyframes ua-drift{0%{transform:translateX(0)}to{transform:translateX(120px)}}@keyframes ua-twinkle{0%,to{opacity:.15;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}@keyframes ua-rise{0%{transform:translateY(20px);opacity:0}20%{opacity:.9}to{transform:translateY(-160px);opacity:0}}@keyframes ua-glow{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}@keyframes ua-swing{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}@media (prefers-reduced-motion:reduce){:root{--motion-press:0ms;--motion-hover:0ms;--hover-lift:0px}[class*=ua-anim]{animation:none!important}}@font-face{font-family:Baloo\ 2;font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/baloo2-latin-var.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-latin-var.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/noto-thai-looped-var.woff2) format("woff2");unicode-range:u+0e01-0e5b,u+200b}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/noto-thai-var.woff2) format("woff2");unicode-range:u+0e01-0e5b,u+200b}