:root{--bg:#f0f2f5;--bg-soft:#e8ebf0;--card:#fff;--card-2:#f6f8fa;--text:#1f2328;--muted:#59636e;--border:#d0d7de;--accent:#0969da;--accent-soft:#0969da1a;--accent-2:#8250df;--shadow:0 1px 3px #1f232814, 0 8px 24px #1f23280f;--shadow-lg:0 4px 12px #1f23281a, 0 16px 48px #1f23281f;--header-bg:#f0f2f5cc;--code-bg:#24292f;--orb-1:#0969da29;--orb-2:#8250df24;--orb-3:#3fb9501f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#0d1117;--bg-soft:#10161f;--card:#161b22;--card-2:#1c2128;--text:#e6edf3;--muted:#8b949e;--border:#30363d;--accent:#58a6ff;--accent-soft:#58a6ff1f;--accent-2:#bc8cff;--shadow:0 1px 3px #01040966, 0 8px 24px #01040966;--shadow-lg:0 4px 12px #01040980, 0 16px 48px #01040980;--header-bg:#0d1117cc;--code-bg:#0d1117;--orb-1:#58a6ff24;--orb-2:#bc8cff1f;--orb-3:#3fb9501a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Noto Sans Thai,IBM Plex Sans Thai,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;transition:background .35s,color .35s;overflow-x:hidden}::selection{background:var(--accent-soft)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.container{width:min(1080px,92vw);margin:0 auto}.bg-decor{z-index:-2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.35;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 60% at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(90% 60% at 50% 0,#000 30%,#0000 75%)}.orb{filter:blur(70px);border-radius:50%;animation:22s ease-in-out infinite alternate orb-drift;position:absolute}.orb-1{background:var(--orb-1);width:520px;height:520px;top:-140px;left:-120px}.orb-2{background:var(--orb-2);width:460px;height:460px;animation-delay:-7s;top:8%;right:-160px}.orb-3{background:var(--orb-3);width:420px;height:420px;animation-delay:-14s;bottom:-160px;left:30%}@keyframes orb-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(40px,30px)scale(1.12)}}.header{z-index:50;-webkit-backdrop-filter:blur(12px);background:var(--header-bg);border-bottom:1px solid #0000;transition:border-color .3s;position:sticky;top:0}.header.scrolled{border-bottom-color:var(--border)}.header-inner{justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.02rem;font-weight:700;display:flex}.brand-logo{border-radius:9px;width:34px;height:34px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.brand:hover .brand-logo{transform:rotate(-8deg)scale(1.06)}.brand-sub{color:var(--muted);letter-spacing:.02em;font-size:.72rem;font-weight:500;display:block}.header-actions{align-items:center;gap:8px;display:flex}.icon-btn{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:.86rem;font-weight:500;transition:all .2s;display:inline-flex}.icon-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}.icon-btn.round{width:38px;padding:8px}.lang-toggle{border:1px solid var(--border);background:var(--card);border-radius:10px;display:inline-flex;overflow:hidden}.lang-toggle button{color:var(--muted);background:0 0;border:none;padding:8px 12px;font-size:.82rem;font-weight:600;transition:all .2s}.lang-toggle button.active{background:var(--accent);color:#fff}.hero{text-align:center;padding:88px 0 72px;position:relative}.hero-badge{border:1px solid var(--border);background:var(--card);color:var(--muted);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:7px 16px;font-size:.8rem;font-weight:600;animation:.7s both fade-up;display:inline-flex}.hero-badge .dot{background:#3fb950;border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite pulse-dot;box-shadow:0 0 0 3px #3fb95038}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #3fb95038}50%{box-shadow:0 0 0 6px #3fb95014}}.hero h1{letter-spacing:-.03em;max-width:860px;margin:26px auto 0;font-size:clamp(2.1rem,5.6vw,3.9rem);font-weight:800;line-height:1.12;animation:.7s 80ms both fade-up}.hero h1 .grad{background:linear-gradient(120deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{max-width:660px;color:var(--muted);margin:20px auto 0;font-size:1.05rem;animation:.7s .16s both fade-up}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:32px;animation:.7s .24s both fade-up;display:flex}.btn{border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;font-weight:600;transition:all .22s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px var(--accent-soft)}.btn-primary:hover{box-shadow:0 8px 24px var(--accent-soft);filter:brightness(1.06);transform:translateY(-2px)}.btn-ghost{background:var(--card);color:var(--text);border-color:var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-mock{text-align:left;max-width:640px;margin:64px auto 0;animation:.8s .32s both fade-up;position:relative}.mock-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:18px;overflow:hidden}.mock-titlebar{border-bottom:1px solid var(--border);background:var(--card-2);align-items:center;gap:6px;padding:12px 16px;display:flex}.mock-dot{border-radius:50%;width:10px;height:10px}.mock-dot.r{background:#f85149}.mock-dot.y{background:#d29922}.mock-dot.g{background:#3fb950}.mock-title{color:var(--muted);margin-left:8px;font-size:.78rem;font-weight:500}.mock-body{flex-direction:column;gap:14px;padding:18px 20px 20px;display:flex}.mock-row{align-items:flex-start;gap:10px;display:flex}.mock-avatar{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;font-weight:700;display:flex}.mock-avatar.user{background:var(--accent-soft);color:var(--accent)}.mock-avatar.ai{background:var(--code-bg);color:#58a6ff}.mock-bubble{background:var(--card-2);border:1px solid var(--border);border-radius:4px 14px 14px;min-height:40px;padding:10px 14px;font-size:.88rem}.mock-bubble .caret{background:var(--accent);vertical-align:text-bottom;width:2px;height:1.05em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.mock-bubble.ai{border-radius:14px 4px 14px 14px}.mock-chips{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.mock-chip{color:var(--accent);background:var(--accent-soft);border:1px solid var(--border);border-radius:999px;padding:4px 11px;font-size:.72rem;font-weight:600;animation:.4s both chip-in}.mock-chip:nth-child(2){animation-delay:.35s}.mock-chip:nth-child(3){animation-delay:.7s}@keyframes chip-in{0%{opacity:0;transform:translateY(6px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.mock-input{border:1px solid var(--border);color:var(--muted);background:var(--card);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:.84rem;display:flex}.mock-input svg{color:var(--muted);flex-shrink:0}.mock-float{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:2;border-radius:12px;align-items:center;gap:7px;padding:9px 14px;font-size:.78rem;font-weight:600;animation:5s ease-in-out infinite float-y;display:flex;position:absolute}.mock-float.f1{color:var(--accent-2);top:-20px;right:-18px}.mock-float.f2{color:var(--accent);animation-delay:-2.4s;bottom:-18px;left:-24px}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.section{padding:84px 0}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;font-size:.78rem;font-weight:700;display:inline-flex}.kicker:before{content:"";background:var(--accent);border-radius:2px;width:22px;height:2px}.sec-title{letter-spacing:-.02em;margin-top:14px;font-size:clamp(1.7rem,3.8vw,2.6rem);font-weight:800;line-height:1.15}.sec-sub{color:var(--muted);max-width:640px;margin-top:14px;font-size:1rem}.workflow-grid{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:52px;display:grid}.step-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 18px 18px 52px;transition:all .25s;position:relative;overflow:hidden}.step-card:before{counter-increment:step;content:counter(step, decimal-leading-zero);color:var(--accent);background:var(--accent-soft);border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.78rem;font-weight:800;display:flex;position:absolute;top:16px;left:16px}.step-card .step-icon{color:var(--muted);opacity:.85;transition:all .25s;position:absolute;top:16px;right:16px}.step-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-3px)}.step-card:hover .step-icon{color:var(--accent);transform:scale(1.12)rotate(-4deg)}.step-card .step-label{padding-right:34px;font-size:.92rem;font-weight:600;line-height:1.35}.workflow-grid:not(.revealed) .step-card{opacity:0;transform:translateY(16px)}.workflow-grid.revealed .step-card{animation:.55s both step-in}.workflow-grid.revealed .step-card:first-child{animation-delay:50ms}.workflow-grid.revealed .step-card:nth-child(2){animation-delay:.12s}.workflow-grid.revealed .step-card:nth-child(3){animation-delay:.19s}.workflow-grid.revealed .step-card:nth-child(4){animation-delay:.26s}.workflow-grid.revealed .step-card:nth-child(5){animation-delay:.33s}.workflow-grid.revealed .step-card:nth-child(6){animation-delay:.4s}.workflow-grid.revealed .step-card:nth-child(7){animation-delay:.47s}.workflow-grid.revealed .step-card:nth-child(8){animation-delay:.54s}.workflow-grid.revealed .step-card:nth-child(9){animation-delay:.61s}@keyframes step-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.step-card:after{content:"";background:linear-gradient(120deg, transparent 30%, var(--accent-soft) 50%, transparent 70%);pointer-events:none;animation:3.2s ease-in-out infinite sheen;position:absolute;inset:0;transform:translate(-100%)}.step-card:nth-child(2n):after{animation-delay:.4s}.step-card:nth-child(3n):after{animation-delay:.8s}@keyframes sheen{0%{transform:translate(-100%)}55%,to{transform:translate(100%)}}.vision-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:52px;display:grid}.vision-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:26px 24px;transition:all .25s;position:relative;overflow:hidden}.vision-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));opacity:0;height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.vision-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)}.vision-card:hover:before{opacity:1}.vision-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.vision-card h3{letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.vision-card p{color:var(--muted);margin-top:8px;font-size:.9rem}.caps-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:52px;display:grid}.cap-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px 20px;transition:all .25s}.cap-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-3px)}.cap-name{letter-spacing:.01em;align-items:center;gap:8px;font-size:1rem;font-weight:800;display:inline-flex}.cap-name .cap-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.cap-card:nth-child(2) .cap-dot{background:var(--accent-2)}.cap-card:nth-child(3) .cap-dot{background:#3fb950}.cap-card:nth-child(4) .cap-dot{background:#d29922}.cap-card p{color:var(--muted);margin-top:10px;font-size:.86rem}.marquee-wrap{border-block:1px solid var(--border);margin-top:56px;padding:18px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee{gap:44px;width:max-content;animation:30s linear infinite marquee;display:flex}.marquee span{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:.92rem;font-weight:600;display:inline-flex}.marquee span svg{color:var(--accent)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.status-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;margin-top:52px;padding:40px;position:relative;overflow:hidden}.status-card:before{content:"";background:linear-gradient(120deg, var(--accent), var(--accent-2), var(--accent));z-index:-1;opacity:0;background-size:200% 200%;border-radius:20px;animation:8s linear infinite border-flow;position:absolute;inset:-1px}.status-card:hover:before{opacity:.35}@keyframes border-flow{0%{background-position:0%}to{background-position:200%}}.status-card .status-body{color:var(--muted);max-width:720px;margin-top:14px;font-size:.98rem}.status-chips{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.status-chip{background:var(--card-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:7px;padding:8px 16px;font-size:.82rem;font-weight:600;display:inline-flex}.status-chip svg{color:var(--accent)}.status-cta{margin-top:30px}.footer{border-top:1px solid var(--border);background:var(--bg-soft);padding:40px 0 48px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-brand{align-items:center;gap:10px;display:flex}.footer-brand img{border-radius:8px;width:28px;height:28px}.footer-meta{color:var(--muted);font-size:.85rem}.footer-links{align-items:center;gap:8px;display:flex}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal.d1{transition-delay:80ms}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}@media (width<=900px){.workflow-grid,.vision-grid,.caps-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:64px 0 56px}.section{padding:64px 0}}@media (width<=560px){.workflow-grid,.vision-grid,.caps-grid{grid-template-columns:1fr}.mock-float.f1{right:-6px}.mock-float.f2{left:-6px}.status-card{padding:28px 22px}.hero h1{font-size:2rem}}