*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:IBM Plex Sans Thai,Sarabun,system-ui,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(23 23 47/var(--tw-text-opacity,1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IBM Plex Sans Thai,Sarabun,system-ui,sans-serif}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-10{inset:-2.5rem}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-bottom-\[\.18em\]{bottom:-.18em}.bottom-14{bottom:3.5rem}.left-1\/2{left:50%}.left-3{left:.75rem}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.z-50{z-index:50}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-11{margin-top:2.75rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-3\.5{margin-top:.875rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-\[18px\]{margin-top:18px}.mt-\[22px\]{margin-top:22px}.mt-\[72px\]{margin-top:72px}.block{display:block}.\!inline-block{display:inline-block!important}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-1\.5{height:.375rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[\.22em\]{height:.22em}.h-\[600px\]{height:600px}.h-full{height:100%}.\!min-h-11{min-height:2.75rem!important}.\!min-h-\[60px\]{min-height:60px!important}.min-h-\[72px\]{min-height:72px}.w-1\.5{width:.375rem}.w-\[600px\]{width:600px}.w-\[min\(100\%\,420px\)\]{width:min(100%,420px)}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-6xl{max-width:72rem}.max-w-\[1240px\]{max-width:1240px}.max-w-\[440px\]{max-width:440px}.max-w-\[540px\]{max-width:540px}.max-w-\[600px\]{max-width:600px}.flex-\[0_1_220px\]{flex:0 220px}.flex-\[0_1_280px\]{flex:0 280px}.flex-\[1\.1_1_440px\]{flex:1.1 440px}.flex-\[1\.25_1_520px\]{flex:1.25 520px}.flex-\[1\.3_1_480px\]{flex:1.3 480px}.flex-\[1\.6_1_520px\]{flex:1.6 520px}.flex-\[1_1_340px\]{flex:340px}.flex-\[1_1_380px\]{flex:380px}.flex-\[1_1_400px\]{flex:400px}.flex-\[1_1_560px\]{flex:560px}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-\[16\%\]{--tw-translate-x:-16%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[16\%\]{--tw-translate-x:16%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[120px_minmax\(0\,1fr\)\]{grid-template-columns:120px minmax(0,1fr)}.grid-cols-\[34px_minmax\(0\,1fr\)\]{grid-template-columns:34px minmax(0,1fr)}.grid-cols-\[48px_minmax\(0\,1fr\)_120px\]{grid-template-columns:48px minmax(0,1fr) 120px}.grid-cols-\[repeat\(auto-fit\,minmax\(min\(100\%\,240px\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.grid-cols-\[repeat\(auto-fit\,minmax\(min\(100\%\,250px\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-14{gap:3.5rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-x-11{-moz-column-gap:2.75rem;column-gap:2.75rem}.gap-y-7{row-gap:1.75rem}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-sm{border-radius:.125rem}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-\[1\.5px\]{border-bottom-width:1.5px}.border-r-\[1\.5px\]{border-right-width:1.5px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#2E3052\]{--tw-border-opacity:1;border-color:rgb(46 48 82/var(--tw-border-opacity,1))}.border-\[\#2E3256\]{--tw-border-opacity:1;border-color:rgb(46 50 86/var(--tw-border-opacity,1))}.border-line{--tw-border-opacity:1;border-color:rgb(222 221 230/var(--tw-border-opacity,1))}.border-navy{--tw-border-opacity:1;border-color:rgb(27 31 59/var(--tw-border-opacity,1))}.border-white\/35{border-color:#ffffff59}.border-white\/60{border-color:#fff9}.bg-\[\#EFEDFB\]{--tw-bg-opacity:1;background-color:rgb(239 237 251/var(--tw-bg-opacity,1))}.bg-\[\#F2F1F8\]{--tw-bg-opacity:1;background-color:rgb(242 241 248/var(--tw-bg-opacity,1))}.bg-footer{--tw-bg-opacity:1;background-color:rgb(26 27 53/var(--tw-bg-opacity,1))}.bg-green{--tw-bg-opacity:1;background-color:rgb(14 143 104/var(--tw-bg-opacity,1))}.bg-navy{--tw-bg-opacity:1;background-color:rgb(27 31 59/var(--tw-bg-opacity,1))}.bg-orange{--tw-bg-opacity:1;background-color:rgb(242 107 58/var(--tw-bg-opacity,1))}.bg-paper{--tw-bg-opacity:1;background-color:rgb(251 251 248/var(--tw-bg-opacity,1))}.bg-paper\/90{background-color:#fbfbf8e6}.bg-purple{--tw-bg-opacity:1;background-color:rgb(108 92 231/var(--tw-bg-opacity,1))}.bg-text{--tw-bg-opacity:1;background-color:rgb(23 23 47/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.\!px-\[18px\]{padding-left:18px!important;padding-right:18px!important}.\!px-\[30px\]{padding-left:30px!important;padding-right:30px!important}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[18px\]{padding-left:18px;padding-right:18px}.px-\[22px\]{padding-left:22px;padding-right:22px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-\[104px\]{padding-top:104px;padding-bottom:104px}.py-\[14px\]{padding-top:14px;padding-bottom:14px}.py-\[22px\]{padding-top:22px;padding-bottom:22px}.py-\[26px\]{padding-top:26px;padding-bottom:26px}.py-\[5px\]{padding-top:5px;padding-bottom:5px}.\!pb-\[\.22em\]{padding-bottom:.22em!important}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-6{padding-bottom:1.5rem}.pb-\[104px\]{padding-bottom:104px}.pb-\[150px\]{padding-bottom:150px}.pb-\[26px\]{padding-bottom:26px}.pl-0{padding-left:0}.pl-\[68px\]{padding-left:68px}.pr-11{padding-right:2.75rem}.pr-3\.5{padding-right:.875rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-2\.5{padding-top:.625rem}.pt-24{padding-top:6rem}.pt-3\.5{padding-top:.875rem}.pt-\[72px\]{padding-top:72px}.text-center{text-align:center}.text-right{text-align:right}.font-display{font-family:Anuphan,IBM Plex Sans Thai,sans-serif}.font-mono{font-family:IBM Plex Mono,ui-monospace,monospace}.font-sans{font-family:IBM Plex Sans Thai,Sarabun,system-ui,sans-serif}.\!text-\[15px\]{font-size:15px!important}.\!text-\[17px\]{font-size:17px!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[21px\]{font-size:21px}.text-\[22px\]{font-size:22px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[32px\]{font-size:32px}.text-\[48px\]{font-size:48px}.text-\[52px\]{font-size:52px}.text-\[56px\]{font-size:56px}.text-\[76px\]{font-size:76px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-\[1\.12\]{line-height:1.12}.leading-\[1\.2\]{line-height:1.2}.leading-\[1\.3\]{line-height:1.3}.leading-\[1\.45\]{line-height:1.45}.leading-\[1\.4\]{line-height:1.4}.leading-\[1\.55\]{line-height:1.55}.leading-\[1\.6\]{line-height:1.6}.leading-\[1\.75\]{line-height:1.75}.leading-\[1\.7\]{line-height:1.7}.leading-\[1\.8\]{line-height:1.8}.leading-none{line-height:1}.leading-snug{line-height:1.375}.tracking-\[-0\.015em\]{letter-spacing:-.015em}.tracking-\[\.06em\]{letter-spacing:.06em}.tracking-\[0\.2em\]{letter-spacing:.2em}.text-\[\#33374F\]{--tw-text-opacity:1;color:rgb(51 55 79/var(--tw-text-opacity,1))}.text-\[\#9C9EBA\]{--tw-text-opacity:1;color:rgb(156 158 186/var(--tw-text-opacity,1))}.text-\[\#B7B9D0\]{--tw-text-opacity:1;color:rgb(183 185 208/var(--tw-text-opacity,1))}.text-\[\#D4F3E8\]{--tw-text-opacity:1;color:rgb(212 243 232/var(--tw-text-opacity,1))}.text-\[\#E3DFFF\]{--tw-text-opacity:1;color:rgb(227 223 255/var(--tw-text-opacity,1))}.text-\[\#EDEBFF\]{--tw-text-opacity:1;color:rgb(237 235 255/var(--tw-text-opacity,1))}.text-accent{--tw-text-opacity:1;color:rgb(108 92 231/var(--tw-text-opacity,1))}.text-green{--tw-text-opacity:1;color:rgb(14 143 104/var(--tw-text-opacity,1))}.text-ink{--tw-text-opacity:1;color:rgb(71 75 99/var(--tw-text-opacity,1))}.text-muted{--tw-text-opacity:1;color:rgb(92 96 119/var(--tw-text-opacity,1))}.text-navy{--tw-text-opacity:1;color:rgb(27 31 59/var(--tw-text-opacity,1))}.text-orange{--tw-text-opacity:1;color:rgb(242 107 58/var(--tw-text-opacity,1))}.text-purple{--tw-text-opacity:1;color:rgb(108 92 231/var(--tw-text-opacity,1))}.text-text-muted{--tw-text-opacity:1;color:rgb(105 115 138/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-50{opacity:.5}.opacity-\[\.45\]{opacity:.45}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[12px\]{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-700{transition-duration:.7s}.ease-\[cubic-bezier\(\.2\,\.7\,\.2\,1\)\]{transition-timing-function:cubic-bezier(.2,.7,.2,1)}@font-face{font-family:Sarabun;src:url(/fonts/Sarabun-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sarabun;src:url(/fonts/Sarabun-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (width<=860px){.max-\[860px\]\:hidden{display:none}.max-\[860px\]\:px-5{padding-left:1.25rem;padding-right:1.25rem}.max-\[860px\]\:pl-\[44px\]{padding-left:44px}.max-\[860px\]\:pr-2{padding-right:.5rem}.max-\[860px\]\:text-\[22px\]{font-size:22px}.max-\[860px\]\:text-\[24px\]{font-size:24px}.max-\[860px\]\:text-\[34px\]{font-size:34px}.max-\[860px\]\:text-\[46px\]{font-size:46px}}@media (width<=480px){.max-\[480px\]\:hidden{display:none}.max-\[480px\]\:h-4{height:1rem}.max-\[480px\]\:h-7{height:1.75rem}.max-\[480px\]\:\!gap-2{gap:.5rem!important}.max-\[480px\]\:\!px-3\.5{padding-left:.875rem!important;padding-right:.875rem!important}.max-\[480px\]\:\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}}@media (width<=420px){.max-\[420px\]\:h-3\.5{height:.875rem}.max-\[420px\]\:h-6{height:1.5rem}.max-\[420px\]\:gap-3{gap:.75rem}.max-\[420px\]\:\!px-3{padding-left:.75rem!important;padding-right:.75rem!important}.max-\[420px\]\:\!text-\[13px\]{font-size:13px!important}}@media (width>=481px){.min-\[481px\]\:hidden{display:none}}@media (width>=640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@keyframes fade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fillx{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.btn{isolation:isolate;border-radius:4px;align-items:center;gap:12px;min-height:52px;padding:0 26px;font-size:16px;font-weight:600;transition:background .3s,color .3s;display:inline-flex;position:relative;overflow:hidden}.btn .arr{transition:transform .35s cubic-bezier(.2,.7,.2,1)}.btn:hover .arr{transform:translate(5px)}.btn-p:before,.btn-w:before{content:"";z-index:-1;transform-origin:100%;background:#1b1f3b;transition:transform .5s cubic-bezier(.7,0,.2,1);position:absolute;inset:0;transform:scaleX(0)}.btn-p:hover:before,.btn-w:hover:before{transform-origin:0;transform:scaleX(1)}.btn-p,.btn-p:hover{color:#fff;background:#6c5ce7}.btn-w{color:#1b1f3b;background:#fff}.btn-w:hover{color:#fff;background:#fff}.btn-line{color:#1b1f3b;border:1px solid #1b1f3b}.btn-line:hover{color:#fbfbf8;background:#1b1f3b}.ulink{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .35s}.ulink:hover{background-size:100% 1px}.shine:after{content:"";background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:40%;animation:3.4s ease-in-out infinite shine;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}@keyframes shine{0%,60%{left:-60%}to{left:130%}}.prog{transform-origin:0;background:#f26b3a;height:2px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.line{margin-top:-.3em;padding-top:.3em;padding-bottom:.06em;display:block;overflow:hidden}.line>span{animation:1.1s cubic-bezier(.2,.75,.15,1) both rise;display:block}@keyframes rise{0%{transform:translateY(105%)}to{transform:none}}.l2>span{animation-delay:.12s}.l3>span{animation-delay:.24s}.fade{animation:1s cubic-bezier(.2,.7,.2,1) both fade}.f1{animation-delay:.45s}.f2{animation-delay:.6s}.f3{animation-delay:.75s}.uline2{stroke-dasharray:420;stroke-dashoffset:420px;animation:1.3s cubic-bezier(.6,.1,.2,1) 1s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.cursor{vertical-align:-2px;background:#6c5ce7;width:8px;height:14px;margin-left:4px;animation:1s step-end infinite tickn;display:inline-block}@keyframes tickn{0%,to{opacity:1}50%{opacity:.25}}.label{background:#fff;border:1.5px solid #1b1f3b;border-radius:6px;animation:1.2s cubic-bezier(.2,.75,.15,1) .3s both labelIn;transform:rotate(2.2deg);box-shadow:14px 16px #e9e6fc}@keyframes labelIn{0%{opacity:0;transform:rotate(8deg)translate(40px,30px)}to{opacity:1;transform:rotate(2.2deg)}}.sway{animation:7s ease-in-out infinite sway}@keyframes sway{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(-1.2deg)}}.bars{background:repeating-linear-gradient(90deg,#1b1f3b 0 2px,#0000 2px 5px,#1b1f3b 5px 6px,#0000 6px 9px,#1b1f3b 9px 12px,#0000 12px 14px);height:58px;position:relative;overflow:hidden}.scan{background:#f26b3a;height:2px;animation:2.6s ease-in-out infinite scan;position:absolute;left:-4%;right:-4%;box-shadow:0 0 10px 2px #f26b3a8c}@keyframes scan{0%,to{top:4%}50%{top:92%}}.stamp{color:#0e8f68;text-align:center;border:2px solid #0e8f68;border-radius:50%;place-items:center;width:96px;height:96px;animation:.5s cubic-bezier(.3,1.6,.5,1) 1.6s both stamp;display:grid;position:absolute;bottom:96px;right:16px;transform:rotate(-14deg)}@keyframes stamp{0%{opacity:0;transform:rotate(-14deg)scale(1.8)}to{opacity:.9;transform:rotate(-14deg)scale(1)}}.track{background:#dedde6;height:2px;position:relative}.track .fillx{transform-origin:0;background:#1b1f3b;animation:2.4s cubic-bezier(.6,.1,.2,1) .8s both fillx;position:absolute;inset:0}.stop{background:#fbfbf8;border:2px solid #1b1f3b;border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;top:-5px}.truck{background:#f26b3a;border-radius:2px;width:14px;height:14px;margin-left:-7px;animation:9s cubic-bezier(.65,0,.35,1) 3s infinite drive;position:absolute;top:-6px}@keyframes drive{0%{left:0}22%,28%{left:33.33%}50%,56%{left:66.66%}78%,to{left:100%}}@keyframes par{0%{transform:translateY(40px)}to{transform:translateY(-60px)}}@supports (animation-timeline:view()){.rv{animation:linear both fade;animation-timeline:view();animation-range:entry cover 24%}}@supports (animation-timeline:scroll()){.prog{animation:linear both fillx;animation-timeline:scroll(root)}.par{animation:linear both par;animation-timeline:view()}}.rule{position:relative}.rule:before{content:"";transform-origin:0;background:currentColor;height:1px;animation:1.2s cubic-bezier(.6,.1,.2,1) both fillx;position:absolute;top:0;left:0;right:0}.idx{color:#5c6077;font-size:12px;font-weight:600}.srow{border-bottom:1px solid #dedde6;grid-template-columns:80px minmax(0,1.2fr) minmax(0,1fr) 48px;align-items:center;gap:24px;padding:30px 12px;transition:padding .4s cubic-bezier(.2,.7,.2,1),color .4s;display:grid;position:relative}.srow:before{content:"";transform-origin:bottom;z-index:0;background:#6c5ce7;transition:transform .45s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:scaleY(0)}.srow>*{z-index:1;position:relative}.srow:hover{color:#fff;padding-left:28px}.srow:hover:before{transform:scaleY(1)}.srow:hover .sd,.srow:hover .idx{color:#edebff}.srow .go{transition:transform .4s cubic-bezier(.2,.7,.2,1)}.srow:hover .go{transform:rotate(-45deg)}.wtab{cursor:pointer;font:inherit;color:#fff;background:0 0;border:0;min-height:44px;padding:4px 0;font-family:Anuphan,sans-serif;font-size:44px;font-weight:600;line-height:1.1;transition:opacity .4s;position:relative}.wtab:after{content:"";transform-origin:0;height:3px;transform:scaleX(var(--u,0));background:#fff;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:-6px;left:0;right:0}.wtab:focus-visible{outline-offset:8px;outline:2px solid #fff}.swap{animation:.6s cubic-bezier(.2,.7,.2,1) both fade}.wli{border-top:1px solid #ffffff59;grid-template-columns:48px minmax(0,1fr);align-items:baseline;gap:16px;padding:18px 0;font-size:19px;animation:.6s cubic-bezier(.2,.7,.2,1) both fade;display:grid}.w1{animation-delay:50ms}.w2{animation-delay:.12s}.w3{animation-delay:.19s}.w4{animation-delay:.26s}.w5{animation-delay:.33s}.whoword{white-space:nowrap;pointer-events:none;color:#0000;-webkit-text-stroke:1.5px #ffffff47;font-family:Anuphan,sans-serif;font-size:200px;font-weight:700;line-height:1;position:absolute;bottom:-34px;left:0}.whoword span{animation:50s linear infinite mq;display:inline-block}@keyframes mq{to{transform:translate(-50%)}}@keyframes clipup{0%{clip-path:inset(0 0 100%);transform:translateY(36px)}to{clip-path:inset(0 0 -10%);transform:none}}@keyframes slidein{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:none}}@keyframes readfill{0%{background-position:100% 0}to{background-position:0 0}}@supports (animation-timeline:view()){.h2.rv{animation:linear both clipup;animation-timeline:view();animation-range:entry cover 30%}.srow.rv{animation:linear both slidein;animation-timeline:view();animation-range:entry cover 30%}.read{background:linear-gradient(90deg,#1b1f3b 50%,#c9c8d6 50%) 100% 0/200% 100%;color:#0000;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-background-clip:text;background-clip:text;animation:linear both readfill;animation-timeline:view();animation-range:entry 30% cover 60%}}@media (width<=860px){.srow{grid-template-columns:44px minmax(0,1fr) 32px}.srow .sd{grid-column:2/3}.wtab{font-size:30px}.whoword{font-size:110px}}.mq{white-space:nowrap;overflow:hidden}.mq-track{align-items:center;animation:42s linear infinite mq;display:inline-flex}.mq:hover .mq-track{animation-play-state:paused}.mq2 .mq-track{flex-wrap:wrap;justify-content:center;row-gap:8px;animation:none;display:flex}.mqi{color:#0000;-webkit-text-stroke:1.2px #1b1f3b;padding:0 28px;font-family:Anuphan,sans-serif;font-size:64px;font-weight:600;line-height:1;transition:color .3s}.mqi:hover{color:#6c5ce7;-webkit-text-stroke-color:#6c5ce7}.mqs{background:#f26b3a;flex:none;width:14px;height:14px}.mqi2{letter-spacing:.08em;text-transform:uppercase;color:#5c6077;padding:0 26px;font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:600}.course .ph{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.course:hover .ph{transform:scale(1.05)}.ph-empty{background:repeating-linear-gradient(90deg,#e6e3fa 0 1px,#0000 1px 34px),repeating-linear-gradient(0deg,#e6e3fa 0 1px,#0000 1px 34px)}.course:hover .ph-empty{animation:1.4s linear infinite stripes}@keyframes stripes{to{background-position:68px 0}}.course h3{transition:color .3s}.course:hover h3{color:#6c5ce7}.course .lvl{transition:transform .4s cubic-bezier(.3,1.6,.5,1)}.course:hover .lvl{transform:translateY(-3px)rotate(-3deg)}.board{color:#fff;background:#1b1f3b;border-radius:6px;position:relative;overflow:hidden}.brow{border-top:1px solid #2e3256;align-items:center;padding:16px 22px;font-family:IBM Plex Mono,monospace;font-size:15px}.brow .t{transform-origin:bottom;animation:7s cubic-bezier(.2,.7,.2,1) infinite flipLoop;display:inline-block}@keyframes flipLoop{0%{opacity:0;transform:rotateX(90deg)}6%,88%{opacity:1;transform:none}94%,to{opacity:0;transform:rotateX(-90deg)}}.open{color:#7ee2be;animation:2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.board .sweep{pointer-events:none;background:linear-gradient(#0000,#7ee2be1f,#0000);height:52px;animation:4s linear infinite sweep;position:absolute;left:0;right:0}@keyframes sweep{0%{top:40px}to{top:100%}}@keyframes up{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}@supports (animation-timeline:view()){.ch.rv{animation:linear both clipup;animation-timeline:view();animation-range:entry cover 30%}.course.rv{animation:linear both up;animation-timeline:view();animation-range:entry cover 35%}}@media (width<=860px){.mqi{font-size:40px}}.step{padding-top:28px;position:relative}.step .bar{background:#dedde6;height:3px;position:absolute;top:0;left:0;right:0;overflow:hidden}.step .bar i{transform-origin:0;background:#6c5ce7;animation:1s cubic-bezier(.6,.1,.2,1) both fillx;position:absolute;inset:0;transform:scaleX(0)}.s1 .bar i{animation-delay:.2s}.s2 .bar i{animation-delay:.9s}.s3 .bar i{animation-delay:1.6s}.s4 .bar i{background:#f26b3a;animation-delay:2.3s}.steps-track{height:3px;margin-bottom:-3px;position:relative}.truck2{z-index:2;background:#f26b3a;width:15px;height:15px;margin-left:-7px;animation:8s cubic-bezier(.65,0,.35,1) infinite drive2;position:absolute;top:-6px}@keyframes drive2{0%{left:0}20%,25%{left:25%}45%,50%{left:50%}70%,75%{left:75%}95%,to{left:100%}}.fq{cursor:pointer;width:100%;font:inherit;text-align:left;color:#1b1f3b;background:0 0;border:0;grid-template-columns:56px minmax(0,1fr) 32px;align-items:center;gap:12px;min-height:64px;padding:26px 0;display:grid}.fq .qt{font-family:Anuphan,sans-serif;font-size:21px;font-weight:600;transition:color .3s,transform .4s cubic-bezier(.2,.7,.2,1)}.fq:hover .qt{color:#6c5ce7;transform:translate(6px)}.fq:focus-visible{outline-offset:4px;outline:2px solid #6c5ce7}.pm{justify-self:end;width:20px;height:20px;position:relative}.pm:before,.pm:after{content:"";background:#1b1f3b;height:2px;transition:transform .4s cubic-bezier(.2,.7,.2,1);position:absolute;top:9px;left:0;right:0}.pm:after{transform:rotate(var(--r,90deg))}.ans{transition:grid-template-rows .5s cubic-bezier(.2,.7,.2,1);display:grid}.route{stroke-dasharray:6 10;animation:7s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-200px}}.mega{letter-spacing:-.03em;color:#0000;-webkit-text-stroke:1.5px #3a3c66;white-space:nowrap;font-family:Nunito,sans-serif;font-size:clamp(80px,17vw,260px);font-weight:900;line-height:.9;transition:color .6s}.mega:hover{color:#6c5ce7;-webkit-text-stroke-color:#6c5ce7}@keyframes slideMega{0%{transform:translate(-12%)}to{transform:translate(0)}}@supports (animation-timeline:view()){.step .bar i{animation:linear both fillx;animation-timeline:view();animation-range:entry 30% cover 55%}.step.rv{animation:linear both up;animation-timeline:view();animation-range:entry cover 35%}.mega{animation:linear both slideMega;animation-timeline:view();animation-range:entry cover 60%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.uline2{stroke-dashoffset:0}.step .bar i{transform:none}.route-dot{display:none}}
