:root{--navy:#1b2a6b;--navy-2:#24358a;--blue:#1565c0;--sky:#e8f3fd;--orange:#e8740c;--orange-soft:#fff3e6;--ink:#1f2937;--mute:#5b6475;--line:#e2e8f0;--soft:#f5f7fb;--white:#fff;--radius:14px;--head:"Kanit", system-ui, sans-serif;--body:"Sarabun", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{font-family:var(--body);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{font-family:var(--head);color:var(--navy);margin:0;line-height:1.25}h2{font-size:clamp(1.6rem,3vw,2.25rem);font-weight:700}h3{font-size:1.12rem;font-weight:600}p{margin:0}.wrap{width:min(1160px,100% - 32px);margin-inline:auto}.narrow{width:min(760px,100% - 32px)}section{padding:88px 0}.section-sub{color:var(--mute);margin-top:10px;margin-bottom:40px;font-size:1.05rem}.topbar{z-index:20;backdrop-filter:saturate(160%)blur(10px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0}.bar{align-items:center;gap:24px;height:64px;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.mark{background:var(--navy);color:#fff;width:34px;height:34px;font-family:var(--head);border-radius:10px;place-items:center;font-size:1.15rem;font-weight:700;display:grid}.wordmark{font-family:var(--head);color:var(--navy);letter-spacing:.02em;font-weight:700}.wordmark .dot{color:var(--orange)}.wordmark .th{font-weight:600}.menu{gap:22px;margin-left:auto;display:flex}.menu a{color:var(--mute);font-size:.97rem;text-decoration:none}.menu a:hover{color:var(--navy)}.bar-actions{align-items:center;gap:10px;display:flex}.lang{font-family:var(--head);color:var(--navy);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:.9rem;font-weight:600;text-decoration:none}.lang:hover{border-color:var(--navy)}.btn{background:var(--orange);color:#fff;font-family:var(--head);border:2px solid var(--orange);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #e8740c47}.btn-ghost{color:var(--navy);border-color:var(--navy);background:0 0}.btn-ghost:hover{box-shadow:0 8px 20px #1b2a6b24}.btn-sm{border-radius:10px;padding:7px 14px;font-size:.92rem}.hero{background:radial-gradient(1200px 500px at 85% -10%,#dcecff 0%,#0000 60%),linear-gradient(#f7faff 0%,#fff 100%);padding:72px 0 96px}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;display:grid}.eyebrow{font-family:var(--head);color:var(--blue);letter-spacing:.02em;margin-bottom:14px;font-size:.95rem;font-weight:600}.hero h1{font-size:clamp(2.1rem,4.6vw,3.4rem);font-weight:700}.hero h1 .accent{color:var(--orange)}.lead{color:#374151;max-width:34em;margin-top:20px;font-size:1.12rem}.cta-row{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.proof{color:var(--mute);margin-top:22px;font-size:.95rem}.hero-visual{padding-right:60px;position:relative}.screen{border-radius:var(--radius);border:1px solid var(--line);background:#fff;overflow:hidden;box-shadow:0 30px 60px #1b2a6b2e}.phone{background:#111827;border:6px solid #111827;border-radius:22px;width:168px;position:absolute;bottom:-40px;right:0;overflow:hidden;box-shadow:0 24px 50px #00000040}.phone img{aspect-ratio:9/18;object-fit:cover;object-position:top}.pains{background:var(--navy)}.pains h2{color:#fff;margin-bottom:40px}.grid4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.pain{border-radius:var(--radius);color:#dbe4ff;background:#ffffff0f;border:1px solid #ffffff1f;padding:24px}.pain h3{color:#fff;margin:12px 0 8px}.pain .num{background:var(--orange);color:#fff;width:32px;height:32px;font-family:var(--head);border-radius:50%;place-items:center;font-weight:700;display:inline-grid}.steps{counter-reset:s;grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.steps li{background:var(--soft);border-radius:var(--radius);padding:24px;position:relative}.steps h3{margin:12px 0 6px}.steps p{color:var(--mute)}.step-no{background:var(--navy);color:#fff;width:36px;height:36px;font-family:var(--head);border-radius:10px;place-items:center;font-weight:700;display:inline-grid}.features{background:var(--soft)}.features h2{margin-bottom:40px}.feature{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px}.feature .icon{font-size:1.6rem}.feature h3{margin:10px 0 6px}.feature p{color:var(--mute);font-size:.97rem}.gallery{grid-template-columns:repeat(6,1fr);align-items:start;gap:20px;display:grid}.gallery figure{margin:0}.gallery .wide{grid-column:span 3}.gallery .tall{grid-column:span 1}.gallery figure:nth-child(5){grid-column:span 4}.gallery img{border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px #1b2a6b14}.gallery figcaption{color:var(--mute);margin-top:10px;font-size:.92rem}.results{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);color:#fff}.results h2{color:#fff}.results .section-sub{color:#c7d2fe}.stats{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.stat{border-radius:var(--radius);background:#ffffff12;border:1px solid #ffffff24;padding:26px}.stat strong{font-family:var(--head);color:#ffd27a;font-size:2.6rem;line-height:1.1;display:block}.stat span{color:#dbe4ff}.fine{color:#aab6e8;margin-top:18px;font-size:.9rem}.plans{grid-template-columns:repeat(2,1fr);gap:24px;max-width:880px;display:grid}.plan{border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:14px;padding:30px;display:flex}.plan-featured{border:2px solid var(--orange);background:var(--orange-soft)}.plan .tag{font-family:var(--head);color:var(--blue);background:var(--sky);border-radius:999px;align-self:flex-start;padding:3px 12px;font-size:.82rem;font-weight:600}.plan-featured .tag{color:var(--orange);background:#fff}.plan h3{font-size:1.45rem}.plan ul{color:#374151;flex:1;margin:0;padding-left:20px}.plan li{margin-bottom:6px}.plan .btn{align-self:flex-start}.faq{background:var(--soft)}.faq h2{margin-bottom:28px}details{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:12px;padding:16px 20px}summary{cursor:pointer;font-family:var(--head);color:var(--navy);font-weight:600;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"+";float:right;color:var(--orange);font-weight:700}details[open] summary:after{content:"–"}details p{color:var(--mute);margin-top:10px}.contact{text-align:center}.contact .section-sub{margin-inline:auto}.channels{grid-template-columns:repeat(3,1fr);gap:20px;max-width:880px;margin-inline:auto;display:grid}.channel{border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:4px;padding:24px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.channel:hover{border-color:var(--orange);box-shadow:0 10px 24px #e8740c26}.channel span{color:var(--mute);font-size:.92rem}.channel strong{font-family:var(--head);color:var(--navy);font-size:1.3rem}.footer{color:#aab6e8;background:#0f1847;padding:32px 0;font-size:.9rem}.footer p+p{margin-top:4px}@media (width<=980px){.menu{display:none}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-visual{padding-right:40px}.grid4,.steps,.stats,.gallery{grid-template-columns:repeat(2,1fr)}.gallery .wide,.gallery figure:nth-child(5){grid-column:span 2}.gallery .tall{grid-column:span 1}}@media (width<=600px){body{font-size:16px}section{padding:64px 0}.wordmark .th,.wordmark .dot{display:none}.grid4,.steps,.stats,.plans,.channels{grid-template-columns:1fr}.phone{width:120px;bottom:-28px}.stat strong{font-size:2.1rem}}