:root{--blue:#2457ff;--blue2:#e8eeff;--yel:#ffd400;--pink:#ff5fa2;--ink:#14163a;--muted:#5a5f86}body{background:#fff;color:var(--ink);font-family:Noto Sans Thai,sans-serif}h1,h2,h3,.disp{font-family:Mitr,sans-serif}.nav{position:sticky;top:0;z-index:30;background:#ffffffe6;backdrop-filter:blur(12px);border-bottom:2px solid var(--blue2)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:10px}.logo{display:flex;align-items:center;gap:10px;font:600 15px Mitr;color:var(--blue)}.logo img{height:30px;width:auto}.nav-r{display:flex;gap:10px;align-items:center}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:3px solid var(--ink);cursor:pointer;background:var(--yel);color:var(--ink);font:600 20px Mitr;padding:15px 30px;border-radius:18px;box-shadow:6px 6px 0 var(--ink);transition:transform .15s,box-shadow .15s}.cta:hover{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:9px 9px 0 var(--ink)}.cta:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--ink)}.cta span{display:inline-block;animation:wig 2.4s ease-in-out infinite}@keyframes wig{0%,80%,to{transform:none}85%{transform:rotate(-3deg)}90%{transform:rotate(3deg)}95%{transform:rotate(-2deg)}}.cta.sm{font-size:15px;padding:8px 16px;border-width:2px;box-shadow:3px 3px 0 var(--ink);border-radius:12px}.hero{position:relative;overflow:hidden;padding:46px 0 80px;background:radial-gradient(40% 40% at 90% 10%,rgba(36,87,255,.18),transparent 70%),radial-gradient(30% 30% at 5% 90%,rgba(255,212,0,.35),transparent 70%),#fff}.hero .wrap{display:grid;gap:44px;align-items:center}@media(min-width:980px){.hero .wrap{grid-template-columns:1.1fr .9fr}}.sticker{display:inline-block;background:var(--pink);color:#fff;font:600 16px Mitr;padding:6px 16px;border-radius:999px;transform:rotate(-3deg)}h1{font-size:clamp(50px,10vw,112px);line-height:1.02;margin:18px 0 0;font-weight:700;letter-spacing:-.015em}h1 .b{color:var(--blue)}h1 .hl{position:relative;display:inline-block}h1 .hl:before{content:"";position:absolute;left:-2%;right:-2%;bottom:6%;height:32%;background:var(--yel);z-index:-1;border-radius:6px;transform:skew(-8deg)}.lead{font-size:clamp(19px,2.3vw,23px);color:var(--muted);margin:24px 0 32px;max-width:30em}.lead b{color:var(--ink)}.act{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.price-st{position:relative;display:grid;place-items:center;width:118px;height:118px;border-radius:50%;background:var(--blue);color:#fff;font:700 28px/1 Mitr;text-align:center;transform:rotate(-10deg);animation:spin 14s linear infinite}.price-st small{display:block;font-size:13px;font-weight:500;margin-top:4px}@keyframes spin{50%{transform:rotate(8deg) scale(1.05)}}.meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.meta span{background:var(--blue2);color:var(--blue);border-radius:12px;padding:7px 14px;font:500 16px Mitr}.phone{justify-self:center;width:min(380px,100%);background:var(--ink);border-radius:44px;padding:14px;box-shadow:0 40px 80px -30px #14163a8c;transform:rotate(2deg)}.screen{background:#f3f5ff;border-radius:32px;padding:18px 14px 22px;min-height:440px;display:flex;flex-direction:column;gap:10px}.chat-h{display:flex;align-items:center;gap:10px;padding:2px 6px 12px;border-bottom:1px solid #dde3ff;font:600 16px Mitr}.chat-h i{width:36px;height:36px;border-radius:50%;background:var(--yel);display:grid;place-items:center;font-style:normal}.chat-h small{display:block;font:400 12px Noto Sans Thai;color:var(--muted)}.bub{max-width:82%;padding:10px 14px;border-radius:18px;font-size:16.5px;line-height:1.45;opacity:0;transform:translateY(10px) scale(.96);transition:all .35s cubic-bezier(.2,.8,.2,1.2)}.bub.show{opacity:1;transform:none}.bub.boss{background:#fff;border-bottom-left-radius:6px;box-shadow:0 4px 12px -6px #14163a4d}.bub.me{align-self:flex-end;background:var(--blue);color:#fff;border-bottom-right-radius:6px}.typing{display:flex;gap:4px;padding:12px 14px;background:#fff;border-radius:18px;width:max-content}.typing i{width:7px;height:7px;border-radius:50%;background:#9aa3d6;animation:ty 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes ty{50%{transform:translateY(-4px);opacity:.4}}.sim{font-size:12px;color:var(--muted);text-align:center;margin-top:auto}.notes{background:var(--blue);color:#fff;padding:96px 0;position:relative;overflow:hidden}.k{font:600 15px Mitr;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;color:var(--pink)}.notes .k{color:var(--yel)}h2{font-size:clamp(36px,6vw,66px);line-height:1.12;margin:0 0 16px;font-weight:700}.notes .wrap{display:grid;gap:40px;align-items:center}@media(min-width:960px){.notes .wrap{grid-template-columns:.9fr 1.1fr}}.notes .p-img{border-radius:30px;--ph:linear-gradient(150deg,#5b7dff,#1a3ccc)}.post{display:grid;gap:18px}@media(min-width:640px){.post{grid-template-columns:repeat(3,1fr)}}.pi{background:var(--yel);color:var(--ink);padding:22px 18px 26px;border-radius:4px;box-shadow:0 18px 30px -18px #0009;transform:rotate(var(--r));transition:transform .3s}.pi:hover{transform:rotate(0) scale(1.04)}.pi h3{font-size:21px;line-height:1.35;margin:0 0 6px}.pi p{margin:0;font-size:16px}.flow{padding:96px 0;background:#fff}.flow .lead{margin-top:0}.steps{display:grid;gap:12px;margin-top:34px}@media(min-width:980px){.steps{grid-template-columns:repeat(6,1fr)}}.steps button{position:relative;text-align:left;border:3px solid var(--ink);border-radius:20px;background:#fff;padding:16px;cursor:pointer;transition:all .2s;font-family:Mitr;min-height:120px;display:flex;flex-direction:column;gap:6px}.steps button .e{font-size:30px}.steps button b{font-weight:600;font-size:17px;line-height:1.3}.steps button small{font:500 12px Mitr;color:var(--muted)}.steps button[aria-selected=true]{background:var(--blue);color:#fff;transform:translateY(-6px);box-shadow:0 8px 0 var(--ink)}.steps button[aria-selected=true] small{color:#cdd8ff}.detail{margin-top:24px;background:var(--blue2);border-radius:24px;padding:24px 26px;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;font-size:20px}.detail b{font-family:Mitr;font-weight:600;font-size:24px}.detail em{font-style:normal;background:var(--yel);border:2px solid var(--ink);border-radius:999px;padding:3px 14px;font:600 15px Mitr;margin-left:auto}.lv{padding:96px 0;background:var(--ink);color:#fff}.lv .k{color:var(--yel)}.lvs{display:grid;gap:18px;margin-top:36px}@media(min-width:960px){.lvs{grid-template-columns:repeat(3,1fr)}}.lvc{background:#23265a;border-radius:26px;padding:26px;border:2px solid #343877}.lvc .lt{font:700 15px Mitr;color:var(--yel);letter-spacing:.06em}.xp{height:12px;border-radius:9px;background:#343877;margin:12px 0 16px;overflow:hidden}.xp span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--yel),var(--pink));border-radius:9px;transition:width 1.4s cubic-bezier(.2,.7,.2,1)}.lvc.in .xp span{width:var(--w)}.lvc .d{font:500 15px Mitr;color:#aab2ff}.lvc h3{font-size:24px;line-height:1.3;margin:4px 0 8px}.lvc p{margin:0;color:#c9cdf5;font-size:17px}.lvc .you{margin-top:14px;font-size:17px;color:#fff;background:#2f3370;border-radius:14px;padding:10px 14px}.reg{padding:96px 0;background:var(--yel)}.reg .wrap{display:grid;gap:34px}@media(min-width:980px){.reg .wrap{grid-template-columns:1fr 1fr;align-items:start}}.reg .k{color:var(--blue)}.big{font:700 clamp(84px,14vw,150px)/1 Mitr;letter-spacing:-.02em}.big small{font-size:.2em;font-weight:500;margin-left:6px}.rf{display:grid;gap:8px;margin:22px 0;font-size:19px}.rf div{background:#fff;border:3px solid var(--ink);border-radius:16px;padding:10px 16px}.how{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;font:500 16px Mitr}.how li{background:var(--ink);color:#fff;border-radius:999px;padding:6px 14px}.pf-card,.pf-closed{background:#fff;border:3px solid var(--ink);border-radius:28px;padding:28px;box-shadow:10px 10px 0 var(--ink)}.pf-title{font-size:28px;margin:0 0 6px}.pf-field input{background:#f3f5ff;border-color:#dfe5ff}.pf-field input:focus{outline:none;border-color:var(--blue);background:#fff}.pf-card .cta{background:var(--blue);color:#fff}.inst{padding:70px 0;background:#fff}.inst .wrap{display:flex;flex-wrap:wrap;gap:24px;align-items:center}.inst img{width:120px;height:120px;border-radius:50%;object-fit:cover;object-position:top;border:4px solid var(--blue)}.inst h3{margin:0;font-size:28px}.inst p{margin:0;color:var(--muted);font-size:19px}.faq-sec{padding:80px 0;background:var(--blue2)}.faq-sec .wrap{display:grid;gap:30px}@media(min-width:900px){.faq-sec .wrap{grid-template-columns:.8fr 1.2fr}}.faq details{border-bottom:2px solid #c9d4ff}.faq summary{font-family:Mitr;font-weight:500}.faq summary:after{color:var(--blue)}.foot{background:var(--ink);color:#c9cdf5;padding:34px 0 120px;font-size:15px}.foot .wrap{display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:space-between}.m-cta{background:#fff;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.mark{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 18px}.mark b{font:700 clamp(26px,3.6vw,38px)/1 Mitr;color:#fff;background:var(--blue);padding:8px 18px;border-radius:14px;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.mark span{font:500 18px Mitr;color:var(--muted)}.mid{margin-top:50px;display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;padding:24px 28px;border-radius:24px;background:var(--yel);color:var(--ink);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.mid p{margin:0;font:600 clamp(22px,3vw,30px)/1.3 Mitr}.mid .cta{background:var(--blue);color:#fff}.notes .mid{grid-column:1/-1}