:root{--paper:#faf7f0;--cobalt:#1d4ed8;--cobalt-deep:#1e3a8a;--ink:#16181d;--muted:#6b6f78;--dark-bg:#0e1116;--highlight:#fff3bf;--success:#7cf29c;--hairline:#16181d24;--font-display:"Anuphan", sans-serif;--font-body:"IBM Plex Sans Thai", sans-serif;--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);font-weight:300;line-height:1.6;overflow-x:hidden}.wrap{max-width:1120px;margin:0 auto;padding:0 28px}h1,h2,h3{font-family:var(--font-display);line-height:1.25}strong{font-weight:600}.accent{color:var(--cobalt)}.todo{background:var(--highlight);border-radius:6px;padding:0 8px}.btn{background:var(--cobalt);color:#fff;font-family:var(--font-display);text-align:center;transition:transform .25s var(--ease-out-expo), box-shadow .25s var(--ease-out-expo);border-radius:999px;padding:16px 40px;font-size:19px;font-weight:600;text-decoration:none;display:inline-block;box-shadow:0 10px 30px #1d4ed847}.btn:hover{transform:translateY(-3px);box-shadow:0 16px 36px #1d4ed861}.btn.small{box-shadow:none;padding:10px 26px;font-size:15px}.btn.on-dark{color:var(--cobalt);background:#fff;box-shadow:0 10px 30px #0003}.reveal{opacity:0;transition:opacity .6s var(--ease-out-expo), transform .6s var(--ease-out-expo);transform:translateY(28px)}.reveal.in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}html{scroll-behavior:auto}*,:before,:after{animation-duration:.01ms!important}}.arc{border:3px solid var(--cobalt);opacity:.1;pointer-events:none;border-radius:50%;position:absolute}.nav{z-index:50;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline);background:#faf7f0e0;position:sticky;top:0}.nav .row{justify-content:space-between;align-items:center;height:64px;display:flex}.nav .brand{font-family:var(--font-display);font-size:19px;font-weight:700}.nav .brand .dot{color:var(--cobalt)}.nav .right{align-items:center;gap:24px;display:flex}.nav .live{letter-spacing:.14em;color:var(--cobalt);font-size:12.5px;font-weight:600}.nav .live .pulse{background:var(--success);border-radius:50%;width:8px;height:8px;margin-right:8px;animation:1.6s infinite pulse;display:inline-block;box-shadow:0 0 #7cf29c99}@keyframes pulse{70%{box-shadow:0 0 0 10px #7cf29c00}to{box-shadow:0 0 #7cf29c00}}@media (max-width:640px){.nav .live{display:none}}.hero{padding:88px 0 96px;position:relative;overflow:hidden}.hero .arc.a1{width:640px;height:640px;top:-240px;right:-280px}.hero .arc.a2{width:460px;height:460px;top:-130px;right:-180px}.hero .grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:64px;display:grid}.hero h1{margin-top:22px;font-size:clamp(34px,4.6vw,54px);font-weight:700;line-height:1.22}.hero .sub{color:var(--muted);max-width:560px;margin-top:22px;font-size:clamp(17px,2vw,20px)}.hero .cta-row{flex-wrap:wrap;align-items:center;gap:24px;margin-top:38px;display:flex}.hero .when{color:var(--muted);font-size:15px}@media (max-width:900px){.hero{padding:56px 0 72px}.hero .grid{grid-template-columns:1fr;gap:56px}}.demo{position:relative}.demo .prompt{z-index:3;background:var(--ink);color:#fff;border-radius:18px 18px 18px 4px;max-width:320px;padding:14px 20px;font-size:15px;font-weight:400;line-height:1.5;position:absolute;top:-26px;left:-18px;transform:rotate(-1.5deg);box-shadow:0 14px 30px #16181d40}.demo .prompt .tag{letter-spacing:.12em;color:var(--success);margin-bottom:4px;font-size:11.5px;display:block}.demo .board{border:2px solid var(--ink);box-shadow:10px 10px 0 var(--cobalt);background:#fff;border-radius:16px;padding:24px;transform:rotate(1.2deg)}.demo .board .bar-head{border-bottom:1px solid var(--hairline);align-items:center;gap:8px;margin-bottom:18px;padding-bottom:14px;display:flex}.demo .board .bar-head .dots{gap:5px;display:flex}.demo .board .bar-head .dots i{background:var(--hairline);border-radius:50%;width:9px;height:9px}.demo .board .bar-head .title{color:var(--muted);margin-left:8px;font-size:13.5px}.demo .stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.demo .stat{border:1px solid var(--hairline);border-radius:10px;padding:12px 14px}.demo .stat .k{color:var(--muted);font-size:11.5px}.demo .stat .v{font-family:var(--font-display);margin-top:2px;font-size:19px;font-weight:700}.demo .stat .v.up{color:var(--cobalt)}.demo .chart{border-bottom:2px solid var(--ink);align-items:flex-end;gap:10px;height:130px;margin-top:18px;padding:0 6px;display:flex}.demo .chart i{background:var(--cobalt);transform-origin:bottom;animation:grow .9s var(--ease-out-expo) backwards;border-radius:4px 4px 0 0;flex:1}.demo .chart i:nth-child(odd){opacity:.55}.demo .chart i:first-child{height:36%;animation-delay:.55s}.demo .chart i:nth-child(2){height:52%;animation-delay:.65s}.demo .chart i:nth-child(3){height:44%;animation-delay:.75s}.demo .chart i:nth-child(4){height:68%;animation-delay:.85s}.demo .chart i:nth-child(5){height:58%;animation-delay:.95s}.demo .chart i:nth-child(6){height:90%;animation-delay:1.05s}.demo .chart i:nth-child(7){height:78%;animation-delay:1.15s}@keyframes grow{0%{transform:scaleY(0)}}.demo .days{gap:10px;padding:8px 6px 0;display:flex}.demo .days span{text-align:center;color:var(--muted);flex:1;font-size:11px}.demo .caption{text-align:center;color:var(--muted);margin-top:22px;font-size:14px}.demo .caption em{color:var(--cobalt);font-style:normal;font-weight:500}@media (max-width:900px){.demo{margin-top:10px}.demo .prompt{margin-bottom:18px;display:inline-block;position:static;transform:none}}.strip{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.strip .row{grid-template-columns:repeat(3,1fr);padding:28px 0;display:grid}.strip .item{text-align:center;padding:0 16px}.strip .item+.item{border-left:1px solid var(--hairline)}.strip .n{font-family:var(--font-display);color:var(--cobalt);font-size:30px;font-weight:700}.strip .d{color:var(--muted);margin-top:2px;font-size:14.5px}@media (max-width:640px){.strip .row{grid-template-columns:1fr;gap:20px}.strip .item+.item{border-left:none}}section{padding:104px 0}section h2{margin-top:18px;font-size:clamp(27px,3.6vw,40px);font-weight:700}.who .grid{grid-template-columns:400px 1fr;align-items:start;gap:72px;display:grid}.who .head{position:sticky;top:110px}.who .head p{color:var(--muted);margin-top:16px;font-size:17px}.who li{border-bottom:1px solid var(--hairline);align-items:flex-start;gap:20px;padding:24px 4px;font-size:18.5px;line-height:1.55;list-style:none;display:flex}.who li:first-child{padding-top:8px}.who li .tick{background:var(--cobalt);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;margin-top:4px;font-size:15px;font-weight:700;display:flex}.who .punch{color:var(--muted);margin-top:28px;font-size:17.5px}.who .punch strong{color:var(--ink)}@media (max-width:900px){.who .grid{grid-template-columns:1fr;gap:40px}.who .head{position:static}}.course .head{max-width:680px}.course .head .sub{color:var(--muted);margin-top:16px;font-size:17.5px}.course .mods{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px;display:grid}.course .mod{border:1px solid var(--hairline);background:#fff;border-radius:14px;min-height:150px;padding:24px 22px}.course .mod.hi{background:var(--cobalt);color:#fff;border-color:var(--cobalt);box-shadow:8px 8px #1d4ed82e}.course .mod .n{font-family:var(--font-display);color:var(--cobalt);font-size:24px;font-weight:700}.course .mod.hi .n{color:#fff}.course .mod .t{margin-top:10px;font-size:16.5px;font-weight:500;line-height:1.45}.course .mod .s{letter-spacing:.04em;color:var(--cobalt);background:#fff;border-radius:999px;margin-top:12px;padding:3px 12px;font-size:12.5px;font-weight:600;display:inline-block}.course .mod:not(.hi) .s{background:0 0;padding:3px 0;font-weight:500}@media (max-width:900px){.course .mods{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.course .mods{grid-template-columns:1fr}.course .mod{min-height:0}}.see{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:#fff}.see .head{max-width:680px}.see .head .sub{color:var(--muted);margin-top:16px;font-size:17.5px}.see .steps{margin-top:64px;position:relative}.see .steps:before{content:"";background:var(--hairline);width:2px;position:absolute;top:10px;bottom:10px;left:27px}.see .step{grid-template-columns:56px 1fr;gap:32px;padding:26px 0;display:grid;position:relative}.see .step .n{font-family:var(--font-display);background:var(--cobalt);color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:700;display:flex;position:relative;box-shadow:0 0 0 6px #fff}.see .step .t{font-family:var(--font-display);padding-top:12px;font-size:22px;font-weight:600}.see .step .d{color:var(--muted);max-width:620px;margin-top:8px;font-size:17px}@media (max-width:640px){.see .steps:before{left:21px}.see .step{grid-template-columns:44px 1fr;gap:22px}.see .step .n{width:44px;height:44px;font-size:18px}.see .step .t{padding-top:6px;font-size:20px}}.why{background:linear-gradient(150deg, var(--cobalt-deep), var(--cobalt));color:#fff}.why .head{max-width:720px}.why .head .sub{opacity:.85;max-width:620px;margin-top:18px;font-size:18px}.why .rows{margin-top:56px}.why .row{border-top:1px solid #ffffff40;grid-template-columns:80px 320px 1fr;align-items:baseline;gap:32px;padding:34px 0;display:grid}.why .row .num{font-family:var(--font-display);opacity:.55;font-size:30px;font-weight:700}.why .row .t{font-family:var(--font-display);font-size:23px;font-weight:600;line-height:1.4}.why .row .d{opacity:.88;font-size:17px;line-height:1.7}@media (max-width:900px){.why .row{grid-template-columns:56px 1fr}.why .row .d{grid-column:2}}.teach .grid{grid-template-columns:320px 1fr;align-items:center;gap:72px;display:grid}.teach .photo{border:2px dashed var(--muted);background:repeating-linear-gradient(45deg,#f0ece2,#f0ece2 20px,#e9e4d8 20px 40px);border-radius:18px;height:400px;position:relative;overflow:hidden;transform:rotate(-1.5deg)}.teach .photo img{object-fit:cover;width:100%;height:100%}.teach .role{color:var(--cobalt);margin:8px 0 22px;font-size:17px;font-weight:500}.teach .creds{flex-wrap:wrap;gap:14px;margin-bottom:26px;display:flex}.teach .cred{border:1px solid var(--hairline);background:#fff;border-radius:12px;padding:14px 20px}.teach .cred .n{font-family:var(--font-display);color:var(--cobalt);font-size:21px;font-weight:700}.teach .cred .k{color:var(--muted);margin-top:2px;font-size:13px}.teach ul{flex-direction:column;gap:14px;list-style:none;display:flex}.teach li{padding-left:30px;font-size:17.5px;position:relative}.teach li:before{content:"";background:var(--cobalt);border-radius:3px;width:12px;height:12px;position:absolute;top:10px;left:0}@media (max-width:900px){.teach .grid{grid-template-columns:1fr;gap:44px}.teach .photo{max-width:320px}}.bonus{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:#fff}.bonus .items{grid-template-columns:repeat(2,1fr);gap:28px;margin-top:48px;display:grid}.bonus .item{border:1px solid var(--hairline);background:var(--paper);border-radius:16px;padding:36px 34px}.bonus .item .num{font-family:var(--font-display);color:var(--cobalt);font-size:28px;font-weight:700}.bonus .item .t{font-family:var(--font-display);margin-top:14px;font-size:21px;font-weight:600;line-height:1.4}.bonus .item .d{color:var(--muted);margin-top:10px;font-size:16.5px;line-height:1.65}@media (max-width:800px){.bonus .items{grid-template-columns:1fr}}.buy .paths{margin-top:56px;max-width:720px;margin-inline:auto}.buy .path{border-radius:22px;flex-direction:column;align-items:flex-start;padding:48px 44px;display:flex}.buy .path .tag{letter-spacing:.1em;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600}.buy .path h3{margin-top:20px;font-size:clamp(22px,2.6vw,28px);font-weight:700}.buy .path .btn{margin-top:28px}.buy .path .fine{opacity:.75;margin-top:14px;font-size:13.5px}.buy .path.trial{background:linear-gradient(150deg, var(--cobalt-deep), var(--cobalt));color:#fff}.buy .path.trial .tag{color:#fff;background:#ffffff29;border:1px solid #fff6}.buy .path.trial .d{opacity:.9;margin-top:16px;font-size:16.5px}.buy .path.trial .qr{background:#fff;border-radius:10px;width:160px;height:160px;margin-top:24px;padding:8px}.buy .path.trial .qr img{object-fit:contain;width:100%;height:100%}.faq .grid{grid-template-columns:360px 1fr;align-items:start;gap:72px;display:grid}.faq details{border-bottom:1px solid var(--hairline)}.faq details:first-of-type{border-top:1px solid var(--hairline)}.faq summary{font-family:var(--font-display);cursor:pointer;padding:24px 44px 24px 0;font-size:19px;font-weight:600;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--cobalt);font-size:27px;font-weight:400;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);max-width:600px;padding:0 0 24px;font-size:16.5px}@media (max-width:900px){.faq .grid{grid-template-columns:1fr;gap:36px}}footer{background:var(--dark-bg);color:#fff;padding:72px 0 40px}footer .top{border-bottom:1px solid #ffffff24;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;margin-bottom:28px;padding-bottom:44px;display:flex}footer .brand{font-family:var(--font-display);font-size:23px;font-weight:700}footer .tag{color:#ffffff8c;margin-top:8px;font-size:15px}footer .fine{color:#fff6;font-size:13px}.txt-date{color:var(--cobalt)}.regform,.payform{flex-direction:column;align-items:stretch;width:100%;margin-top:8px;display:flex}.field{text-align:left;flex-direction:column;gap:6px;margin-top:16px;display:flex}.field label{font-size:14px;font-weight:500}.field input{font-family:var(--font-body);border:1px solid var(--hairline);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:13px 16px;font-size:16px}.field input:focus{outline:2px solid var(--cobalt);outline-offset:1px}.regform .btn,.payform .btn{align-self:flex-start;margin-top:22px}.regform .btn[disabled],.payform .btn[disabled]{opacity:.6;cursor:default;box-shadow:none;transform:none}.formmsg{border-radius:12px;margin-top:16px;padding:12px 16px;font-size:15px}.formmsg.err{color:#b91c1c;background:#dc26261f}.formmsg.ok{color:#15803d;background:#7cf29c2e}.buy .path.trial .field label{color:#fff}.buy .path.trial .formmsg.ok{color:#15803d;background:#fff;font-weight:600}.buy .path.trial .formmsg.err{color:#b91c1c;background:#fff}.regdone{flex-direction:column;align-items:flex-start;width:100%;display:flex}.regdone .qrcap{color:#fff;opacity:.9;margin-top:20px;font-size:14px}.pay{padding:72px 0 96px}.pay .wrap{text-align:center;max-width:560px}.pay h1{font-size:clamp(26px,4vw,34px);font-weight:700}.pay .price{color:var(--muted);margin-top:14px;font-size:18px}.pay .price strong{color:var(--cobalt)}.pay .acct{color:var(--muted);margin-top:10px;font-size:15px;line-height:1.7}.pay .qr{width:260px;margin:24px auto 0}.pay .qr img{border-radius:12px;width:100%;height:auto}.pay .payform{text-align:left;border-top:1px solid var(--hairline);margin-top:28px;padding-top:24px}.pay .payform .btn{align-self:center}.pay .hint{color:var(--muted);margin-top:18px;font-size:14px}.copyacct{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:12px;display:inline-flex}.copyacct .num{font-family:var(--font-display);letter-spacing:.02em;font-size:18px;font-weight:600}.copyacct button{font-family:var(--font-body);color:var(--cobalt);border:1px solid var(--cobalt);cursor:pointer;background:#fff;border-radius:999px;padding:7px 16px;font-size:14px;font-weight:500;transition:background .2s,color .2s}.copyacct button:hover{background:var(--cobalt);color:#fff}.nav .right .nav-line{color:var(--cobalt);font-size:15px;font-weight:500;text-decoration:none}.nav .right .nav-line:hover{text-decoration:underline}footer .foot-contact{color:#ffffffb3;margin-bottom:10px;font-size:14.5px}footer .foot-contact a{color:#fff;text-decoration:underline}