@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/font-0.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/font-1.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/font-2.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/font-3.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/font-4.ttf)format("truetype")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/fonts/font-5.ttf)format("truetype")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/fonts/font-6.ttf)format("truetype")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/fonts/font-7.ttf)format("truetype")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/fonts/font-8.ttf)format("truetype")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#030405;--ink:#f1f4f3;--muted:#a0b1ab;--line:#ccede01f;--green:#b8f6d7;--font:"DM Sans", "Noto Sans Thai", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{isolation:isolate;min-width:300px;min-height:100svh;font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;position:relative;overflow-x:clip}.ambient-background{z-index:0;pointer-events:none;background:linear-gradient(155deg,#040506,#020303 65%,#030405);position:fixed;inset:0;overflow:hidden}.ambient-orb{will-change:transform, opacity;border-radius:50%;width:clamp(420px,70vw,1050px);height:clamp(420px,85vh,900px);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;position:absolute}.ambient-mint{background:radial-gradient(#39c99b24 0%,#279a720d 30%,#0000 70%);animation-name:mint-drift;animation-duration:10s;animation-delay:-3s;top:-30vh;left:23vw}.ambient-blue{background:radial-gradient(#5b7fda20 0%,#335aaf0a 32%,#0000 70%);animation-name:blue-drift;animation-duration:13s;animation-delay:-5s;top:6vh;left:-31vw}.ambient-violet{background:radial-gradient(#9a6bcd18 0%,#6b439e08 30%,#0000 70%);animation-name:violet-drift;animation-duration:15s;animation-delay:-7s;top:28vh;right:-34vw}.ambient-background[data-paused=true] .ambient-orb{animation-play-state:paused}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,pre:focus-visible{outline-offset:5px;outline:2px solid #b8f6d7}input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #b8f6d7}::selection{color:#08291c;background:#b8f6d7}.site{z-index:1;flex-direction:column;max-width:1480px;min-height:100svh;margin:0 auto;padding:0 5.6%;display:flex;position:relative}.skip-link{z-index:100;color:#071a11;background:var(--green);border-radius:8px;padding:14px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.header{border-bottom:1px solid var(--line);z-index:2;justify-content:space-between;align-items:center;height:94px;display:flex;position:relative}.brand{letter-spacing:-1.4px;font-family:DM Sans,sans-serif;font-size:31px;font-weight:750;line-height:1}.brand-buzz{color:#f5f7f6}.brand-ai{color:#a5f3cf;font-weight:500}.navigation{align-items:center;gap:34px;height:100%;display:flex;position:absolute;left:50%;transform:translate(-50%)}.navigation a{color:#a2b6ae;font-size:13px;transition:color .2s;position:relative}.navigation a:hover,.navigation a.active{color:#f0fff6}.navigation a.active:after{content:"";background:var(--green);border-radius:2px;height:2px;position:absolute;bottom:-12px;left:0;right:0;box-shadow:0 0 12px #a8ffcc40}.button{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:15px 25px;font-size:13px;font-weight:550;line-height:1.5;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.primary{color:#0b2b1d;background:linear-gradient(120deg,#cbffe5,#9cecc7);border-color:#c5ffe44d;box-shadow:0 3px 18px #77dcb417,inset 0 1px #ffffff65}.primary:hover{background:linear-gradient(120deg,#dcffee,#b0ffdb);box-shadow:0 5px 28px #77dcb42e,inset 0 1px #ffffff80}.secondary,.header-cta{color:#e0eee7;background:#dbfbe908;border-color:#d5ffed29;box-shadow:inset 0 1px #ffffff04}.secondary:hover,.header-cta:hover{background:#d5ffe910;border-color:#d5ffed45}.header-cta{border-radius:8px;padding:11px 19px;font-size:12px}.hero{text-align:center;padding:80px 0 47px;animation:.7s both arrive;position:relative}.availability{color:#c4ead6;letter-spacing:.35px;background:linear-gradient(120deg,#effff80a,#b0f3d410);border:1px solid #b2f3d226;border-radius:99px;align-items:center;padding:6px 13px;font-size:10px;line-height:1.6;display:inline-flex;box-shadow:inset 0 1px #ffffff08}.hero h1{letter-spacing:-3px;margin:24px 0 0;font-weight:500;line-height:1.14}.english-title{letter-spacing:-5.7px;color:#f1f4f3;font-family:DM Sans,sans-serif;font-size:clamp(66px,7.5vw,106px);font-weight:500;display:block}.hero-second{letter-spacing:-2px;color:#b7bfc1;margin-top:6px;font-size:clamp(40px,4.65vw,65px);font-weight:500;line-height:1.5;display:block}.hero-second>span{display:inline-block}.hero-description{color:#afc2b9;max-width:580px;margin:20px auto 0;font-size:14px;line-height:1.95}.hero-actions{justify-content:center;gap:12px;margin-top:27px;display:flex}.hero-actions .primary{min-width:155px}.hero-actions .secondary{min-width:103px}.connection{width:min(100%,700px);margin:16px auto 61px;animation:.8s 80ms both arrive}.connection-heading{margin-bottom:13px;padding:0 3px}.connection-label{color:#9eb7a8;font-size:11px}.code-window{background:linear-gradient(150deg,#090d0f,#070a0b) padding-box padding-box,linear-gradient(135deg,#c9ffe424,#ffffff09 48%,#b4ceff18) border-box;border:1px solid #0000;border-radius:14px;overflow:hidden;box-shadow:0 24px 80px -30px #000b,inset 0 1px #ffffff06}.code-toolbar{background:#e0fff502;border-bottom:1px solid #d8fff10c;justify-content:space-between;align-items:center;height:49px;padding:0 24px;display:flex}.code-tabs{align-items:center;gap:25px;height:100%;display:flex}.code-tabs button{color:#9bafa5;background:0 0;border:none;height:100%;padding:0;font-family:DM Sans,sans-serif;font-size:11px;position:relative}.code-tabs button.selected{color:#d7f7e4}.code-tabs button.selected:after{content:"";background:#b5f1d0;border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}.copy-code{color:#a5b9af;background:0 0;border:0;align-items:center;gap:7px;padding:8px 0 8px 8px;font-size:10px;display:flex}.copy-code:hover{color:#dcffea}.code-window pre{color:#d3e2dc;scrollbar-width:thin;scrollbar-color:#455c52 transparent;min-height:270px;margin:0;padding:24px 26px 27px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.85;overflow:auto}.syntax-keyword{color:#bcb5ed}.syntax-string{color:#a5e5c2}.footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding:27px 0 29px;display:flex}.footer-brand{letter-spacing:-.6px;color:#dcece3;font-family:DM Sans,sans-serif;font-size:17px;font-weight:650}.copyright{color:#92a79b;font-size:10px}.footer-meta{align-items:center;gap:22px;display:flex}.motion-toggle{color:#9fb9ab;background:0 0;border:0;border-bottom:1px solid #b8f6d729;padding:8px 0;font-size:10px}.motion-toggle:hover{color:#dcffea}.pricing-intro{text-align:center;padding:63px 0 41px;animation:.6s both arrive}.pricing-intro h1{color:#e9fff2;letter-spacing:-2.9px;margin:0 0 11px;font-family:DM Sans,sans-serif;font-size:64px;font-weight:500;line-height:1.2}.pricing-intro p{color:#b0c5ba;margin:0;font-size:13px;line-height:1.85}.plans-grid{grid-template-columns:repeat(3,1fr);gap:17px;width:100%;max-width:1080px;margin:0 auto;animation:.75s 50ms both arrive;display:grid}.plan-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(155deg,#ffffff04,#080c0cdd);border:1px solid #d5ffed1c;border-radius:14px;min-width:0;padding:29px 28px 30px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;box-shadow:inset 0 1px #ffffff07,0 14px 40px -20px #0005}.plan-card:hover{border-color:#c6ffe834;transform:translateY(-4px);box-shadow:inset 0 1px #ffffff0b,0 20px 45px -20px #0009}.plan-card.featured{background:linear-gradient(160deg,#101a16e6,#0a100ddd 65%,#080d0ce0);border-color:#8ce9b736;box-shadow:inset 0 1px #ccffe710,0 20px 45px -25px #0008}.plan-card.featured:hover{border-color:#b6ffd080}.plan-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.plan-top h2{letter-spacing:-.5px;margin:0;font-family:DM Sans,sans-serif;font-size:20px;font-weight:500}.recommended{color:#c5f9db;background:#bcffdb0d;border:1px solid #acffcc2e;border-radius:99px;padding:4px 9px;font-size:10px;display:inline-flex}.plan-description{color:#a4b9ac;margin:11px 0 25px;font-size:12px;line-height:1.7}.price{letter-spacing:-2px;color:#f0fcf5;align-items:baseline;gap:2px;font-family:DM Sans,sans-serif;font-size:46px;font-weight:500;line-height:1.2;display:flex}.currency{letter-spacing:-1px;color:#cae5d8;margin-right:2px;font-size:28px;font-weight:400}.price-period{font-family:var(--font);letter-spacing:0;color:#a5bdae;margin-left:7px;font-size:11px;font-weight:400}.credit-note{color:#a0b7a8;margin-top:11px;font-size:11px}.credit-note strong{color:#d2f7df;font-family:DM Sans,sans-serif;font-weight:500}.plan-button{border-radius:8px;width:100%;margin-top:26px;padding:12px 15px;font-size:12px}.plan-divider{background:#d1ffe612;height:1px;margin:26px 0 21px}.featured .plan-divider{background:#c6ffe01c}.plan-card ul{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.plan-card li{color:#b5ccbd;font-size:12px;line-height:1.85}.pricing-note{text-align:center;color:#98b0a1;max-width:690px;margin:23px auto 0;font-size:10px;line-height:1.85}.pricing-details{width:min(100%,690px);margin:37px auto 48px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{color:#c5dbcc;cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:19px 0;font-size:12px;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#a6c5b1;font-family:DM Sans,sans-serif;font-size:20px;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:#a4bead;margin:0 30px 21px 0;font-size:12px;line-height:1.9}.access-dialog{width:calc(100% - 32px);max-width:460px;max-height:calc(100dvh - 40px);color:var(--ink);background:linear-gradient(145deg,#101615,#080c0d 65%);border:1px solid #c0f8da2e;border-radius:17px;margin:auto;padding:35px;animation:.2s ease-out arrive;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 100px #0009,inset 0 1px #ffffff08}.access-dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c}.close-dialog{color:#adcfb9;background:0 0;border:none;border-radius:6px;padding:7px;position:absolute;top:18px;right:18px}.close-dialog:hover{background:#bdffda0d}.access-dialog h2{letter-spacing:-.9px;margin:2px 0 12px;font-size:29px;font-weight:500;line-height:1.4}.dialog-description{color:#abc4b4;margin:0 0 24px;font-size:12px;line-height:1.9}.access-dialog form{flex-direction:column;display:flex}.access-dialog label{color:#c2dccc;margin:0 0 8px;font-size:11px}.access-dialog label span{color:#bcf5d4}.access-dialog label small{color:#a6bcad;margin-left:5px;font-size:10px}.access-dialog input,.access-dialog select{color:#e6f9ed;background:#071411a3;border:1px solid #c6ffe426;border-radius:7px;width:100%;min-height:44px;margin-bottom:17px;padding:12px;font-size:13px;transition:border-color .2s}.access-dialog input:hover,.access-dialog select:hover{border-color:#c6ffe442}.access-dialog input::placeholder{color:#8ea99a}.access-dialog select{margin-bottom:22px}.access-dialog option{color:#f0f7f3;background:#101f1c}.wide{width:100%}.form-note{text-align:center;color:#a0baaa;margin:15px 0 0;font-size:10px;line-height:1.85}.honeypot{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.form-error{line-height:1.7;color:#ffb7aa!important;margin:0 0 12px!important;font-size:11px!important}.success-state{text-align:center;padding:17px 0 3px}.success-state h2{font-size:28px}.success-state p{color:#afc8b8;margin:17px 0 27px;font-size:12px;line-height:1.9}@keyframes arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes mint-drift{0%{opacity:.72;transform:translate(16vw,-9vh)scale(.95)}to{opacity:1;transform:translate(-24vw,23vh)scale(1.15)}}@keyframes blue-drift{0%{opacity:.65;transform:translate(-9vw,17vh)scale(1.12)}to{opacity:1;transform:translate(34vw,-19vh)scale(.92)}}@keyframes violet-drift{0%{opacity:.7;transform:translate(3vw,9vh)scale(.95)}to{opacity:.95;transform:translate(-40vw,-28vh)scale(1.1)}}@media (width>=1500px){.hero{padding-top:93px}}@media (width<=1000px){.site{padding:0 5%}.header{height:86px}.brand{font-size:28px}.hero{padding-top:68px}.english-title{letter-spacing:-4.8px;font-size:84px}.hero-second{font-size:53px}.plans-grid{gap:12px}.plan-card{padding:25px 21px 29px}.price{font-size:39px}.currency{font-size:25px}}@media (width<=700px){.ambient-orb{width:160vw;min-width:0;height:75vh}.ambient-mint{top:-12vh;left:-20vw}.ambient-blue{top:19vh;left:-82vw}.ambient-violet{top:40vh;right:-70vw}.site{padding:0 6%}.header{height:81px}.brand{letter-spacing:-1.2px;font-size:27px}.navigation{gap:20px;margin-left:auto;margin-right:23px;position:static;transform:none}.navigation a{font-size:12px}.navigation a:first-child{display:none}.navigation a.active:after{bottom:-8px}.header-cta{border-radius:7px;padding:10px 12px;font-size:10px}.hero{padding:56px 0 34px}.availability{padding:5px 12px;font-size:10px}.hero h1{margin-top:25px}.english-title{letter-spacing:-3.3px;font-size:clamp(47px,14.1vw,78px)}.hero-second{letter-spacing:-.9px;margin-top:7px;font-size:clamp(29px,8.6vw,44px);line-height:1.55}.hero-description{max-width:340px;margin-top:18px;padding:0 4px;font-size:13px;line-height:1.95}.hero-actions{gap:10px;margin-top:24px}.hero-actions .button{border-radius:8px;padding:13px 19px;font-size:12px}.hero-actions .primary{min-width:140px}.hero-actions .secondary{min-width:88px}.connection{margin:16px auto 44px}.connection-heading{margin-bottom:11px;padding:0 2px}.connection-label{font-size:10px}.code-window{border-radius:11px;box-shadow:0 20px 55px -25px #000c}.code-toolbar{height:44px;padding:0 18px}.code-tabs{gap:23px}.code-tabs button{font-size:10px}.copy-code{font-size:9px}.code-window pre{min-height:250px;padding:21px 18px 24px;font-size:9px;line-height:1.95}.footer{padding:23px 0}.footer-brand{font-size:15px}.copyright{font-size:9px}.pricing-intro{padding:49px 0 30px}.pricing-intro h1{letter-spacing:-1.9px;font-size:47px}.pricing-intro p{font-size:12px}.plans-grid{grid-template-columns:1fr;gap:16px;max-width:410px}.plan-card{padding:27px 26px 29px}.plan-card:hover{transform:none}.plan-top h2{font-size:20px}.plan-description{margin:11px 0 23px;font-size:12px}.price{font-size:45px}.currency{font-size:28px}.price-period,.credit-note{font-size:11px}.plan-button{margin-top:24px;padding:13px 15px}.plan-card li{font-size:12px}.pricing-note{max-width:350px;margin-top:20px;padding:0 6px;font-size:10px}.pricing-details{max-width:410px;margin:25px auto 34px}.faq-list summary{font-size:12px}.faq-list p{margin-right:16px;font-size:11px}.access-dialog{max-width:410px;padding:29px}.access-dialog h2{font-size:27px}.dialog-description,.access-dialog label{font-size:12px}.access-dialog input,.access-dialog select{font-size:16px}}@media (width<=370px){.navigation{margin-right:16px}.header-cta{padding:9px 10px;font-size:9px}.hero-description{font-size:12px}.hero-actions .button{padding:12px 15px}.hero-actions .primary{min-width:132px}.plan-card{padding-left:22px;padding-right:22px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}:not(.ambient-orb),:before,:after{transition:none!important;animation:none!important}.ambient-orb{animation-duration:20s}}
