@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/noto-sans-thai-thai-wght-normal.CtQSZ1tK.woff2) format("woff2-variations");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/noto-sans-thai-latin-ext-wght-normal.DH1q_yQ5.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/noto-sans-thai-latin-wght-normal.Bi3VDbYN.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--brand: #1b5fae;--brand-dark: #133f75;--brand-light: #6ea8f5;--brand-tint: #eef5ff;--accent: #e0262f;--accent-dark: #b81d25;--line: #06c755;--ink: #1d2733;--ink-2: #4a5663;--muted: #6b7682;--border: #dfe5ec;--bg: #ffffff;--bg-soft: #f3f7fc;--brand-tint-2: #dbe8fa;--radius: 12px;--shadow: 0 1px 2px rgb(16 24 40 / 6%), 0 4px 16px rgb(16 24 40 / 6%);--max: 1160px;--read: 760px;--font: "Noto Sans Thai Variable", "Noto Sans Thai", "Leelawadee UI", Tahoma, system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{margin:0;font-family:var(--font);font-size:17px;line-height:1.75;color:var(--ink);background:var(--bg);text-rendering:optimizeLegibility}img,video,iframe{max-width:100%;height:auto}img{display:block}a{color:var(--brand);text-underline-offset:3px}a:hover{color:var(--brand-dark)}h1,h2,h3,h4{line-height:1.35;color:var(--ink);margin:1.6em 0 .6em;font-weight:700}h1{font-size:clamp(1.7rem,1.2rem + 2.2vw,2.5rem);margin-top:.3em;letter-spacing:-.01em}h2{font-size:clamp(1.35rem,1.1rem + 1vw,1.8rem)}h3{font-size:1.2rem}p{margin:0 0 1em}ul,ol{padding-left:1.3em;margin:0 0 1.1em}li{margin-bottom:.35em}hr{border:0;border-top:1px solid var(--border);margin:2.5rem 0}:focus-visible{outline:3px solid var(--brand-light);outline-offset:2px}.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 16px}.read{max-width:var(--read)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:-999px;top:0;background:#fff;padding:8px 12px;z-index:100}.skip:focus{left:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:46px;padding:.55em 1.25em;border-radius:999px;font:inherit;font-weight:600;font-size:1rem;line-height:1.3;text-decoration:none;cursor:pointer;border:2px solid transparent;transition:background-color .15s,color .15s,border-color .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark);color:#fff}.btn-brand{background:var(--brand);color:#fff}.btn-brand:hover{background:var(--brand-dark);color:#fff}.btn-line{background:var(--line);color:#fff}.btn-line:hover{background:#05a847;color:#fff}.btn-ghost{background:#fff;color:var(--brand);border-color:var(--brand)}.btn-ghost:hover{background:var(--brand-tint)}.btn-row{display:flex;flex-wrap:wrap;gap:10px}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--border)}.topbar{background:var(--brand-dark);color:#dce9fb;font-size:.85rem}.topbar .container{display:flex;gap:16px;justify-content:flex-end;align-items:center;min-height:32px}.topbar a{color:#fff;text-decoration:none}@media(max-width:520px){.topbar .container{justify-content:center;font-size:.8rem}.topbar .login{display:none}}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}.logo img{height:52px;width:auto}.nav{display:none}.nav>ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;align-items:center}.nav li{margin:0;position:relative}.nav a{display:block;padding:10px 12px;color:var(--ink);text-decoration:none;font-weight:500;font-size:.96rem;border-radius:8px}.nav a:hover,.nav a[aria-current=page]{color:var(--brand);background:var(--brand-tint)}.nav .has-sub>a:after{content:" ▾";font-size:.8em;color:var(--muted)}.nav .sub{display:none;position:absolute;top:100%;left:0;min-width:260px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px;list-style:none;margin:0}.nav .has-sub:hover .sub,.nav .has-sub:focus-within .sub{display:block}.header-cta{display:none}.mnav{position:relative}.mnav summary{list-style:none;cursor:pointer;padding:10px;border-radius:8px;border:1px solid var(--border);font-weight:600;font-size:.95rem}.mnav summary::-webkit-details-marker{display:none}.mnav[open] summary{background:var(--brand-tint)}.mnav .panel{position:absolute;right:0;top:calc(100% + 10px);width:min(92vw,360px);max-height:75vh;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px}.mnav ul{list-style:none;padding:0;margin:0}.mnav li{margin:0}.mnav a{display:block;padding:9px 10px;text-decoration:none;color:var(--ink);border-radius:8px}.mnav a:hover{background:var(--brand-tint)}.mnav .grp{font-weight:700}.mnav .sub a{padding-left:24px;font-size:.95rem;color:var(--ink-2)}@media(min-width:1080px){.nav{display:block}.mnav{display:none}.header-cta{display:inline-flex}}.breadcrumb{font-size:.88rem;color:var(--muted);padding-top:14px}.breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px}.breadcrumb li{margin:0}.breadcrumb li+li:before{content:"›";margin:0 6px 0 2px;color:#a0aab5}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--brand);text-decoration:underline}.page-hero{background:linear-gradient(180deg,var(--brand-tint),#fff);padding:8px 0 28px;border-bottom:1px solid var(--border)}.answer{font-size:1.12rem;line-height:1.8;color:var(--ink-2);border-left:4px solid var(--brand);padding:4px 0 4px 16px;margin:0 0 1.4em;max-width:var(--read)}.hero-meta{font-size:.88rem;color:var(--muted);margin-top:14px}.with-aside{display:grid;gap:40px;padding:32px 0 56px}@media(min-width:1000px){.with-aside{grid-template-columns:minmax(0,1fr) 320px}}.aside-sticky{position:sticky;top:96px;display:grid;gap:20px}.prose{max-width:var(--read)}.prose>:first-child{margin-top:0}.prose h2{border-top:1px solid var(--border);padding-top:1.1em;position:relative;padding-left:16px}.prose h2:before{content:"";position:absolute;left:0;top:1.3em;width:5px;height:1.1em;border-radius:3px;background:linear-gradient(var(--brand),var(--brand-light))}.prose h2:first-child{border-top:0;padding-top:0}.prose h2:first-child:before{top:.2em}.prose h3{color:var(--brand-dark)}.prose img{border-radius:var(--radius);margin:1.5em auto}.prose table{width:100%;border-collapse:separate;border-spacing:0;margin:1.2em 0 1.6em;font-size:.95rem;border:1px solid #cfdcee;border-radius:var(--radius);overflow:hidden}@media(max-width:640px){.prose table{display:block;overflow-x:auto}}.prose th,.prose td{border:0;border-bottom:1px solid #e3ebf6;padding:11px 14px;text-align:left;vertical-align:top}.prose th+th,.prose td+td{border-left:1px solid #e3ebf6}.prose th{background:var(--brand-tint-2);color:var(--brand-dark);font-weight:700;border-bottom:2px solid var(--brand-light)}.prose tbody tr:nth-child(2n) td{background:#f7faff}.prose tbody tr:hover td{background:var(--brand-tint)}.prose tbody tr:last-child td{border-bottom:0}.prose td:first-child{font-weight:600;color:var(--brand-dark)}.prose blockquote{margin:1.4em 0;padding:14px 18px;background:var(--bg-soft);border-left:4px solid var(--brand-light);border-radius:0 var(--radius) var(--radius) 0}.prose blockquote p:last-child{margin-bottom:0}.prose .note{background:#fff8e6;border:1px solid #f3dca0;border-radius:var(--radius);padding:14px 18px;margin:1.4em 0}.prose .experience{background:var(--brand-tint);border:1px solid #cfe0f7;border-radius:var(--radius);padding:16px 20px;margin:1.6em 0}.prose .experience:before{content:"จากประสบการณ์ทีมงาน CHY GPS";display:block;font-weight:700;color:var(--brand-dark);font-size:.9rem;margin-bottom:6px}.prose .video{position:relative;aspect-ratio:16 / 9;margin:1.4em 0}.prose .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:var(--radius)}.grid{display:grid;gap:18px}@media(min-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.card{display:block;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;color:var(--ink);text-decoration:none;height:100%}a.card:hover{border-color:var(--brand-light);box-shadow:var(--shadow);color:var(--ink)}.card h3{margin:0 0 .4em;font-size:1.1rem;color:var(--brand-dark)}.card p{margin:0;color:var(--ink-2);font-size:.95rem;line-height:1.65}.card .more{display:inline-block;margin-top:10px;font-weight:600;color:var(--brand);font-size:.93rem}.icon{width:40px;height:40px;border-radius:10px;background:var(--brand-tint);color:var(--brand);display:grid;place-items:center;margin-bottom:12px;font-size:1.2rem}.section{padding:56px 0}.section-soft{background:var(--bg-soft)}.section h2{margin-top:0}.section-lead{color:var(--ink-2);max-width:720px;margin-bottom:28px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media(min-width:800px){.stats{grid-template-columns:repeat(4,1fr)}}.stat{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px}.stat b{display:block;font-size:1.6rem;color:var(--brand);line-height:1.2}.stat span{font-size:.9rem;color:var(--ink-2)}.faq{max-width:var(--read)}.faq details{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;background:#fff}.faq summary{cursor:pointer;padding:14px 44px 14px 18px;font-weight:600;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:18px;top:10px;font-size:1.4rem;color:var(--brand)}.faq details[open] summary:after{content:"–"}.faq .a{padding:0 18px 14px;color:var(--ink-2)}.cta-box{background:var(--brand-dark);color:#fff;border-radius:16px;padding:28px}.cta-box h2,.cta-box h3{color:#fff;margin-top:0}.cta-box p{color:#d6e4f7}.cta-box .btn-ghost{background:transparent;color:#fff;border-color:#fff}.cta-box .btn-ghost:hover{background:#ffffff1f}.aside-card{border:1px solid var(--border);border-radius:var(--radius);padding:20px;background:#fff}.aside-card h2{font-size:1.1rem;margin:0 0 10px;border:0;padding:0}.aside-card ul{list-style:none;padding:0;margin:0}.aside-card li{border-top:1px solid var(--border);margin:0}.aside-card li:first-child{border-top:0}.aside-card li a{display:block;padding:8px 0;text-decoration:none;font-size:.95rem}.form{display:grid;gap:14px}.form label{display:block;font-weight:600;font-size:.93rem;margin-bottom:4px}.form input,.form select,.form textarea{width:100%;font:inherit;font-size:1rem;padding:10px 12px;border:1px solid #c3ccd6;border-radius:10px;background:#fff;color:var(--ink)}.form textarea{min-height:110px;resize:vertical}.form .hp{position:absolute;left:-5000px}.form .hint{font-size:.83rem;color:var(--muted)}.form-2{display:grid;gap:14px}@media(min-width:640px){.form-2{grid-template-columns:1fr 1fr}}.home-hero{background:linear-gradient(135deg,#0f3565 0%,var(--brand) 60%,#2d7bd6 100%);color:#fff;padding:48px 0 56px}.home-hero h1{color:#fff;margin-top:0}.home-hero .answer{color:#e1ecfb;border-color:var(--brand-light)}.answer p{margin:0 0 .45em}.answer p:last-child{margin-bottom:0}.home-hero .answer strong{color:#fff}.home-hero .btn-ghost{background:transparent;color:#fff;border-color:#fff}.home-hero .btn-ghost:hover{background:#ffffff1f}.hero-grid{display:grid;gap:32px;align-items:center}@media(min-width:960px){.hero-grid{grid-template-columns:1.25fr 1fr}}.hero-points{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:8px}.hero-points li{padding-left:28px;position:relative;color:#e8f0fb;margin:0}.hero-points li:before{content:"✓";position:absolute;left:0;top:0;color:#7ee2a8;font-weight:700}.hero-card{background:#fff;color:var(--ink);border-radius:16px;padding:24px;box-shadow:0 10px 40px #00000040}.hero-card h2{margin:0 0 6px;font-size:1.25rem}.banner{position:relative;max-width:var(--max);margin:16px auto 20px;padding:0 16px}.banner-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--radius);box-shadow:var(--shadow)}.banner-track::-webkit-scrollbar{display:none}.banner-slide{flex:0 0 100%;scroll-snap-align:start}.banner-slide img{width:100%;height:auto}.banner-dots{display:flex;justify-content:center;gap:8px;margin-top:10px}.banner-dots button{width:10px;height:10px;padding:0;border-radius:50%;border:0;background:#c3ccd6;cursor:pointer}.banner-dots button.on{background:var(--brand);width:24px;border-radius:5px}.card.has-thumb{padding:0;overflow:hidden;display:flex;flex-direction:column}.card .thumb{width:100%;aspect-ratio:16 / 10;object-fit:cover;background:var(--bg-soft)}.card .thumb.fit{aspect-ratio:2 / 1;object-fit:contain;background:#fff;border-bottom:1px solid var(--border)}.card-body{padding:16px 20px 20px}.product-card{text-align:center}.product-card img{width:min(220px,70%);margin:0 auto 12px;border-radius:12px}.badges{display:flex;gap:10px;margin-bottom:12px}.badges img{width:52px;height:52px;border-radius:8px}.clients-box{list-style:none;margin:18px 0 0;padding:20px 16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);display:grid;grid-template-columns:repeat(3,1fr);gap:20px 12px;align-items:center}.clients-box li{margin:0;display:flex;justify-content:center;align-items:center;height:46px}.clients-box img{max-height:100%;max-width:min(78%,92px);width:auto;height:auto}@media(min-width:760px){.clients-box{display:flex;justify-content:space-evenly;align-items:center;padding:24px 28px}.clients-box li{height:60px}.clients-box img{max-width:118px}}.hero-split{display:grid;gap:20px 40px;align-items:center}.hero-img{width:auto;max-width:100%;max-height:240px;justify-self:center;border-radius:16px;box-shadow:var(--shadow)}@media(min-width:900px){.hero-split{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.hero-img{max-height:340px}}.hero-motto{font-size:clamp(1.15rem,1rem + .8vw,1.5rem);font-weight:700;color:#ffd966;margin:-.2em 0 .7em;letter-spacing:.02em}.hero-stats{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-wrap:wrap;gap:8px 22px;color:#e1ecfb}.hero-stats li{margin:0}.hero-stats li+li{border-left:1px solid rgb(255 255 255 / 35%);padding-left:22px}.hero-stats b{color:#fff;font-size:1.25rem}@media(max-width:520px){.hero-stats li+li{border-left:0;padding-left:0}}.maker-list{display:grid;gap:10px;max-width:900px}.maker-row{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;background:#fff;border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:var(--radius);padding:12px 16px}.maker-row .when{font-weight:700;color:var(--brand-dark)}.maker-row .arrow{display:none;color:var(--muted)}.maker-row .then{color:var(--ink-2)}@media(min-width:760px){.maker-row{grid-template-columns:260px 24px minmax(0,1fr);align-items:center;gap:12px}.maker-row .arrow{display:block;text-align:center}}.maker-close{margin:24px 0 0;font-size:1.2rem;color:var(--ink);max-width:900px}.maker-close strong{color:var(--accent)}.get-card{position:relative}.more-links{margin-top:22px;color:var(--ink-2)}.price-block{display:grid;gap:28px;align-items:center}@media(min-width:900px){.price-block{grid-template-columns:1.2fr 1fr}}.price-block h2{color:var(--brand-dark)}.price-lead{font-size:1.15rem;color:var(--ink)}.price-models{list-style:none;padding:0;display:grid;gap:8px}.price-models li{margin:0;padding:10px 14px;background:var(--bg-soft);border-radius:10px}.price-models b{color:var(--brand-dark);margin-right:6px}.price-cta{background:var(--brand-tint);border:1px solid #cfe0f7;border-radius:16px;padding:24px}.price-cta p{font-size:1.05rem}.care{background:linear-gradient(180deg,#0f3565,#173f73);color:#e1ecfb}.care h2{color:#fff}.care .section-lead{color:#d6e4f7}.care .card{background:#ffffff0f;border-color:#ffffff2e}.care .card h3{color:#fff}.care .card p{color:#d6e4f7}.care .btn-ghost{background:transparent;color:#fff;border-color:#fff}.icon-svg{display:block;flex:none}.sec-h{display:flex;align-items:center;gap:12px}.sec-ico{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--brand-tint);color:var(--brand);flex:none}.care .sec-ico{background:#ffffff1f;color:#fff}.ico-tile{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;margin-bottom:12px;background:linear-gradient(135deg,var(--brand-tint),var(--brand-tint-2));color:var(--brand)}.ico-tile.sm{width:38px;height:38px;border-radius:10px;margin-bottom:8px}.care .ico-tile{background:#ffffff1f;color:#9cc6ff}.ico-dot{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--brand-tint);color:var(--brand);margin-right:10px;vertical-align:middle;flex:none}.maker-row .when{display:flex;align-items:center}.price-models li{display:flex;gap:10px;align-items:flex-start}.price-models li .icon-svg{color:var(--brand);margin-top:3px}.card{transition:border-color .15s,box-shadow .15s,transform .15s}a.card:hover{transform:translateY(-2px)}.stat,.aside-card{border-top:3px solid var(--brand-light)}.faq summary{color:var(--brand-dark)}.faq details[open]{border-color:#cfdcee;background:#fbfdff}.map-frame{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);background:var(--bg-soft)}.map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}@media(max-width:640px){.map-frame{aspect-ratio:4 / 3}}.chain{display:flex;flex-wrap:wrap;gap:8px;align-items:center;list-style:none;padding:0;margin:0}.chain li{margin:0;background:#fff;border:1px solid #cfdcee;border-radius:999px;padding:6px 14px;font-size:.93rem;color:var(--brand-dark)}.chain li:first-child{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.chain li+li:before{content:"→";margin-right:8px;color:var(--muted)}.post-list{display:grid;gap:16px}@media(min-width:720px){.post-list{grid-template-columns:repeat(2,1fr)}}@media(min-width:1040px){.post-list{grid-template-columns:repeat(3,1fr)}}.tag{display:inline-block;font-size:.78rem;font-weight:600;color:var(--brand-dark);background:var(--brand-tint);padding:2px 10px;border-radius:999px;margin-bottom:8px}.filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none}.filter li{margin:0}.filter a{display:inline-block;padding:6px 14px;border:1px solid var(--border);border-radius:999px;text-decoration:none;font-size:.9rem;color:var(--ink-2)}.filter a:hover{border-color:var(--brand);color:var(--brand)}.site-footer{background:#0f2240;color:#c4d2e6;padding:48px 0 96px;font-size:.93rem;margin-top:40px}@media(min-width:900px){.site-footer{padding-bottom:32px}}.site-footer a{color:#e6eef9;text-decoration:none}.site-footer a:hover{text-decoration:underline;color:#fff}.footer-grid{display:grid;gap:28px}@media(min-width:760px){.footer-grid{grid-template-columns:1.4fr repeat(4,1fr)}}.site-footer h2{color:#fff;font-size:1rem;margin:0 0 10px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:0 0 6px}.footer-bottom{border-top:1px solid #25406a;margin-top:32px;padding-top:18px;font-size:.85rem;color:#9fb2cc}.float-contact{position:fixed;right:12px;bottom:76px;z-index:45}.float-contact ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.float-contact li{margin:0}.float-contact a{display:block;border-radius:50%;box-shadow:0 2px 8px #0003;transition:transform .15s}.float-contact a:hover{transform:scale(1.08)}.float-contact img{width:40px;height:40px;border-radius:50%}@media(min-width:900px){.float-contact{right:18px;bottom:24px}.float-contact ul{gap:10px}.float-contact img{width:46px;height:46px}}.mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-top:1px solid var(--border);box-shadow:0 -4px 16px #00000014}.mobile-cta a{display:flex;flex-direction:column;align-items:center;padding:8px 4px;font-size:.8rem;font-weight:600;text-decoration:none;color:var(--ink);gap:2px}.mobile-cta a.line{color:#059c43}.mobile-cta a.quote{background:var(--accent);color:#fff}.mobile-cta svg{width:22px;height:22px}@media(min-width:900px){.mobile-cta{display:none}}