@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"IBM Plex Sans Thai", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--leading-relaxed:1.625;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg:#eaf6ff;--color-nav:#cdefff;--color-ink:#000072;--color-text:#1b1730;--color-sky:#5eb3e7;--color-card:#fff;--color-muted:#5a6385;--color-faint:#8b90ad;--color-sky-ink:#1f72ad;--color-soft:#e4f3ff;--color-soft2:#eef7ff;--color-green:#12895a;--color-green-soft:#dff5ea;--color-amber:#e8740a;--color-amber-soft:#ffeccb;--color-line:#dbe7f3;--shadow-soft:0 1px 2px #0000720d;--shadow-card:0 2px 8px #00007212, 0 18px 38px -18px #1f72ad4d}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.field{height:calc(var(--spacing) * 12);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line);background-color:var(--color-white);width:100%;padding-inline:calc(var(--spacing) * 4);color:var(--color-text);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-outline-style:none;outline-style:none;font-size:15px}.field:focus{border-color:var(--color-sky);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:#5eb3e74d}@supports (color:color-mix(in lab,red,red)){.field:focus{--tw-ring-color:color-mix(in oklab, var(--color-sky) 30%, transparent)}}.field-label{margin-bottom:calc(var(--spacing) * 1.5);--tw-font-weight:var(--font-weight-medium);font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-muted);display:block}.btn-primary{cursor:pointer;border-radius:var(--radius-xl);background-color:var(--color-ink);width:100%;padding-block:calc(var(--spacing) * 3);--tw-font-weight:var(--font-weight-semibold);font-size:15px;font-weight:var(--font-weight-semibold);color:var(--color-white);--tw-shadow:0 2px 8px var(--tw-shadow-color,#00007212), 0 18px 38px -18px var(--tw-shadow-color,#1f72ad4d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.btn-primary:hover{--tw-brightness:brightness(110%);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,)}}.btn-primary:active{--tw-brightness:brightness(95%);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,)}.link-sky{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-sky-ink);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.link-sky:hover{color:var(--color-ink)}}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-1\/2{top:50%}.left-1\/2{left:50%}.isolate{isolation:isolate}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.my-4{margin-block:calc(var(--spacing) * 4)}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-auto{margin-top:auto}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.h-8{height:calc(var(--spacing) * 8)}.h-px{height:1px}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-\[calc\(100vh-74px\)\]{min-height:calc(100vh - 74px)}.w-8{width:calc(var(--spacing) * 8)}.w-auto{width:auto}.w-full{width:100%}.max-w-\[420px\]{max-width:420px}.max-w-\[440px\]{max-width:440px}.max-w-\[480px\]{max-width:480px}.min-w-0{min-width:0}.flex-1{flex:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[10px\]{border-radius:10px}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#d4e4f2\]{border-color:#d4e4f2}.border-\[\#ffe2a8\]{border-color:#ffe2a8}.border-\[rgba\(31\,114\,173\,0\.22\)\]{border-color:#1f72ad38}.border-line{border-color:var(--color-line)}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.border-t-\[\#1f72ad\]{border-top-color:#1f72ad}.border-t-white{border-top-color:var(--color-white)}.bg-\[\#eef5fb\]{background-color:#eef5fb}.bg-\[\#fdeced\]{background-color:#fdeced}.bg-\[\#fff7e6\]{background-color:#fff7e6}.bg-amber-soft{background-color:var(--color-amber-soft)}.bg-card{background-color:var(--color-card)}.bg-green-soft{background-color:var(--color-green-soft)}.bg-ink{background-color:var(--color-ink)}.bg-soft2{background-color:var(--color-soft2)}.p-6{padding:calc(var(--spacing) * 6)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-\[22px\]{padding-block:22px}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[21px\]{font-size:21px}.text-\[22px\]{font-size:22px}.text-\[34px\]{font-size:34px}.text-\[38px\]{font-size:38px}.text-\[40px\]{font-size:40px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.\!text-muted{color:var(--color-muted)!important}.text-\[\#1a9b6c\]{color:#1a9b6c}.text-\[\#8a5a00\]{color:#8a5a00}.text-\[\#33506b\]{color:#33506b}.text-\[\#b3344a\]{color:#b3344a}.text-amber{color:var(--color-amber)}.text-faint{color:var(--color-faint)}.text-green{color:var(--color-green)}.text-ink{color:var(--color-ink)}.text-muted{color:var(--color-muted)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-80{opacity:.8}.shadow-card{--tw-shadow:0 2px 8px var(--tw-shadow-color,#00007212), 0 18px 38px -18px var(--tw-shadow-color,#1f72ad4d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.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-filter{-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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.hover\:bg-\[\#f7f9fc\]:hover{background-color:#f7f9fc}.hover\:\!text-ink:hover{color:var(--color-ink)!important}.hover\:underline:hover{text-decoration-line:underline}}@media(min-width:560px){.min-\[560px\]\:items-start{align-items:flex-start}}@media(min-width:40rem){.sm\:inline{display:inline}.sm\:px-7{padding-inline:calc(var(--spacing) * 7)}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}:root{--bg:var(--color-bg);--nav:var(--color-nav);--ink:var(--color-ink);--text:var(--color-text);--sky:var(--color-sky);--card:var(--color-card);--muted:var(--color-muted);--faint:var(--color-faint);--sky-ink:var(--color-sky-ink);--soft:var(--color-soft);--soft2:var(--color-soft2);--green:var(--color-green);--green-soft:var(--color-green-soft);--amber:var(--color-amber);--amber-soft:var(--color-amber-soft);--shadow-sm:0 1px 2px rgba(0,0,114,.05);--shadow:0 2px 8px rgba(0,0,114,.07), 0 18px 38px -18px rgba(31,114,173,.3);--shadow-lg:0 2px 8px rgba(0,0,114,.07), 0 34px 56px -22px rgba(31,114,173,.42);--maxw:1140px}*{box-sizing:border-box}.sec{scroll-margin-top:36px}body{font-family:IBM Plex Sans Thai,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}html.no-sb{scrollbar-width:none}html.no-sb::-webkit-scrollbar{display:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}a{color:inherit;text-decoration:none;transition:color .15s ease}a:hover{text-decoration:none}a.btn-primary{color:#fff}.stripe-logo{height:1em;width:auto;display:block;color:#533afd}span:has(>.stripe-logo){display:inline-flex;align-items:center;gap:.3em}nav{position:sticky;top:0;z-index:9;background:linear-gradient(180deg,#ffffff24,#fff0 60%),#c0e9ffb8;backdrop-filter:blur(18px) saturate(185%);-webkit-backdrop-filter:blur(18px) saturate(185%);transform:translateZ(0)}.nav{display:flex;align-items:center;justify-content:space-between;height:74px}.logo{font-weight:700;font-size:21px;color:var(--ink);display:flex;align-items:center;gap:10px}.logo .mk{width:34px;height:34px;display:block;flex:none;background:url(/icons/ezybot.png) center/contain no-repeat}.logo .logo-th{color:var(--muted);font-weight:600}.logo-name-sm{display:none}.links{display:flex;gap:30px;font-size:15px;color:var(--muted)}.links a:hover{color:var(--ink)}.navr{display:flex;align-items:center;gap:14px}.lang{font-size:13px;background:#fff;border-radius:999px;padding:7px 13px;color:var(--sky-ink);font-weight:600;box-shadow:var(--shadow-sm)}.btn{font-size:15px;font-weight:600;padding:11px 20px;border-radius:12px;background:var(--ink);color:#fff;box-shadow:var(--shadow);transition:.16s;cursor:pointer;border:0;display:inline-flex;align-items:center;justify-content:center;gap:7px}.navr .btn{min-width:125px}.btn:hover{transform:translateY(-1px);filter:brightness(1.12);box-shadow:var(--shadow-lg)}.btn:disabled,.btn:disabled:hover{opacity:.5;cursor:not-allowed;transform:none;filter:none;box-shadow:var(--shadow-sm)}.btn.ghost{background:#fff;color:var(--ink);box-shadow:var(--shadow-sm)}.btn.ghost:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.btn-google{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer;transition:.16s}.btn-google:hover{background:var(--soft2);box-shadow:var(--shadow-sm)}.hero{position:relative;padding:92px 0 66px}.hero .wrap{position:relative;z-index:1}.reveal{opacity:0;transform:translateY(14px);animation:rise .7s cubic-bezier(.2,.7,.2,1) forwards}.reveal.d1{animation-delay:.05s}.reveal.d2{animation-delay:.13s}.reveal.d3{animation-delay:.21s}.reveal.d4{animation-delay:.29s}@keyframes rise{to{opacity:1;transform:none}}.js .sr{opacity:0;transform:translateY(16px)}.js .sr.shown{animation-name:rise;animation-duration:.6s;animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-fill-mode:both}.sr-instant{opacity:1!important;transform:none!important;animation:none!important}.reveal-init *{transition:none!important}.feat .sr:nth-child(1){animation-delay:.04s}.feat .sr:nth-child(2){animation-delay:.12s}.feat .sr:nth-child(3){animation-delay:.2s}@media(prefers-reduced-motion:reduce){.js .sr,.reveal{opacity:1!important;transform:none!important;animation:none!important}}.eyebrow{display:flex;width:fit-content;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--sky-ink);background:#fff;padding:7px 14px;border-radius:999px;box-shadow:var(--shadow-sm)}h1{font-size:clamp(40px,6vw,68px);line-height:1.08;letter-spacing:-.03em;font-weight:700;color:var(--ink);max-width:none;margin-top:24px}h1 .g{color:var(--sky-ink)}h1 .hline{display:block}.hero p{margin-top:22px;font-size:19px;color:var(--muted);max-width:50ch}.cta{margin-top:36px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}.note{font-size:14px;color:var(--muted)}.sec{padding:70px 0}.app-sec{padding-top:40px}.sec-h{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.sec-h h2{font-size:28px;letter-spacing:-.02em;font-weight:700;color:var(--ink)}.sec-h p{color:var(--muted);font-size:15px;margin-top:6px}.sec-h a{font-size:15px;color:var(--sky-ink);font-weight:600}.sec-h a:hover{color:var(--ink)}.see-mine{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.see-mine i{font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--card);border-radius:16px;padding:24px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;cursor:pointer}.card:nth-child(1){animation-delay:.04s}.card:nth-child(2){animation-delay:.09s}.card:nth-child(3){animation-delay:.14s}.card:nth-child(4){animation-delay:.19s}.card:nth-child(5){animation-delay:.24s}.card:nth-child(6){animation-delay:.29s}.card:nth-child(7){animation-delay:.34s}.card:nth-child(8){animation-delay:.39s}.card:nth-child(9){animation-delay:.44s}.card:nth-child(10){animation-delay:.49s}.card:nth-child(11){animation-delay:.54s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.card.soon{filter:grayscale(.35) opacity(.78);cursor:default}.card.soon:hover{transform:none;box-shadow:var(--shadow)}.card.soon:hover .ic{transform:none}.card.static{cursor:default}.card.static:hover{transform:none;box-shadow:var(--shadow)}.card.static:hover .ic{transform:none}.ctop{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.ic{width:58px;height:58px;border-radius:16px;background:var(--soft2);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .2s}.card:hover .ic{transform:scale(1.06) rotate(-3deg)}.ic .ph{font-weight:700;color:var(--sky-ink);font-size:20px}.ic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.chip{font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px}.chip.on{background:var(--green-soft);color:var(--green)}.chip.buy{background:var(--soft);color:var(--sky-ink)}.chip.soon{background:#e7eaf0;color:#7a8197}.chip.coming,.chip.renew{background:var(--amber-soft);color:var(--amber)}.card h3{font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.ic-wrap{position:relative;display:inline-flex;flex:none}.new-tag{position:absolute;top:-9px;right:-11px;z-index:2;font-size:10.5px;font-weight:700;line-height:1;letter-spacing:.01em;color:#fff;padding:3px 8px;border-radius:999px;background:linear-gradient(135deg,#25c17a,#0f9d58);box-shadow:0 1px 5px #0f9d5873;animation:newPulse 2.4s ease-in-out infinite}@keyframes newPulse{0%,to{box-shadow:0 1px 4px #0f9d5859}50%{box-shadow:0 1px 8px #0f9d588c}}@media(prefers-reduced-motion:reduce){.new-tag{animation:none}}.card .k{font-size:13px;color:var(--faint);margin-top:2px}.card .cmeta{margin-top:6px}.card .cmeta .k{margin-top:1px}.card .k-ok{color:var(--green);font-weight:400}.card .k-warn{color:var(--amber);font-weight:400}.card .k-exp{color:#c0344a;font-weight:400}.card .k-unl{color:var(--green);font-weight:400}.card .k-lim{color:var(--sky-ink);font-weight:400}.card .k-renew{color:var(--amber);font-weight:400}.apptabs{position:relative;display:flex;margin:18px 0 28px;border-bottom:1px solid var(--line)}.apptab{padding:10px 9px;margin-bottom:-1px;font-size:15px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;transition:color .22s ease}.apptab:hover,.apptab.on{color:var(--ink)}.apptab-underline{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--sky-ink);border-radius:4px;transform:translate(0);transition:transform .32s cubic-bezier(.4,0,.2,1),width .32s cubic-bezier(.4,0,.2,1);pointer-events:none;view-transition-name:apptab-underline}.apptab-back{display:inline-flex;align-items:center;justify-content:center;padding:10px 9px 10px 2px;margin:0 0 -1px;background:none;border:0;color:var(--sky-ink);font-size:14px;line-height:1;cursor:pointer;transition:color .2s ease,opacity .2s ease}.apptab-back i{transform:translateY(-1px)}.apptab-back:hover:not(:disabled){color:var(--ink)}.apptab-back:disabled{color:var(--muted);opacity:.45;cursor:default}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.feat .fic{width:46px;height:46px;border-radius:13px;background:#fff;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;color:var(--sky-ink);margin-bottom:16px}.feat .fic i{font-size:20px}.feat h4{font-size:18px;font-weight:600;margin-bottom:7px;color:var(--ink)}.feat p{color:var(--muted);font-size:15px}footer{color:var(--muted);font-size:14px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}footer.wrap{padding:46px 28px;margin-top:48px;background:var(--nav);box-shadow:0 0 0 100vmax var(--nav);clip-path:inset(0 -100vmax)}footer .foot-links{display:flex;align-items:center;gap:22px}footer .foot-social{display:inline-flex;align-items:center;gap:14px}footer .foot-fb,footer .foot-yt,footer .foot-tg{font-size:17px;line-height:1;display:inline-flex}.page-shell{display:flex;flex-direction:column;min-height:100dvh}.page-shell>.sec{flex:1 0 auto}.page-shell>footer{width:100%}.dash-foot{display:flex;align-items:center;justify-content:center;height:80px;font-size:12.5px;color:var(--faint)}footer a:hover{color:var(--ink)}.legal{max-width:780px;margin:0 auto;padding:48px 28px 80px}.legal .doc{background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:40px}.legal h1{font-size:30px;line-height:1.2;letter-spacing:-.02em;color:var(--ink);max-width:none;margin:0 0 4px}.legal .lead{color:var(--muted);font-size:15px}.legal .updated{color:var(--faint);font-size:13px;margin-top:6px}.legal h2{font-size:17px;font-weight:600;color:var(--ink);margin:26px 0 8px}.legal p{color:var(--text);font-size:15px;line-height:1.75;margin-bottom:12px}.legal a{color:var(--sky-ink);font-weight:600}.legal a:hover{color:var(--ink)}.legal .back{display:inline-flex;align-items:center;gap:7px;margin-top:28px;color:var(--sky-ink);font-weight:600;font-size:14px;border:0;background:none;cursor:pointer;font-family:inherit;transition:color .15s ease}.legal .back:hover{color:var(--ink)}.legal .back i{font-size:12px}.langsw{position:relative;display:inline-flex;width:108px;gap:2px;background:var(--soft2);border-radius:999px;padding:3px}.langsw:before{content:"";position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:calc((100% - 8px)/2);background:#fff;border-radius:999px;box-shadow:var(--shadow-sm);transition:transform .26s cubic-bezier(.4,0,.2,1)}.langsw:has(button[data-lang-btn=en].on):before{transform:translate(calc(100% + 2px))}.langsw button{position:relative;z-index:1;flex:1;min-width:0;text-align:center;font-family:inherit;border:0;background:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--muted);padding:6px 0;border-radius:999px;transition:color .18s ease}.langsw button.on{color:var(--ink)}@media(prefers-reduced-motion:reduce){.langsw:before{transition-duration:.01ms}}@media(max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.feat{grid-template-columns:1fr;gap:24px}.links{display:none}.hero{padding:76px 0 56px}}@media(max-width:560px){.wrap{padding:0 18px}.nav{height:62px}.logo{font-size:17px;gap:8px}.logo .mk{width:28px;height:28px}.logo-name{display:none}.logo-name-sm{display:inline}.navr{gap:8px}.navr .btn{min-width:0;padding:9px 13px;font-size:13.5px}.nav-hide-sm{display:none}.hero{padding:56px 0 44px}.hero h1{font-size:clamp(33px,9vw,46px)}.hero p{font-size:17px;margin-top:18px}.cta{gap:10px;margin-top:28px}.sec{padding:48px 0}.app-sec{padding-top:24px}.sec-h{margin-bottom:22px}.grid{grid-template-columns:1fr}.card{padding:20px}footer{flex-direction:column;align-items:center;text-align:center;gap:14px}footer.wrap{padding:36px 18px}footer .foot-social{order:-1;margin-bottom:6px}footer .foot-links{flex-wrap:wrap;justify-content:center;gap:10px 22px}}.cookie-bar{position:fixed;left:50%;transform:translate(-50%);bottom:18px;z-index:60;width:calc(100% - 32px);max-width:660px;display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);padding:14px 20px}.cookie-text{font-size:13px;color:var(--muted);line-height:1.65;flex:1;margin:0;text-wrap:balance}.cookie-link{color:var(--sky-ink);font-weight:600;white-space:nowrap;margin-left:4px}.cookie-accept{flex-shrink:0;font-size:14px;font-weight:600;padding:10px 20px;border-radius:11px;background:var(--ink);color:#fff;border:0;cursor:pointer;transition:.16s}.cookie-accept:hover{filter:brightness(1.12)}@media(max-width:560px){.cookie-bar{flex-direction:column;align-items:stretch;gap:10px;bottom:12px;padding:14px 16px}.cookie-accept{width:100%}}.btn.btn-danger{background:#c0344a;color:#fff;box-shadow:var(--shadow-sm)}.btn.btn-danger:hover{filter:brightness(1.07)}.btn.btn-sm{font-size:13px;padding:8px 14px;border-radius:11px}.lc-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#141e2d73;backdrop-filter:blur(2px);padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}.lc-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.lc-box{background:#fff;border-radius:18px;box-shadow:var(--shadow-lg);padding:24px 22px;max-width:340px;width:100%;text-align:center;transform:translateY(-18px);opacity:0;transition:transform .26s cubic-bezier(.2,.85,.3,1),opacity .26s ease}.lc-overlay.open .lc-box{transform:translateY(0);opacity:1}.lc-msg{font-size:16px;font-weight:600;color:var(--ink);margin:4px 0 20px}.lc-actions{display:flex;gap:10px}.lc-actions .btn{flex:1}@media(prefers-reduced-motion:reduce){.lc-overlay,.lc-box{transition-duration:.01ms}}.buy-bg{opacity:0;transition:opacity .24s ease}.buy-bg.open{opacity:1}.buy-bg .buy-box{transform:translateY(-16px) scale(.985);opacity:0;transition:transform .26s cubic-bezier(.2,.85,.3,1),opacity .26s ease}.buy-bg.open .buy-box{transform:translateY(0) scale(1);opacity:1}@media(prefers-reduced-motion:reduce){.buy-bg,.buy-bg .buy-box{transition-duration:.01ms}}.buy-box{position:relative}.buy-bg.m-stacked{background:transparent;backdrop-filter:none}.buy-bg.m-behind .buy-box:after{content:"";position:absolute;inset:0;background:#00007252;backdrop-filter:blur(1px);border-radius:18px;pointer-events:none;z-index:10}#docpanels{margin-top:6px}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}