:root{--cobalt:#2458e8;--cobalt-lt:#8fa3d6;--cobalt-hover:#3563d4;--btn:#2a52bd;--bg:#0a0f1a;--bg-alt:#0e1522;--line:#ffffff1f;--fg:#f3f6fb;--mute:#9aa6b8}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Avenir Next,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Hiragino Sans,Yu Gothic,Apple SD Gothic Neo,Malgun Gothic,Thonburi,Leelawadee UI,Noto Sans Thai,Noto Sans CJK SC,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.wrap{width:min(1200px,100% - 48px);margin-inline:auto}.nav{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0a0f1ac7;position:sticky;top:0}.nav-in{align-items:center;gap:32px;height:64px;display:flex}.nav-logo{width:auto;height:36px;display:block}.nav-links{color:var(--mute);gap:28px;margin-left:24px;font-size:14px;display:flex}.nav-links a:hover{color:var(--fg)}.nav-right{align-items:center;gap:20px;margin-left:auto;display:flex}.lang-menu{position:relative}.lang-btn{border:1px solid var(--line);color:#fff;cursor:pointer;width:38px;height:38px;transition:background .2s, border-color .2s, transform .4s var(--ease);background:0 0;border-radius:50%;place-items:center;display:grid}.lang-btn:hover,.lang-btn[aria-expanded=true]{background:#ffffff1a;border-color:#fff6}.lang-btn:hover svg{transform:rotate(20deg)}.lang-btn svg{transition:transform .5s var(--ease)}.lang-list{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);min-width:168px;animation:pop .25s var(--ease);transform-origin:100% 0;background:#0e1522f5;padding:6px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 50px -10px #000000b3}@keyframes pop{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:none}}.lang-list a{color:var(--mute);justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;font-size:14px;transition:background .15s,color .15s;display:flex}.lang-list a:hover{color:#fff;background:#ffffff14}.lang-list a.on{color:#fff}.lang-list a span{color:var(--cobalt-lt)}.btn{background:var(--cobalt);color:#fff;letter-spacing:.02em;padding:14px 28px;font-size:15px;font-weight:600;transition:background .15s;display:inline-block}.btn:hover{background:var(--cobalt-hover)}.btn-sm{padding:8px 18px;font-size:13px}.btn.btn-ghost{border:1px solid var(--line);background:0 0}.btn.btn-ghost:hover{background:#ffffff0f}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--cobalt-lt);margin-bottom:20px;font-size:13px;font-weight:600}h1{letter-spacing:-.02em;text-wrap:balance;max-width:16ch;font-size:clamp(40px,6.4vw,84px);font-weight:700;line-height:1.08}h2{letter-spacing:-.015em;text-wrap:balance;max-width:22ch;font-size:clamp(30px,4vw,52px);font-weight:700;line-height:1.15}h3{margin-bottom:10px;font-size:20px;font-weight:600}.lead{max-width:62ch;color:var(--mute);text-wrap:pretty;margin-top:24px;font-size:18px}p{color:var(--mute)}.hero{border-bottom:1px solid var(--line);position:relative;overflow:hidden}.grid-bg{opacity:.5;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 75% 20%,#000,#0000 75%);mask-image:radial-gradient(70% 80% at 75% 20%,#000,#0000 75%)}.hero-in{padding:140px 0 100px;position:relative}.hero h1{max-width:14ch}.actions{flex-wrap:wrap;gap:16px;margin-top:44px;display:flex}.stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid;position:relative}.stat{padding:28px 28px 32px 0}.stat+.stat{border-left:1px solid var(--line);padding-left:28px}.stat-v{font-size:28px;font-weight:700}.stat-l{color:var(--mute);margin-top:4px;font-size:14px}.sec{padding:120px 0}.sec-alt{background:var(--bg-alt);border-block:1px solid var(--line)}.steps{border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);margin-top:72px;display:grid}.steps li{padding:28px 24px 0 0}.steps li+li{border-left:1px solid var(--line);padding-left:24px}.num{color:var(--cobalt-lt);font-variant-numeric:tabular-nums;margin-bottom:20px;font-size:13px;display:block}.steps p,.card p{font-size:15px}.cards{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:64px;display:grid}.card{background:var(--bg-alt);padding:36px 32px 40px;transition:background .2s}.card:hover{background:#121b2c}.sec:not(.sec-alt) .card{background:var(--bg)}.split{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.ticks{gap:12px;margin:32px 0 40px;display:grid}.ticks li{padding-left:28px;position:relative}.ticks li:before{content:"";background:var(--cobalt-lt);width:14px;height:2px;position:absolute;top:.7em;left:0}.demo{border:1px solid var(--line);background:var(--bg-alt)}.demo-row{grid-template-columns:110px 1fr;gap:4px 20px;padding:24px 28px;display:grid}.demo-row+.demo-row{border-top:1px solid var(--line)}.demo-f{color:var(--mute);font-size:14px}.demo-v{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.demo-s{color:var(--mute);grid-column:2;align-items:center;gap:8px;font-size:13px;display:flex}.demo-s i{background:#34d399;border-radius:50%;width:8px;height:8px}.rows{border-top:1px solid var(--line);margin-top:64px}.row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.4fr;gap:40px;padding:36px 0;display:grid}.row h3{margin:0;font-size:24px}.cta{text-align:center;background:linear-gradient(180deg, var(--bg), #111a30);border-top:1px solid var(--line);padding:140px 0}.cta h2{margin-inline:auto}.cta .lead{margin-inline:auto;margin-bottom:40px}.foot{border-top:1px solid var(--line);color:var(--mute);padding:32px 0;font-size:13px}.foot-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.foot img{width:auto;height:30px}@media (max-width:960px){.nav-links{display:none}.steps{grid-template-columns:1fr}.steps li,.steps li+li{border-left:0;border-bottom:1px solid var(--line);padding:24px 0}.cards{grid-template-columns:1fr}.split,.row{grid-template-columns:1fr;gap:40px}.stats{grid-template-columns:1fr}.stat,.stat+.stat{border-left:0;border-bottom:1px solid var(--line);padding:20px 0}.hero-in{padding:88px 0 64px}.sec{padding:80px 0}}:lang(ko){word-break:keep-all}:root{--ease:cubic-bezier(.16, 1, .3, 1)}@keyframes rise{0%{opacity:0;filter:blur(8px);transform:translateY(28px)}to{opacity:1;filter:none;transform:none}}.fx .hero-a{opacity:0;animation:rise 1s var(--ease) var(--d,0s) forwards}.fx [data-reveal]{opacity:0;transition:opacity .9s var(--ease) var(--d,0s), transform .9s var(--ease) var(--d,0s);transform:translateY(32px)}.fx [data-reveal].in{opacity:1;transform:none}.net{width:100%;height:100%;position:absolute;inset:0}.glow{pointer-events:none;filter:blur(30px);background:radial-gradient(closest-side,#3a56a042,#3a56a000 70%);width:900px;height:900px;animation:14s ease-in-out infinite alternate drift;position:absolute;top:-380px;right:-260px}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(-90px,70px)scale(1.15)}}.grid-bg{animation:30s linear infinite gridpan}@keyframes gridpan{to{background-position:56px 56px,56px 56px}}.hero h1{background:linear-gradient(#fff 40%,#aebfe8);color:#0000;-webkit-background-clip:text;background-clip:text}.nav{transition:background .3s,border-color .3s}.nav.scrolled{background:#0a0f1aeb}.btn{background:var(--btn);transition:background .2s, transform .2s var(--ease), box-shadow .3s;position:relative;overflow:hidden}.btn:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff59 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px -10px #000c}.btn:hover:after{transition:transform .7s var(--ease);transform:translate(120%)}.btn-ghost:hover{box-shadow:none}.card,.row,.demo{position:relative}.card:before,.demo:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%), #7891cd17, transparent 60%);transition:opacity .3s;position:absolute;inset:0}.card:hover:before,.demo:hover:before{opacity:1}.card h3{transition:color .2s, transform .4s var(--ease)}.card:hover h3{color:var(--cobalt-lt);transform:translate(4px)}.row h3{transition:transform .4s var(--ease), color .2s}.row:hover h3{color:var(--cobalt-lt);transform:translate(10px)}.steps{border-top:0;position:relative}.steps:before{content:"";background:var(--line);height:1px;position:absolute;inset:0 0 auto}.steps:after{content:"";background:linear-gradient(90deg, var(--cobalt), var(--cobalt-lt));transform-origin:0;height:2px;transition:transform 1.8s var(--ease) .2s;position:absolute;inset:0 0 auto;transform:scaleX(0)}.fx .steps.in:after{transform:scaleX(1)}.fx .steps[data-reveal]{transform:none}.steps:not(.in) .num{opacity:.4}.num{transition:opacity .6s}.fx .demo-row{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transition-delay:calc(.5s + var(--i) * .35s);transform:translate(24px)}.fx .demo.in .demo-row{opacity:1;transform:none}.demo-s i{animation:2s ease-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #34d39999}to{box-shadow:0 0 0 10px #34d39900}}.cta{position:relative;overflow:hidden}.cta:before{content:"";pointer-events:none;filter:blur(30px);background:radial-gradient(40% 50% at 30% 60%,#3a56a047,#0000 70%),radial-gradient(35% 45% at 70% 40%,#6e82be29,#0000 70%);height:120%;animation:12s ease-in-out infinite alternate aurora;position:absolute;inset:-40% -10% auto}.cta .wrap{position:relative}@keyframes aurora{0%{transform:translate(-6%)scale(1)}to{transform:translate(6%)scale(1.12)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}:lang(th) h1{letter-spacing:0;max-width:20ch;font-size:clamp(32px,4.6vw,62px);line-height:1.3}:lang(th) h2{letter-spacing:0;line-height:1.35}:lang(th) .lead,:lang(th) p{line-height:1.8}