:root{--bg:#05292e;--bg2:#073a40;--mint:#3ef0c2;--mint2:#b8ffe9;--coral:#ff6b4a;--cream:#f4fbf8;--ink:#05292e}body{background:var(--bg);color:#eafff8;font-family:Noto Sans Thai,sans-serif}h1,h2,h3,.disp{font-family:Kanit,sans-serif}.nav{position:sticky;top:0;z-index:30;background:#05292ed1;backdrop-filter:blur(14px);border-bottom:1px solid rgba(62,240,194,.15)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:66px;gap:10px}.logo{display:flex;align-items:center;gap:10px;font:700 15px Kanit;letter-spacing:.06em}.logo img{height:30px;width:auto}.nav-r{display:flex;align-items:center;gap:10px}.cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;background:var(--coral);color:#fff;font:700 19px Kanit;padding:17px 32px;border-radius:999px;box-shadow:0 14px 34px -12px #ff6b4acc;transition:transform .25s}.cta:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-20deg);animation:shine 2.8s ease-in-out infinite}@keyframes shine{0%,60%{left:-60%}to{left:130%}}.cta:hover{transform:translateY(-3px) scale(1.02)}.cta.sm{font-size:15px;padding:10px 20px}.ghost{display:inline-flex;align-items:center;gap:8px;font:600 17px Kanit;color:var(--mint);border-bottom:2px solid currentColor;padding-bottom:2px}.hero{position:relative;overflow:hidden;min-height:calc(100svh - 66px);display:flex;align-items:center;padding:40px 0 90px;background:radial-gradient(70% 60% at 80% 20%,#0b5960 0%,transparent 70%),var(--bg)}.hero svg.path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero svg.path path{stroke:var(--mint);stroke-width:3;fill:none;stroke-dasharray:14 14;opacity:.35;animation:dash 30s linear infinite}@keyframes dash{to{stroke-dashoffset:-1000}}.hero .wrap{position:relative;display:grid;gap:40px;align-items:center}@media(min-width:980px){.hero .wrap{grid-template-columns:1.25fr .75fr}}.tag{display:inline-flex;align-items:center;gap:10px;background:#3ef0c21f;border:1px solid rgba(62,240,194,.35);color:var(--mint);border-radius:999px;padding:6px 16px;font:600 15px Kanit;letter-spacing:.04em}.tag b{background:var(--mint);color:var(--ink);border-radius:999px;padding:1px 10px}.from{font:500 clamp(26px,4.2vw,40px)/1.2 Kanit;margin:26px 0 4px;color:#9fd8cc;display:flex;flex-wrap:wrap;align-items:baseline;gap:.35em}.rot{position:relative;display:inline-block;color:#fff;min-width:5.5em}.rot span{display:inline-block;position:relative}.rot span:after{content:"";position:absolute;left:-3%;right:-3%;top:56%;height:.12em;background:var(--coral);border-radius:9px;transform:scaleX(0);transform-origin:left;animation:strike .6s .5s forwards}@keyframes strike{to{transform:scaleX(1)}}.rot span.out{animation:rotout .4s forwards}@keyframes rotout{to{opacity:0;transform:translateY(-.5em)}}.rot span.in{animation:rotin .45s}@keyframes rotin{0%{opacity:0;transform:translateY(.5em)}}h1{font-size:clamp(56px,11.5vw,128px);line-height:.98;margin:0;font-weight:800;letter-spacing:-.02em}h1 .arrow{display:inline-block;color:var(--coral);animation:nudge 1.6s ease-in-out infinite}@keyframes nudge{50%{transform:translate(.12em)}}h1 .m{background:linear-gradient(90deg,var(--mint),var(--mint2));-webkit-background-clip:text;background-clip:text;color:transparent}.sub{font-size:clamp(19px,2.3vw,23px);color:#c9efe6;max-width:30em;margin:26px 0 34px}.sub b{color:#fff}.hero-act{display:flex;flex-wrap:wrap;gap:22px;align-items:center}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.chips span{border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:8px 14px;font-size:16px;background:#ffffff0a}.chips b{color:var(--mint);font-family:Kanit}.photo{position:relative;border-radius:36px;max-width:440px;justify-self:center;width:100%}.photo:before{content:"";position:absolute;inset:18px -18px -18px 18px;border:3px solid var(--mint);border-radius:36px}.photo .p-img{position:relative;border-radius:36px;--ph:linear-gradient(160deg,#0f6b6f,#063337)}.float{position:absolute;z-index:2;background:#fff;color:var(--ink);border-radius:16px;padding:14px 24px;font:800 clamp(22px,2.6vw,30px)/1.1 Kanit;letter-spacing:.01em;box-shadow:0 18px 44px -14px #0009;animation:bob 4s ease-in-out infinite}.float.f1{left:-8px;top:-22px}@media(min-width:980px){.float.f1{left:-96px;top:12%}}.float.f2{right:-14px;bottom:12%;animation-delay:-2s;background:var(--coral);color:#fff}@keyframes bob{50%{transform:translateY(-10px)}}.marq{position:absolute;left:0;right:0;bottom:0;overflow:hidden;background:var(--mint);color:var(--ink);padding:12px 0}.marq div{display:flex;gap:40px;width:max-content;font:800 20px Kanit;letter-spacing:.08em;animation:mq 26s linear infinite;white-space:nowrap}@keyframes mq{to{transform:translate(-50%)}}.voices{background:var(--cream);color:var(--ink);padding:100px 0}.k{font:700 15px Kanit;letter-spacing:.16em;color:var(--coral);margin:0 0 12px;text-transform:uppercase}h2{font-size:clamp(38px,6.5vw,72px);line-height:1.08;margin:0 0 20px;font-weight:800;letter-spacing:-.01em}.voices h2 em{font-style:normal;color:#0d8b78}.vlist{display:grid;gap:18px;margin-top:44px}.v{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;border-top:2px solid #cfe9e1;padding-top:22px}.v .n{font:800 56px/1 Kanit;color:var(--coral)}.v h3{margin:0;font-size:clamp(24px,3.4vw,34px);line-height:1.25}.v p{margin:6px 0 0;font-size:19px;color:#3d6b66}@media(min-width:900px){.vlist{grid-template-columns:repeat(3,1fr)}}.skills{padding:100px 0;background:radial-gradient(60% 50% at 10% 0%,#0b5960,transparent 70%),var(--bg)}.skills h2 .m{color:var(--mint)}.skills .lead{font-size:20px;color:#c9efe6;max-width:34em}.sk-grid{display:grid;gap:30px;margin-top:40px}@media(min-width:960px){.sk-grid{grid-template-columns:1.1fr .9fr}}.sk-chips{display:flex;flex-wrap:wrap;gap:12px;align-content:flex-start}.sk-chips button{border:2px solid rgba(62,240,194,.4);background:transparent;border-radius:999px;padding:12px 20px;font:600 18px Kanit;cursor:pointer;transition:all .2s;color:#eafff8}.sk-chips button[aria-pressed=true]{background:var(--mint);color:var(--ink);border-color:var(--mint);transform:scale(1.04)}.sk-out{background:#fff;color:var(--ink);border-radius:30px;padding:28px}.meter{display:flex;align-items:baseline;gap:10px;font:800 72px/1 Kanit;color:var(--ink)}.meter small{font:600 20px Kanit;color:#5b7f7a}.bar{height:14px;border-radius:9px;background:#e1f3ee;margin:14px 0 20px;overflow:hidden}.bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mint),#16b896);border-radius:9px;transition:width .5s cubic-bezier(.2,.7,.2,1)}.map{display:grid;gap:8px;min-height:60px}.map div{display:flex;gap:10px;align-items:center;font-size:17px;background:#f0faf7;border-radius:12px;padding:9px 12px;animation:pop .3s}@keyframes pop{0%{opacity:0;transform:translateY(6px)}}.map em{font-style:normal;font:700 13px Kanit;background:var(--ink);color:#fff;border-radius:999px;padding:2px 10px;flex:0 0 auto}.map .empty{background:none;color:#6b8d88}.path3{background:var(--cream);color:var(--ink);padding:100px 0}.road{display:grid;gap:22px;margin-top:46px;position:relative}@media(min-width:960px){.road{grid-template-columns:repeat(3,1fr)}.road:before{content:"";position:absolute;left:8%;right:8%;top:46px;border-top:4px dashed #9fe3d0}}.stop{position:relative;background:#fff;border-radius:28px;padding:28px;box-shadow:0 20px 50px -30px #05292e80}.stop .pin{width:92px;height:92px;border-radius:50%;background:var(--ink);color:var(--mint);display:grid;place-items:center;text-align:center;font:800 15px/1.1 Kanit;margin:-6px 0 18px;border:6px solid var(--cream)}.stop .pin b{display:block;font-size:34px}.stop .d{font:600 16px Kanit;color:var(--coral)}.stop h3{font-size:25px;line-height:1.3;margin:4px 0 6px}.stop p{margin:0;color:#47706a;font-size:17px}.stop .you{margin-top:16px;padding-top:14px;border-top:2px solid #e3f4ef;font-size:17px;color:var(--ink)}.stop .you b{color:#0d8b78}.inst{padding:90px 0;background:var(--bg2)}.inst .wrap{display:grid;gap:30px;align-items:center}@media(min-width:860px){.inst .wrap{grid-template-columns:280px 1fr}}.inst img{border-radius:28px;border:4px solid var(--mint);max-width:280px}.inst h3{font-size:36px;margin:0}.inst p{font-size:21px;color:#c9efe6;margin:6px 0 0}.reg{background:linear-gradient(160deg,var(--coral),#ff8f5e);color:#2a0d05;padding:100px 0}.reg .wrap{display:grid;gap:36px}@media(min-width:980px){.reg .wrap{grid-template-columns:1fr 1fr;align-items:start}}.reg h2{color:#fff}.price{font:800 clamp(80px,13vw,140px)/1 Kanit;color:#fff;letter-spacing:-.03em}.price small{font-size:.22em;letter-spacing:0;font-weight:600;margin-left:8px}.facts{display:grid;gap:10px;margin:26px 0;font-size:19px;color:#3a1206}.facts div{background:#ffffff59;border-radius:16px;padding:12px 16px}.steps{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:s;font-size:18px;color:#3a1206}.steps li{counter-increment:s;display:flex;gap:12px;align-items:center}.steps li:before{content:counter(s);width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:700 14px Kanit;flex:0 0 auto}.pf-card,.pf-closed{background:#fff;color:var(--ink);border-radius:30px;padding:30px;box-shadow:0 30px 70px -30px #50140099}.pf-title{font-size:30px;margin:0 0 6px}.pf-field input{background:#f1f7f5;border-color:#e0ece8}.pf-field input:focus{outline:none;border-color:var(--mint);background:#fff}.pf-card .cta{background:var(--ink);box-shadow:0 14px 30px -12px #05292ecc}.faq-sec{background:var(--cream);color:var(--ink);padding:90px 0}.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 #d5ebe4}.faq summary:after{color:var(--coral)}.foot{background:var(--bg);padding:36px 0 120px;font-size:15px;color:#9fd8cc}.foot .wrap{display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:space-between}.foot a:hover{color:#fff}.m-cta{background:var(--ink);color:#fff;box-shadow:0 18px 40px -14px #000000b3;border:1px solid rgba(62,240,194,.3)}.tag{font-size:clamp(18px,2.2vw,22px);padding:9px 20px}.tag b{font-size:1.15em;padding:2px 14px}.mid{margin-top:56px;display:flex;flex-wrap:wrap;gap:18px 30px;align-items:center;justify-content:space-between;padding:28px 32px;border-radius:30px;background:var(--ink);color:#fff;box-shadow:0 30px 60px -30px #05292eb3}.mid p{margin:0;font:700 clamp(22px,3vw,32px)/1.3 Kanit}.sk-out .cta{margin-top:20px;width:100%}