@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Noto+Sans+Thai:wght@400;500;600;700;800&family=Sarabun:wght@400;500;600;700;800&display=swap";
@keyframes p{0%{box-shadow:0 0 #13b36a80}70%{box-shadow:0 0 0 7px #13b36a00}to{box-shadow:0 0 #13b36a00}}.hw-mkt{--blue:#0068ff;--blue-dk:#0047b3;--cyan:#10c4e6;--ink:#0e1a33;--slate:#5b6b8c;--soft:#f3f7fd;--soft2:#e9f1fc;--line:#e3eaf5;--green:#13b36a;--red:#ff3358;color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(1000px 540px at 85% -10%,#e2ecff 0%,#f4f8ff 44%,#fff 100%);min-height:100vh;font-family:LINE Seed Sans TH,Noto Sans Thai,Sarabun,sans-serif}.hw-mkt [data-en],.hw-mkt.lang-en [data-th]{display:none}.hw-mkt.lang-en [data-en]{display:unset}.hw-mkt *{box-sizing:border-box;margin:0;padding:0}.hw-mkt .wrap{max-width:1140px;margin:0 auto;padding:0 26px}.hw-mkt a{color:inherit;text-decoration:none}.hw-mkt nav{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#ffffffd9;justify-content:space-between;align-items:center;padding:16px 0;display:flex;position:sticky;top:0}.hw-mkt .brand{align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex}.hw-mkt .brand .logo{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;border-radius:11px;place-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:grid}.hw-mkt .menu{gap:26px;list-style:none;display:flex}.hw-mkt .menu a{color:var(--slate);font-size:15px;font-weight:600}.hw-mkt .menu a.on,.hw-mkt .menu a:hover{color:var(--blue)}.hw-mkt .nav-r{align-items:center;gap:14px;display:flex}.hw-mkt .lang{background:var(--soft2);border:1px solid var(--line);border-radius:999px;padding:3px;font-size:13px;font-weight:700;display:flex}.hw-mkt .lang span{color:var(--slate);cursor:pointer;border-radius:999px;padding:4px 11px}.hw-mkt .lang span.on{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff}.hw-mkt .btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:11px 20px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.hw-mkt .btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px -10px #0068ffb3}.hw-mkt .btn-primary:hover{transform:translateY(-2px)}.hw-mkt .btn-ghost{color:var(--ink);border:1.5px solid var(--line);background:#fff}.hw-mkt .btn-ghost:hover{border-color:var(--blue);color:var(--blue)}.hw-mkt .head{text-align:center;padding:54px 0 8px}.hw-mkt .pill{background:var(--soft2);color:var(--blue);border-radius:999px;align-items:center;gap:7px;padding:7px 15px;font-size:13px;font-weight:800;display:inline-flex}.hw-mkt .pill .d{background:var(--green);border-radius:50%;width:8px;height:8px}.hw-mkt .head h1{margin:16px 0 10px;font-size:46px;font-weight:800;line-height:1.12}.hw-mkt .head h1 .g{background:linear-gradient(100deg,#0068ff,#4d8fff,#00cd82);color:#0000;-webkit-background-clip:text;background-clip:text}.hw-mkt .head p{color:var(--slate);max-width:580px;margin:0 auto;font-size:18px;line-height:1.6}.hw-mkt .sec-label{align-items:center;gap:12px;margin:54px 0 22px;display:flex}.hw-mkt .sec-label .t{letter-spacing:.04em;color:var(--ink);font-size:14px;font-weight:800}.hw-mkt .sec-label .ln{background:var(--line);flex:1;height:1px}.hw-mkt .sec-label .cnt{color:var(--slate);background:var(--soft);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700}.hw-mkt .grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.hw-mkt .card{border:1px solid var(--line);background:#fff;border-radius:22px;transition:transform .18s,box-shadow .18s,border-color .18s;display:block;overflow:hidden;box-shadow:0 24px 60px -34px #0e285a57}.hw-mkt .card.live:hover{border-color:#bcd3f7;transform:translateY(-5px);box-shadow:0 32px 70px -30px #0e285a73}.hw-mkt .card-top{gap:18px;padding:24px 24px 0;display:flex}.hw-mkt .card-img{object-fit:cover;border:1px solid var(--line);border-radius:20px;flex:none;width:96px;height:96px}.hw-mkt .card-ph{color:#fff;border-radius:20px;flex:none;place-items:center;width:96px;height:96px;font-size:36px;display:grid}.hw-mkt .role{border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:800;display:inline-block}.hw-mkt .card h3{margin:8px 0 4px;font-size:24px;font-weight:800}.hw-mkt .card .tl{color:var(--slate);font-size:14.5px;line-height:1.5}.hw-mkt .live-pill{color:var(--green);background:#e7f9f0;border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:5px 11px;font-size:12px;font-weight:800;display:inline-flex}.hw-mkt .live-pill .d{background:var(--green);border-radius:50%;width:7px;height:7px;animation:1.6s infinite p}.hw-mkt .soon-pill{color:var(--slate);background:var(--soft);border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:5px 11px;font-size:12px;font-weight:800;display:inline-flex}.hw-mkt .skills{flex-wrap:wrap;gap:7px;padding:16px 24px 0;display:flex}.hw-mkt .skill{color:var(--slate);background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:6px 11px;font-size:12.5px;font-weight:600}.hw-mkt .card-cta{color:var(--blue);align-items:center;gap:6px;padding:18px 24px 22px;font-size:15px;font-weight:800;display:flex}.hw-mkt .card.soon{opacity:.72}.hw-mkt .card.soon .card-cta{color:var(--slate)}.hw-mkt .grid.soon-grid{grid-template-columns:1fr 1fr 1fr;gap:18px}.hw-mkt .grid.soon-grid .card{box-shadow:none}.hw-mkt .grid.soon-grid .card-top{padding:20px 20px 0}.hw-mkt .grid.soon-grid .card-ph{border-radius:16px;width:60px;height:60px;font-size:24px}.hw-mkt .grid.soon-grid h3{margin-top:10px;font-size:18px}.hw-mkt .lock{color:var(--slate);margin-left:auto;font-size:15px}.hw-mkt .cta-band{background:linear-gradient(120deg,var(--blue),var(--cyan));text-align:center;color:#fff;border-radius:26px;margin:60px 0;padding:46px}.hw-mkt .cta-band h2{margin-bottom:10px;font-size:30px;font-weight:800}.hw-mkt .cta-band p{opacity:.92;margin-bottom:22px;font-size:16px}.hw-mkt .cta-band .btn-white{color:var(--blue);background:#fff}.hw-mkt footer{border-top:1px solid var(--line);color:var(--slate);text-align:center;padding:30px 0;font-size:13.5px}@media (max-width:820px){.hw-mkt .grid,.hw-mkt .grid.soon-grid{grid-template-columns:1fr}.hw-mkt .menu{display:none}.hw-mkt .head h1{font-size:32px}}.hw-mkt .grid.soon-grid .card-img{border-radius:16px;width:60px;height:60px}.hw-mkt .card-img.soon-blur{filter:blur(4px)grayscale(.4)}.hw-mkt [data-en],.hw-mkt .lang-en [data-th]{display:none}.hw-mkt .lang-en [data-en]{display:unset}@media (prefers-reduced-motion:reduce){.hw-mkt *,.hw-mkt :before,.hw-mkt :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hw-mkt .hwnav{z-index:1000;-webkit-backdrop-filter:blur(10px);background:#ffffffeb;border-bottom:1px solid #e8eaf5;margin:0;padding:0;font-family:Plus Jakarta Sans,Noto Sans Thai,sans-serif;position:sticky;top:0}.hw-mkt .hwnav,.hw-mkt .hwnav *{box-sizing:border-box}.hw-mkt .hwnav-in{align-items:center;gap:1rem;max-width:1200px;height:66px;margin:0 auto;padding:0 1.5rem;display:flex}.hw-mkt .hwnav-logo{flex:none;align-items:center;gap:.5rem;text-decoration:none;display:flex}.hw-mkt .hwnav-mark{color:#fff;background:#0068ff;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.92rem;font-weight:800;display:flex}.hw-mkt .hwnav-name{color:#052033;font-family:Plus Jakarta Sans,sans-serif;font-size:1.08rem;font-weight:800}.hw-mkt .hwnav-badge{color:#00a86b;letter-spacing:.03em;background:#e3faf0;border-radius:100rem;padding:.2rem .5rem;font-size:.58rem;font-weight:800}.hw-mkt .hwnav-menu{align-items:center;gap:.1rem;margin:0;padding:0;list-style:none;display:flex}.hw-mkt .hwnav-menu a{color:#3a4a63;white-space:nowrap;border-radius:8px;padding:.45rem .55rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:block}.hw-mkt .hwnav-menu a:hover{color:#0068ff;background:#f0f4ff}.hw-mkt .hwnav-menu a.active{color:#0068ff;background:#e6f1ff}.hw-mkt .hwnav-sp{flex:1}.hw-mkt .hwnav-right{flex:none;align-items:center;gap:.55rem;display:flex}.hw-mkt .hwnav-lang{background:#eef1f7;border-radius:100rem;padding:3px;display:flex}.hw-mkt .hwnav-lang button{color:#777b92;cursor:pointer;background:0 0;border:none;border-radius:100rem;min-width:38px;min-height:30px;padding:.26rem .6rem;font-family:inherit;font-size:.76rem;font-weight:800}@media (max-width:1040px){.hw-mkt .hwnav-lang button{min-width:44px;min-height:44px;padding:.5rem .8rem}}.hw-mkt .hwnav-lang button.on{color:#0068ff;background:#fff;box-shadow:0 1px 3px #0000001f}.hw-mkt .hwnav-login{color:#0068ff;white-space:nowrap;font-size:.86rem;font-weight:800;text-decoration:none}.hw-mkt .hwnav-cta{color:#fff;white-space:nowrap;background:#0068ff;border-radius:100rem;padding:.55rem 1.1rem;font-size:.86rem;font-weight:800;text-decoration:none}.hw-mkt .hwnav-burger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:44px;min-height:44px;padding:11px;display:none}.hw-mkt .hwnav-burger span{background:#052033;border-radius:2px;width:22px;height:2px}.hw-mkt .hwnav-mob{background:#fff;border-bottom:1px solid #e8eaf5;flex-direction:column;gap:.1rem;padding:.7rem 1.5rem 1.1rem;display:none}.hw-mkt .hwnav-mob.open{display:flex}.hw-mkt .hwnav-mob a{color:#2b3954;border-radius:8px;align-items:center;min-height:44px;padding:.85rem .6rem;font-weight:700;text-decoration:none;display:flex}.hw-mkt .hwnav-mob a.active{color:#0068ff}.hw-mkt .hwnav-mob .cta{color:#fff;text-align:center;background:#0068ff;border-radius:100rem;justify-content:center;margin-top:.45rem}@media (max-width:1040px){.hw-mkt .hwnav-menu,.hw-mkt .hwnav-login{display:none}.hw-mkt .hwnav-burger{display:flex}}.hw-mkt .soon-link{opacity:.55;cursor:default;pointer-events:none;filter:grayscale(.25)}