:root{--color-primary: #D99A00;--color-primary-light: rgba(255, 196, 0, .16);--color-accent: #FFD21A;--color-on-primary: #090700;--color-bg: #070600;--color-bg-2: #151000;--color-bg-3: #0D0A00;--color-border: rgba(255, 210, 26, .42);--color-border-subtle: rgba(255, 210, 26, .18);--color-text: #FFF8D6;--color-text-muted: #CDBF91;--color-white: #ffffff;--brand-highlight: #FFD21A;--glass-bg: rgba(7, 6, 0, .76);--glass-blur: blur(14px);--glass-border: 1px solid rgba(255, 210, 26, .32);--glass-bg-mobile: rgba(7, 6, 0, .92);--glass-border-mobile: 1px solid rgba(255, 210, 26, .4);--header-glass-shadow: 0 1px 0 rgba(255, 210, 26, .28), 0 8px 30px rgba(0, 0, 0, .82), 0 0 24px rgba(255, 174, 0, .24);--nav-text: #FFF8D6;--nav-active-bg: rgba(255, 210, 26, .2);--btn-primary-bg: #FFD21A;--btn-primary-text: #090700;--btn-outline-text: #FFD21A;--action-btn-h: 120px;--page-overlay: rgba(7, 6, 0, .8);--glow-sm: 0 0 10px rgba(255, 196, 0, .38);--glow-md: 0 0 22px rgba(255, 174, 0, .46);--glow-lg: 0 0 40px rgba(255, 153, 0, .54);--font-sans: "Sarabun", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--container-max: 1200px;--container-pad: 1.25rem;--section-pad-y: 2.5rem;--header-height: 96px;--header-logo-height: 100px;--header-logo-height-mobile: 64px;--header-logo-height-xs: 44px;--fz-display: clamp(2rem, 5vw, 4rem);--fz-hero-title: var(--fz-page-title);--fz-page-title: clamp(1.5rem, 3.5vw, 2.2rem);--fz-section-title: clamp(1.125rem, 2.2vw, 1.5rem);--fz-card-title: clamp(1rem, 1.6vw, 1.25rem);--fz-body-lg: clamp(.9375rem, 1.35vw, 1rem);--fz-body: clamp(.8125rem, 1.2vw, .9rem);--fz-small: .875rem;--fz-xs: .75rem;--fz-eyebrow: .72rem;--fz-button: 1rem;--fz-button-lg: 1.125rem;--fz-button-sm: .875rem;--fz-heading: var(--fz-section-title);--lh-heading: 1.4;--lh-body: 1.8;--bottom-nav-height: 64px;--bottom-nav-bar-shadow: 0 -4px 24px rgba(0, 0, 0, .86), 0 0 20px rgba(255, 174, 0, .26);--bottom-nav-item-color: var(--nav-text);--bottom-nav-item-hover: var(--brand-highlight);--bottom-nav-item-active: var(--brand-highlight);--bottom-nav-play-bg: linear-gradient(180deg, #FFF06A 0%, #FFC400 48%, #C77A00 100%);--bottom-nav-play-text: #090700;--bottom-nav-play-shadow: 0 -3px 18px rgba(0, 0, 0, .8), 0 0 26px rgba(255, 196, 0, .44);--bottom-nav-play-hover-brightness: 1.08}