@font-face{font-family:NotoSansThai;src:url(./NotoSansThai-Regular.F2giAAIx.ttf) format("truetype")}body,html{font-family:NotoSansThai,sans-serif!important;font-size:16px!important;margin:0;padding:0}.page[data-v-eabe5c3c]{background:radial-gradient(circle at top,#064e3b 0,#022c22 45%,#020617);color:#f9fafb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.container[data-v-eabe5c3c]{margin:0 auto;max-width:1120px;padding:0 1.5rem;width:100%}.navbar[data-v-eabe5c3c]{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020617e0;border-bottom:1px solid rgba(148,163,184,.16);position:sticky;top:0;z-index:20}.nav-inner[data-v-eabe5c3c]{align-items:center;display:flex;gap:.75rem;height:64px;justify-content:space-between}.logo[data-v-eabe5c3c]{font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.logo span[data-v-eabe5c3c]{color:#22c55e}.nav-links[data-v-eabe5c3c]{display:flex;gap:.75rem}.lang-switcher[data-v-eabe5c3c]{display:flex;gap:.25rem}.lang-btn[data-v-eabe5c3c]{background:transparent;border:1px solid rgba(148,163,184,.6);border-radius:999px;color:#e5e7eb;cursor:pointer;font-size:.78rem;padding:.25rem .6rem;transition:background .15s ease,color .15s ease,border-color .15s ease}.lang-btn.active[data-v-eabe5c3c]{background:#22c55e;border-color:transparent;color:#022c22}.nav-link[data-v-eabe5c3c]{background:transparent;border:none;border-radius:999px;color:#e5e7eb;cursor:pointer;font-size:.9rem;padding:.4rem .8rem;transition:background .15s ease,color .15s ease}.nav-link[data-v-eabe5c3c]:hover{background:#22c55e24}.hero[data-v-eabe5c3c]{padding:4.5rem 0 3.5rem}.hero-inner[data-v-eabe5c3c]{align-items:center;display:grid;gap:2.5rem;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.badge[data-v-eabe5c3c]{background:#22c55e1f;border:1px solid rgba(34,197,94,.5);border-radius:999px;color:#a7f3d0;display:inline-block;font-size:.75rem;margin-bottom:.75rem;padding:.25rem .8rem}.hero-text h1[data-v-eabe5c3c]{font-size:clamp(2.2rem,3vw + 1.5rem,3.1rem);line-height:1.15;margin-bottom:1rem}.hero-text h1 span[data-v-eabe5c3c]{color:#22c55e}.subtitle[data-v-eabe5c3c]{color:#d1fae5;font-size:.95rem;margin-bottom:1.5rem;max-width:32rem}.hero-actions[data-v-eabe5c3c]{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.btn[data-v-eabe5c3c]{align-items:center;border:1px solid transparent;border-radius:999px;cursor:pointer;display:inline-flex;font-size:.9rem;justify-content:center;padding:.65rem 1.4rem;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .1s ease,transform .1s ease}.btn.primary[data-v-eabe5c3c]{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 12px 30px #22c55e8c;color:#022c22;font-weight:600}.btn.primary[data-v-eabe5c3c]:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 16px 36px #22c55eb3;transform:translateY(-1px)}.btn.ghost[data-v-eabe5c3c]{background:transparent;border-color:#94a3b866;color:#e5e7eb}.btn.ghost[data-v-eabe5c3c]:hover{background:#0f172acc}.hero-meta[data-v-eabe5c3c]{color:#a7f3d0;display:flex;flex-wrap:wrap;font-size:.78rem;gap:.75rem}.hero-meta span[data-v-eabe5c3c]{border-left:1px solid rgba(34,197,94,.4);padding-left:.5rem}.hero-card[data-v-eabe5c3c]{background:radial-gradient(circle at top left,#16a34a,#064e3b 45%,#020617);border:1px solid rgba(22,163,74,.55);border-radius:1rem;box-shadow:0 20px 45px #0f172ae6;overflow:hidden}.card-header[data-v-eabe5c3c]{background:#0f172ae6;border-bottom:1px solid rgba(22,163,74,.5);display:flex;gap:.4rem;padding:.5rem .8rem}.dot[data-v-eabe5c3c]{background:#94a3b8e6;border-radius:999px;height:.5rem;width:.5rem}.dot[data-v-eabe5c3c]:first-child{background:#f97373}.dot[data-v-eabe5c3c]:nth-child(2){background:#facc15}.dot[data-v-eabe5c3c]:nth-child(3){background:#22c55e}.card-body[data-v-eabe5c3c]{padding:1.2rem 1.1rem 1.3rem}.card-label[data-v-eabe5c3c]{color:#bbf7d0;font-size:.78rem}.card-block[data-v-eabe5c3c],.card-label[data-v-eabe5c3c]{margin-bottom:.9rem}.card-block .label[data-v-eabe5c3c]{color:#a7f3d0;font-size:.8rem;margin-bottom:.25rem}.code[data-v-eabe5c3c]{background:#0f172ae6;border:1px solid rgba(22,163,74,.7);border-radius:.6rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;padding:.6rem .7rem}.card-footer[data-v-eabe5c3c]{color:#bbf7d0;display:flex;font-size:.75rem;justify-content:space-between;margin-top:.4rem}.section[data-v-eabe5c3c]{padding:3rem 0}.section.alt[data-v-eabe5c3c]{background:radial-gradient(circle at top,#16653466,#020617 55%)}.section h2[data-v-eabe5c3c]{font-size:1.6rem;margin-bottom:.5rem}.section-subtitle[data-v-eabe5c3c]{color:#d1fae5;font-size:.95rem;margin-bottom:1.8rem}.features-grid[data-v-eabe5c3c]{display:grid;gap:1.3rem;grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card[data-v-eabe5c3c]{background:#0f172ae6;border:1px solid rgba(22,163,74,.4);border-radius:.9rem;font-size:.9rem;padding:1.2rem 1.1rem}.feature-card h3[data-v-eabe5c3c]{font-size:1rem;margin-bottom:.4rem}.steps[data-v-eabe5c3c]{display:grid;gap:1rem;margin-top:1.3rem}.step[data-v-eabe5c3c]{background:#0f172ae6;border:1px solid rgba(55,65,81,.6);border-radius:.85rem;display:flex;gap:.9rem;padding:.9rem}.step-number[data-v-eabe5c3c]{align-items:center;background:#22c55e;border-radius:999px;color:#022c22;display:flex;font-weight:600;height:2rem;justify-content:center;width:2rem}.code-grid[data-v-eabe5c3c]{display:grid;gap:1.3rem;grid-template-columns:repeat(2,minmax(0,1fr))}.code-card[data-v-eabe5c3c]{background:#0f172af5;border:1px solid rgba(22,163,74,.45);border-radius:.9rem;padding:1rem}.code-title[data-v-eabe5c3c]{font-size:.9rem;margin-bottom:.5rem}pre[data-v-eabe5c3c]{background:#020617;border-radius:.6rem;font-size:.78rem;margin:0;overflow-x:auto;padding:.7rem}.contact[data-v-eabe5c3c]{align-items:flex-start;display:flex;gap:1.5rem}.contact-box[data-v-eabe5c3c]{background:#0f172af7;border:1px solid rgba(22,163,74,.55);border-radius:.9rem;flex-shrink:0;font-size:.88rem;min-width:240px;padding:1rem 1.2rem}.contact-label[data-v-eabe5c3c]{color:#a7f3d0;font-size:.8rem;margin-bottom:.4rem}.contact-box ul[data-v-eabe5c3c]{margin:0;padding-left:1rem}.contact-box li[data-v-eabe5c3c]{margin-bottom:.2rem}.footer[data-v-eabe5c3c]{background:#020617;border-top:1px solid rgba(22,163,74,.5);padding:1rem 0 1.2rem}.footer-inner[data-v-eabe5c3c]{color:#9ca3af;display:flex;font-size:.78rem;justify-content:space-between}.muted[data-v-eabe5c3c]{opacity:.85}@media(max-width:960px){.hero-inner[data-v-eabe5c3c]{grid-template-columns:minmax(0,1fr)}.hero-card[data-v-eabe5c3c]{order:-1}.features-grid[data-v-eabe5c3c]{grid-template-columns:repeat(2,minmax(0,1fr))}.code-grid[data-v-eabe5c3c]{grid-template-columns:minmax(0,1fr)}.contact[data-v-eabe5c3c]{flex-direction:column}}@media(max-width:640px){.nav-links[data-v-eabe5c3c]{display:none}.features-grid[data-v-eabe5c3c]{grid-template-columns:minmax(0,1fr)}}