@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-thai-cyrillic-ext-400-normal.2745gcdax2e3-.woff2)format("woff2"),url(../media/ibm-plex-sans-thai-cyrillic-ext-400-normal.36zaces6jujad.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-thai-thai-400-normal.2vcybq-irdqrs.woff2)format("woff2"),url(../media/ibm-plex-sans-thai-thai-400-normal.03p84ch9rz841.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-thai-latin-ext-400-normal.2lv5q7h8bitvd.woff2)format("woff2"),url(../media/ibm-plex-sans-thai-latin-ext-400-normal.15xdqjbi4gllc.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-thai-latin-400-normal.2wxbltz-qby0j.woff2)format("woff2"),url(../media/ibm-plex-sans-thai-latin-400-normal.39rh64oh7xmb3.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-thai-cyrillic-ext-600-normal.2n504n1moeh0r.woff2)format("woff2"),url(../media/ibm-plex-sans-thai-cyrillic-ext-600-normal.1ek02e03dlhu2.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-thai-thai-600-normal.213tq94-94uef.woff2)format("woff2"),url(../media/ibm-plex-sans-thai-thai-600-normal.1k51c4-fx5jlv.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-thai-latin-ext-600-normal.0zkm8lubzbj0y.woff2)format("woff2"),url(../media/ibm-plex-sans-thai-latin-ext-600-normal.42tszjx51lv3a.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-thai-latin-600-normal.0tzs4s06sxxpz.woff2)format("woff2"),url(../media/ibm-plex-sans-thai-latin-600-normal.3hpavg9eo_n_1.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(../media/prompt-thai-500-normal.1-vib-rgthywe.woff2)format("woff2"),url(../media/prompt-thai-500-normal.26yid-1mxe1_1.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(../media/prompt-vietnamese-500-normal.1q7er7n89mlve.woff2)format("woff2"),url(../media/prompt-vietnamese-500-normal.1qas-2l7eoiyr.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(../media/prompt-latin-ext-500-normal.2l-j31zzynmpo.woff2)format("woff2"),url(../media/prompt-latin-ext-500-normal.0f6dnogrwrxx_.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(../media/prompt-latin-500-normal.0fhu4_s9po5k-.woff2)format("woff2"),url(../media/prompt-latin-500-normal.2h96koqq-swh8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:700;src:url(../media/prompt-thai-700-normal.1pxww7aq0pan9.woff2)format("woff2"),url(../media/prompt-thai-700-normal.0j8j3iocpafb7.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:700;src:url(../media/prompt-vietnamese-700-normal.01e3lpzf4sulr.woff2)format("woff2"),url(../media/prompt-vietnamese-700-normal.2m4gefmt8jg58.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:700;src:url(../media/prompt-latin-ext-700-normal.2qktwv4-bt1hu.woff2)format("woff2"),url(../media/prompt-latin-ext-700-normal.3b-gh2itsth3g.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:700;src:url(../media/prompt-latin-700-normal.3we6uiflm-nln.woff2)format("woff2"),url(../media/prompt-latin-700-normal.287lwsoz0eku1.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--blue:#3149d8;--blue-deep:#172263;--gold:#ffb81c;--ink:#16202e;--muted:#5b6676;--line:#e3e8ef;--bg:#fff;--soft:#f4f6fd;--card:#fff;--radius:20px;--head:"Prompt", "IBM Plex Sans Thai", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:IBM Plex Sans Thai,sans-serif;line-height:1.6}a{color:inherit}h1,h2,h3{font-family:var(--head);margin:0;line-height:1.25}h1{font-size:clamp(2.2rem,7vw,3.8rem);font-weight:700}h2{margin-bottom:28px;font-size:clamp(1.5rem,4.5vw,2.3rem);font-weight:700}h3{font-size:1.1rem;font-weight:500}p{margin:0}.brand{font-family:var(--head);align-items:center;gap:10px;font-size:1.3rem;font-weight:700;display:inline-flex}.mark{background:var(--blue);border-radius:28%;flex-shrink:0;place-items:center;display:inline-grid;overflow:hidden}.btn{background:var(--blue);color:#fff;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 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 #3149d840}.btn-small{min-height:40px;padding:0 16px;font-size:.95rem}.btn-ghost{color:var(--blue);border-color:var(--blue);background:0 0}.btn-gold{background:var(--gold);color:#1d1500}.btn-line{color:#fff;background:0 0;border-color:#ffffff80}.nav{justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:0 auto;padding:18px 16px;display:flex}.nav nav{align-items:center;gap:22px;display:flex}.nav nav a:not(.btn){color:var(--muted);text-decoration:none}@media (max-width:720px){.nav nav a:not(.btn){display:none}}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;max-width:1120px;margin:0 auto;padding:40px 16px 64px;display:grid}@media (max-width:860px){.hero{grid-template-columns:1fr;padding-top:16px}}.hero-text{flex-direction:column;gap:18px;display:flex}.eyebrow{color:var(--blue);letter-spacing:.02em;font-weight:600}.lead{color:var(--muted);max-width:34em;font-size:1.15rem}.cta-row{flex-wrap:wrap;gap:12px;display:flex}.fine{color:var(--muted);font-size:.9rem}.section{max-width:1120px;margin:0 auto;padding:72px 16px}.section-soft{background:var(--soft);max-width:none}.section-soft>*{max-width:1088px;margin-left:auto;margin-right:auto}.phone{color:#16202e;background:#f6f8fb;border:10px solid #111827;border-radius:36px;flex-direction:column;justify-self:center;gap:12px;width:min(300px,100%);padding:18px 16px 22px;font-size:.92rem;display:flex;box-shadow:0 30px 60px #0f2f5c40}.phone-top{align-items:center;gap:8px;font-weight:600;display:flex}.phone-card{background:#fff;border-radius:18px;flex-direction:column;gap:6px;padding:16px;display:flex;box-shadow:0 2px 8px #0000000d}.phone-muted{color:#6b7280;font-size:.85rem}.phone-amount{font-family:var(--head);font-size:2rem;font-weight:700}.phone-row{color:#4b5563;justify-content:space-between;display:flex}.phone-pay{text-align:center;background:var(--blue);color:#fff;border-radius:12px;margin-top:8px;padding:10px;font-weight:600}.phone-ok{color:#146c3c;background:#e8f7ee;border-radius:14px;align-items:center;gap:10px;padding:12px;font-weight:600;display:flex}.phone-tick{color:#fff;background:#1f9d55;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.features{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.feature{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;padding:22px;display:flex}.feature p{color:var(--muted)}.feature-icon{width:44px;height:44px;color:var(--blue);background:#3149d81a;border-radius:14px;place-items:center;display:grid}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.steps li{align-items:flex-start;gap:14px;display:flex}.steps p{color:var(--muted)}.step-no{background:var(--blue);color:#fff;width:40px;height:40px;font-family:var(--head);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.pricing{flex-direction:column;gap:20px;display:flex}.calc{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:12px;padding:20px;display:flex}.calc label{font-size:1.15rem}.calc label strong{font-family:var(--head);color:var(--blue);font-size:1.6rem}.calc input[type=range]{width:100%;accent-color:var(--blue);height:28px}.toggle{background:var(--soft);border-radius:999px;flex-wrap:wrap;align-self:flex-start;padding:4px;display:inline-flex}.toggle button{font:inherit;cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:8px 16px}.toggle button[aria-pressed=true]{background:var(--blue);color:#fff}.plans{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.plan{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;padding:26px;display:flex;position:relative}.plan-krob{border:2px solid var(--blue);box-shadow:0 16px 40px #3149d824}.plan-badge{background:var(--gold);color:#1d1500;border-radius:999px;padding:2px 12px;font-size:.85rem;font-weight:600;position:absolute;top:-13px;right:20px}.plan h3{font-size:1.8rem;font-weight:700}.plan-tagline{color:var(--muted)}.plan-price strong{font-family:var(--head);font-size:2.6rem}.plan-total{color:var(--blue);font-weight:600}.plan ul{flex-direction:column;flex:1;gap:8px;margin:6px 0 10px;padding:0;list-style:none;display:flex}.plan li{padding-left:26px;position:relative}.plan li:before{content:"✓";color:#1f9d55;font-weight:700;position:absolute;left:0}.faq{flex-direction:column;gap:10px;max-width:760px;display:flex}.faq details{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 20px}.faq summary{cursor:pointer;font-size:1.05rem;font-weight:600}.faq details p{color:var(--muted);margin-top:10px}.final{text-align:center;flex-direction:column;align-items:center;gap:22px;padding:72px 16px;display:flex}.final-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-line{color:#fff;background:#06c755}.line-float{z-index:50;color:#fff;background:#06c755;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-weight:600;text-decoration:none;display:inline-flex;position:fixed;bottom:16px;right:16px;box-shadow:0 10px 24px #06c75559}.footer{text-align:center;color:var(--muted);flex-direction:column;gap:6px;padding:32px 16px 96px;font-size:.9rem;display:flex}.picker{flex-direction:column;gap:16px;max-width:520px;margin:0 auto;padding:40px 16px;display:flex}.picker-item{border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;padding:18px;text-decoration:none;display:flex}.picker-item span{color:var(--muted)}.theme-a .accent{color:var(--blue)}.theme-a .band{background:var(--blue);color:#fff;padding:64px 16px}.theme-a .band>*{max-width:1088px;margin-left:auto;margin-right:auto}.theme-a .pains{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:24px;padding:0;list-style:none;display:grid}.theme-a .pains li{background:#ffffff1f;border-radius:16px;padding:16px 18px}.theme-a .band-answer{color:var(--gold);font-size:1.2rem;font-weight:600}.theme-a .final{background:var(--soft)}.theme-b{--bg:#f5f6fc}.theme-b .hero-wrap{background:radial-gradient(circle at 80% 20%, #4f66ec 0, var(--blue-deep) 55%, #0e1440 100%);color:#fff;padding-bottom:40px}.theme-b .hero h1{font-size:clamp(2.4rem,8vw,4.4rem)}.theme-b .gold{color:var(--gold);display:block}.theme-b .hero .lead{color:#fffc}.theme-b .stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;max-width:1120px;margin:0 auto;padding:0 16px;display:grid}.theme-b .stats div{background:#ffffff14;border:1px solid #ffffff26;border-radius:18px;flex-direction:column;padding:18px;display:flex}.theme-b .stats strong{font-family:var(--head);color:var(--gold);font-size:2.6rem;line-height:1.1}.theme-b .stats span{color:#fffc}.theme-b .eyebrow{text-transform:uppercase;color:var(--blue);margin-bottom:8px}.theme-b .section-dark{background:var(--blue-deep);color:#fff;max-width:none}.theme-b .section-dark>*{max-width:1088px;margin-left:auto;margin-right:auto}.theme-b .section-dark .eyebrow{color:var(--gold)}.theme-b .section-dark .steps p{color:#ffffffbf}.theme-b .section-dark .step-no{background:var(--gold);color:#1d1500}.theme-b .feature{border:0;box-shadow:0 4px 16px #0f2f5c0f}.theme-b .plan-krob{background:var(--blue-deep);color:#fff;border-color:var(--blue-deep)}.theme-b .plan-krob .plan-tagline,.theme-b .plan-krob .plan-total{color:var(--gold)}.theme-b .plan-krob .btn{background:var(--gold);color:#1d1500}.theme-b .final{background:var(--blue-deep);color:#fff}.theme-b .phone-dark{border-color:#000}.theme-c{--bg:#fffaf0;--soft:#fbf1dc;--card:#fffdf7;--line:#efe2c4;--muted:#6b5d45;--ink:#2b2213;--radius:24px}.theme-c .eyebrow{color:#b07800}.theme-c .btn{background:var(--ink)}.theme-c .btn-line{background:#06c755}.theme-c .btn:hover{box-shadow:0 8px 20px #2b221333}.theme-c .story{color:var(--muted);margin-top:-8px;font-size:.95rem}.theme-c .hero h1{font-size:clamp(2rem,6vw,3.3rem)}.theme-c .feature-icon{color:#8a5a00;background:#fde7b0}.theme-c .step-no{background:var(--gold);color:var(--ink)}.theme-c .band{background:var(--ink);color:#fff;padding:56px 16px}.theme-c .band>*{max-width:1088px;margin-left:auto;margin-right:auto}.theme-c .pains{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:0;padding:0;list-style:none;display:grid}.theme-c .pains li{border-left:4px solid var(--gold);background:#ffffff14;border-radius:14px;padding:16px 18px}.theme-c .compare{flex-direction:column;gap:10px;display:flex}.theme-c .compare-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:600px){.theme-c .compare-row{grid-template-columns:1fr;gap:4px;margin-bottom:8px}}.theme-c .before,.theme-c .after{border-radius:16px;padding:14px 16px}.theme-c .before{color:#8b3a2b;background:#f6e8e4;-webkit-text-decoration:line-through #8b3a2b66;text-decoration:line-through #8b3a2b66}.theme-c .after{color:#1f6b33;background:#e6f4e8;font-weight:600}.theme-c .plan-krob{border-color:#b07800;box-shadow:0 16px 40px #b0780024}.theme-c .plan-total{color:#8a5a00}.theme-c .toggle button[aria-pressed=true],.theme-c .calc input[type=range]{accent-color:var(--ink)}.theme-c .toggle button[aria-pressed=true]{background:var(--ink)}.theme-c .calc label strong{color:#8a5a00}.theme-c .final{background:var(--soft)}.hero-text>.btn{align-self:flex-start}
