@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@500;600&family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f8fafc;--surface-card:#fff;--surface-chrome:#0f172a;--surface-deep:#020617;--surface-soft:#f1f5f9;--ink-deep:#0a0a0a;--ink:#0f172a;--charcoal:#334155;--slate:#737373;--steel:#475569;--stone:#64748b;--hairline:#e2e8f0;--hairline-soft:#e5e5e5;--primary:#1d4ed8;--primary-deep:#1e40af;--on-primary:#eff6ff;--on-strong:#fff;--on-highlight:#93c5fd;--chrome-muted:#cbd5e1;--chrome-faint:#94a3b8;--success:#047857;--success-soft:#ecfdf5;--arctic-frost-base:#faf8f2;--arctic-frost-layer1:linear-gradient(#0000 0%, #c8e6ff1f 28%, #fff 18%, #96c8ff 68%, #6482c8 100%);--arctic-frost-blend1:multiply;--arctic-frost-blur1:90px;--arctic-frost-layer2:linear-gradient(#0000 0%, #c8e6ff38 34%, #fff 66%, #96c8ff 82%, #6482c8 100%);--arctic-frost-blend2:multiply;--arctic-frost-blur2:90px;--radius-md:10px;--radius-sm:8px;--radius-xl:14px;--radius-full:100px;--space-xxs:4px;--space-xs:8px;--space-sm:10px;--space-md:12px;--space-base:16px;--space-lg:20px;--space-xl:24px;--space-xxl:32px;--space-xxxl:40px;--section-sm:48px;--section:64px;--section-lg:80px;--space-hero:120px;--font-sans:"Geist", "IBM Plex Sans Thai", "Noto Sans Thai", "Noto Sans SC", Helvetica, Arial, sans-serif;--font-serif:"Geist", "IBM Plex Sans Thai", "Noto Sans Thai", "Noto Sans SC", Helvetica, Arial, sans-serif;--font-mono:"Geist Mono", SFMono-Regular, Consolas, monospace;--container:min(1180px, calc(100vw - 40px))}@media (width>=768px){:root{--arctic-frost-blur1:130px;--arctic-frost-blur2:130px}}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}button,a{-webkit-tap-highlight-color:transparent;font-family:var(--font-sans)}.container{width:var(--container);margin-inline:auto;padding-inline:16px}.hero-display,.display-lg,.heading-lg,.heading-md,.heading-sm{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--ink-deep);margin:0;font-weight:600}.subtitle-lg,.subtitle-md,.body-md,.body-sm,.body-sm-bold,.caption,.caption-bold{font-family:var(--font-sans)}.hero-display{color:var(--ink-deep);font-size:64px;line-height:1.16}.display-lg{font-size:48px;line-height:1.17}.heading-lg{font-size:36px;line-height:1.28}.heading-md{font-size:28px;line-height:1.21}.heading-sm{font-size:24px;line-height:1.25}.subtitle-lg{font-size:18px;font-weight:700;line-height:1.44}.subtitle-md{font-size:18px;font-weight:400;line-height:1.44}.body-md{font-size:16px;font-weight:400;line-height:1.5}.body-sm{font-size:14px;font-weight:400;line-height:1.43}.body-sm-bold{font-size:14px;font-weight:700;line-height:1.43}.caption{font-size:12px;font-weight:400;line-height:1.33}.caption-bold{font-size:12px;font-weight:700;line-height:1.33}.button-primary,.button-secondary,.button-ghost{border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:500;line-height:1.43;text-decoration:none;transition:opacity .15s,background-color .15s;display:inline-flex}.button-primary{isolation:isolate;background:var(--arctic-frost-base);color:var(--ink-deep);border:none;padding:11px 22px;position:relative;overflow:hidden}.button-primary:before{content:"";z-index:-1;background-color:var(--arctic-frost-base);background-image:var(--arctic-frost-layer1), var(--arctic-frost-layer2);background-blend-mode:var(--arctic-frost-blend1), var(--arctic-frost-blend2);filter:blur(var(--arctic-frost-blur1));position:absolute;inset:-30%}.button-primary:active{filter:brightness(.95);transform:scale(.98)}.button-secondary{color:var(--on-strong);background:0 0;border:1px solid #ffffff59;padding:11px 22px}.button-secondary:active{background:#ffffff1a;transform:scale(.98)}.button-ghost{color:var(--chrome-muted);background:0 0;border:1px solid #ffffff29;padding:10px 18px}.button-ghost:hover{color:var(--on-strong);background:#ffffff1a}:where(a,button):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.text-link{color:var(--primary);align-items:center;gap:10px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.cta-arrow{flex:none;width:16px;height:16px}.makeform-slider-trigger{isolation:isolate;background:var(--arctic-frost-base);color:var(--ink-deep);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;line-height:1.43;transition:filter .15s;display:inline-flex;position:relative;overflow:hidden}.makeform-slider-trigger:before{content:"";z-index:-1;background-color:var(--arctic-frost-base);background-image:var(--arctic-frost-layer1), var(--arctic-frost-layer2);background-blend-mode:var(--arctic-frost-blend1), var(--arctic-frost-blend2);filter:blur(var(--arctic-frost-blur1));position:absolute;inset:-30%}.makeform-slider-trigger:hover{filter:brightness(.97)}.hero .makeform-slider-trigger{color:var(--on-strong);background:0 0;border:1px solid #ffffff59}.hero .makeform-slider-trigger:before{content:none}.hero .makeform-slider-trigger:hover{background:#ffffff1a}.nav-wrap{z-index:40;width:min(1240px,100vw - 32px);margin:12px auto 0;position:sticky;top:12px}.nav-bar{background:var(--surface-chrome);border-radius:var(--radius-xl);border:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:20px;padding:10px 16px;display:flex;box-shadow:0 6px 16px -6px #02061766}.nav-logo{flex:none;align-items:center;text-decoration:none;display:inline-flex}.nav-logo .logo{height:26px}.nav-link{color:var(--chrome-muted);white-space:nowrap;text-decoration:none}.nav-link:hover{color:var(--on-strong)}.nav-actions{flex:none;align-items:center;gap:12px;display:flex}.nav-cta{white-space:nowrap;padding:10px 20px;font-size:13px}.nav-embed-root{background:var(--canvas);min-height:100vh;padding:12px}.lang-widget{background:var(--surface-chrome);border-radius:var(--radius-full);border:1px solid #ffffff1a;align-items:center;gap:4px;padding:4px;display:inline-flex;box-shadow:0 6px 16px -6px #02061766}.lang-widget-floating{z-index:50;position:fixed;bottom:24px;right:24px}.lang-pill-btn{color:var(--chrome-muted);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;line-height:1.2;transition:background-color .15s,color .15s;display:inline-flex}.lang-pill-btn:hover{color:var(--on-strong)}.lang-pill-btn.is-active{isolation:isolate;background:var(--arctic-frost-base);color:var(--ink-deep);position:relative;overflow:hidden}.lang-pill-btn.is-active:before{content:"";z-index:-1;background-color:var(--arctic-frost-base);background-image:var(--arctic-frost-layer1), var(--arctic-frost-layer2);background-blend-mode:var(--arctic-frost-blend1), var(--arctic-frost-blend2);filter:blur(var(--arctic-frost-blur1));position:absolute;inset:-60%}.lang-flag{object-fit:cover;border-radius:2px;flex:none;width:18px;height:13px;display:block}.image-slot{border-radius:var(--radius-xl);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;display:flex;position:relative;overflow:hidden}.image-slot.placeholder{background:var(--surface-soft);border:1px solid var(--hairline-soft);color:var(--steel)}.hero .image-slot.placeholder{color:var(--chrome-faint);background:#ffffff0f;border-color:#ffffff24}.image-slot.placeholder span{letter-spacing:.14em;font-size:12px;font-weight:700}.image-slot.placeholder small{font-size:11px}.image-slot-icon{width:28px;height:28px;margin-bottom:4px}.image-slot.has-image img,.image-slot.has-image canvas{object-fit:cover;width:100%;height:100%;display:block}.image-slot-overlay figcaption,.image-slot-caption{color:#fff;letter-spacing:.14em;background:linear-gradient(#0000,#020617b8);padding:32px 24px 20px;font-size:12px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.hero{background:var(--surface-chrome);padding:120px 0 80px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;display:grid}.hero-copy h1{margin:0}.hero .hero-display{color:var(--on-strong)}.hero-title-highlight{color:var(--on-highlight);display:block}.hero-lead{color:var(--chrome-muted);max-width:540px;margin:24px 0 0;font-size:18px;line-height:1.44}.hero-actions{align-items:center;gap:20px;margin-top:32px;display:flex}.section{padding-block:80px}.section-heading{grid-template-columns:1.2fr .8fr;align-items:end;gap:32px;margin-bottom:40px;display:grid}.section-heading p{color:var(--slate);justify-self:end;max-width:460px;margin:0;line-height:1.5}.solutions{background:var(--canvas);padding-block:80px}.solutions-figure{margin:0}.services{background:var(--canvas);padding-block:80px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.service-card{background:var(--surface-card);border:1px solid var(--hairline-soft);border-radius:var(--radius-xl);flex-direction:column;gap:16px;min-width:0;padding:28px;display:flex}.service-title-row{align-items:center;gap:10px;display:flex}.service-title-row h3{margin:0}.service-icon{width:22px;height:22px;color:var(--primary);flex:none}.service-figure{margin:12px 0 0}.service-figure .image-slot{background:var(--surface-soft);border:1px solid var(--hairline-soft)}.service-card .service-desc{color:var(--charcoal);margin:0}.service-bullets{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.service-bullets li{color:var(--steel);align-items:flex-start;gap:10px;font-size:14px;line-height:1.43;display:flex}.service-bullets svg{width:16px;height:16px;color:var(--success);flex:none;margin-top:2px}.why-us{background:var(--canvas);padding-block:80px}.why-us-grid{grid-template-columns:.72fr 1.28fr;align-items:start;gap:80px;display:grid}.why-us-intro h2{max-width:380px}.why-us-intro p{color:var(--slate);max-width:380px;margin:20px 0 0}.compare-table-card{background:var(--surface-card);border:1px solid var(--hairline-soft);border-radius:var(--radius-xl);padding:12px;overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;font-size:14px}.compare-table th,.compare-table td{text-align:left;border-top:1px solid var(--hairline-soft);vertical-align:top;padding:14px 16px}.compare-table thead th{letter-spacing:.08em;text-transform:uppercase;color:var(--steel);border-top:none;font-size:12px;font-weight:700}.compare-table tbody th{color:var(--steel);white-space:nowrap;font-weight:400}.compare-table td.us-cell{color:var(--ink-deep)}.us-cell-inner{align-items:flex-start;gap:8px;font-weight:700;display:inline-flex}.us-cell-inner svg{width:15px;height:15px;color:var(--success);flex:none;margin-top:2px}.compare-table td.them-cell{color:var(--stone)}.why-us-note{color:var(--slate);max-width:520px;margin:24px 0 0}.developer{background:var(--canvas);padding-block:80px}.developer-card{background:var(--surface-chrome);color:var(--on-strong);border-radius:var(--radius-xl);border:1px solid #ffffff1a;flex-direction:column;gap:40px;padding:56px 48px;display:flex}.developer-top{grid-template-columns:1fr 1.1fr;align-items:start;gap:40px;display:grid}.developer-badge{color:var(--chrome-faint);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;display:inline-block}.developer-copy p{color:var(--chrome-muted);margin:0 0 24px;line-height:1.5}.developer-cli{border-radius:var(--radius-md);background:#ffffff0f;border:1px solid #ffffff29;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.developer-cli-code{font-family:var(--font-mono);color:#fff;align-items:center;gap:10px;font-size:14px;display:flex;overflow-x:auto}.developer-cli-icon{width:18px;height:18px;color:var(--chrome-faint);flex:none}.developer-copy-btn{color:var(--surface-chrome);border-radius:var(--radius-sm);cursor:pointer;background:#fff;border:none;flex:none;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:700;display:inline-flex}.developer-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.developer-step-card{border-radius:var(--radius-md);border:1px solid #ffffff24;flex-direction:column;gap:8px;padding:24px;display:flex}.developer-step-num{color:var(--chrome-faint);letter-spacing:.08em}.developer-step-card h3{color:#fff;margin:0}.developer-step-card p{color:var(--chrome-muted);margin:0}.developer-footer{justify-content:flex-start;display:flex}.developer-cta{color:var(--ink-deep)}.footer{background:var(--surface-card);color:var(--steel);border-top:1px solid var(--hairline-soft);padding:64px 0 40px}.logo{width:auto;height:28px;display:block}.footer-tagline{color:var(--slate);margin:12px 0 0;line-height:1.5}.footer-top{grid-template-columns:1.6fr repeat(4,1fr);gap:32px;padding-bottom:48px;display:grid}.footer-col{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.footer-col strong{letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin-bottom:4px;font-size:12px;font-weight:700}.footer-col a,.footer-col p{color:var(--steel);margin:0;font-size:14px;text-decoration:none}.footer-col a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--hairline-soft);color:var(--stone);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;font-size:12px;display:flex}@media (width<=960px){.nav-login,.nav-campaign{display:none}.hero{padding:80px 0 64px}.hero-grid{grid-template-columns:1fr;gap:32px}.section-heading,.why-us-grid,.developer-top{grid-template-columns:1fr;gap:24px}.section-heading p{justify-self:start}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.developer-steps{grid-template-columns:1fr}.developer-card{gap:28px;padding:36px 24px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}}@media (width<=768px){.hero-display{font-size:36px}.display-lg{font-size:32px}.heading-lg{font-size:28px}}@media (width<=620px){.nav-signup{display:none}.nav-cta{padding:8px 14px}.service-grid{grid-template-columns:1fr;gap:16px}.hero-actions{flex-direction:column;align-items:flex-start}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}.lang-widget-floating{bottom:16px;right:16px}}@media (width<=480px){.nav-wrap{width:calc(100vw - 20px);top:8px}.nav-bar{gap:8px;padding:8px 12px}.hero-display{font-size:24px}.display-lg{font-size:26px}.heading-lg{font-size:24px}}.lang-pill-btn{justify-content:center;min-width:44px;min-height:44px}.developer-copy-btn{min-height:44px}.developer-top,.developer-copy,.developer-cli,.developer-cli-code{min-width:0}.developer-cli-code code{overflow-wrap:anywhere}.compare-table-card{min-width:0;max-width:100%}@media (width<=620px){.developer-cli{flex-wrap:wrap}.developer-cli-code{width:100%}.hero-grid,.why-us-grid,.section-heading,.service-grid{min-width:0}}*,:before,:after{box-sizing:border-box}.container{max-width:100%}@media (width<=620px){.compare-table-card{overflow-x:auto}.compare-table{min-width:0}.footer-bottom,.footer-col,.developer-card{min-width:0;max-width:100%}}@media (width<=960px){.why-us-grid{grid-template-columns:minmax(0,1fr)}.why-us-intro,.why-us-grid>div{min-width:0;max-width:100%}.compare-table-card{width:100%;max-width:100%;overflow-x:auto}.compare-table{min-width:380px}}.lang-widget-floating{isolation:isolate;z-index:1000}.developer-card .developer-top h2.heading-lg{color:#fff}.service-grid{align-items:stretch}.service-card-link{height:100%;color:inherit;grid-template-rows:auto minmax(6.5em,auto) auto 1fr;min-width:0;text-decoration:none;display:grid}.service-card-link .service-title-row,.service-card-link .service-desc,.service-card-link .service-figure,.service-card-link .service-bullets{align-self:start}.service-card-link:hover{border-color:var(--primary)}.service-card-link:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.service-detail{background:var(--canvas);min-height:100vh;color:var(--ink-deep);padding:32px 0 80px}.service-detail-content{max-width:850px;margin:0 auto}.service-detail-content h1{font-size:clamp(32px,5vw,60px);line-height:1.1}.service-detail-content>p{margin:24px 0}.service-detail-content>ul{padding-left:24px;line-height:1.8}@media (width<=960px){.service-card-link{grid-template-rows:auto auto auto 1fr}}.members{background:var(--canvas);text-align:center;overflow:hidden}.members-note{color:var(--slate);margin:12px auto 30px}.members-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000)}.members-track{align-items:center;gap:20px;width:max-content;animation:32s linear infinite member-drift;display:flex}.members-marquee:hover .members-track,.members-marquee:focus-within .members-track{animation-play-state:paused}.members-logo-placeholder{border:1px dashed var(--hairline);width:180px;height:84px;color:var(--slate);background:var(--surface-card);letter-spacing:.14em;border-radius:14px;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}@keyframes member-drift{to{transform:translate(calc(-50% - 10px))}}.booking-page{min-height:100vh;color:var(--ink-deep);background:var(--canvas);padding:25px 0 96px}.booking-card{border:1px solid var(--hairline-soft);border-radius:var(--radius-xl);background:var(--surface-card);max-width:900px;margin:56px auto auto;padding:clamp(26px,6vw,64px)}.booking-card h1{text-align:center;margin:0;font-size:clamp(28px,4vw,38px);font-weight:600}.booking-intro{max-width:540px;color:var(--slate);text-align:center;margin:32px auto}.booking-calendar{width:fit-content;margin:0 auto 24px;display:flex}.booking-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.booking-form label{gap:8px;min-width:0;font-size:14px;font-weight:600;display:grid}.booking-form label:has(textarea){grid-column:1/-1}.booking-form input,.booking-form textarea{background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--radius-md);width:100%;min-width:0;font:inherit;color:var(--ink-deep);padding:12px 14px}.booking-form input:focus-visible,.booking-form textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.booking-form button{cursor:pointer;border:0;width:fit-content}.booking-disclaimer{color:var(--slate);margin:20px 0 0;font-size:12px}@media (width<=620px){.booking-form{grid-template-columns:minmax(0,1fr)}.booking-form label:has(textarea){grid-column:auto}}@media (prefers-reduced-motion:reduce){.members-track{animation:none}html{scroll-behavior:auto}}