@import url('/css/about-modern.css');
@import url('/css/blog-modern.css');
@import url('/css/visual-polish.css');
@import url('/css/service-details.css');
@import url('/css/service-sidebar-modern.css');
:root{--navy:#102a43;--blue:#1769aa;--blue-soft:#eaf4fb;--ink:#172b4d;--muted:#627d98;--line:#d9e2ec;--wash:#f6f9fc;--accent:#e76f51;--radius:20px;--shadow:0 18px 50px rgba(16,42,67,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'IBM Plex Sans Thai',sans-serif;font-size:17px;line-height:1.7;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(1160px,calc(100% - 40px));margin:auto}.narrow{max-width:820px}.site-header{background:#fff;border-bottom:1px solid var(--line)}.text-link:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:11px 22px;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;border:2px solid var(--accent);transition:transform .2s,box-shadow .2s}.button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 22px rgba(231,111,81,.25)}.button-small{min-height:42px;padding:7px 17px;font-size:14px}.button-ghost{background:transparent;color:var(--blue);border-color:#a9c9e2}.button-light{background:#fff;color:var(--navy);border-color:#fff}.button-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}.hero{background:linear-gradient(120deg,#f3f9fd 0%,#fff 58%);padding:82px 0 90px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.eyebrow{margin:0 0 12px;color:var(--blue);font-size:13px;letter-spacing:.13em;font-weight:700}.hero h1{font-family:'Plus Jakarta Sans','IBM Plex Sans Thai',sans-serif;font-size:clamp(2.3rem,5vw,4.2rem);line-height:1.18;letter-spacing:-.04em;margin:0 0 22px;color:var(--navy)}.hero-lead{font-size:20px;color:var(--muted);max-width:600px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.trust-row{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:14px}.hero-card{position:relative}.hero-card>img{width:100%;aspect-ratio:1.3;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card-note{position:absolute;left:-25px;bottom:-25px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px;box-shadow:var(--shadow);display:flex;flex-direction:column;max-width:300px}.hero-card-note span{color:var(--muted);font-size:14px}.section{padding:86px 0}.section-muted{background:var(--wash)}h2{font-family:'Plus Jakarta Sans','IBM Plex Sans Thai',sans-serif;color:var(--navy);font-size:clamp(1.8rem,3.2vw,2.7rem);line-height:1.25;margin:0 0 22px;letter-spacing:-.03em}h3{color:var(--navy);line-height:1.35;margin:10px 0;font-size:1.22rem}.direct-answer{font-size:20px;color:var(--muted);margin:0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.text-link{color:var(--blue);font-weight:700}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 23px;min-height:270px;display:flex;flex-direction:column;box-shadow:0 5px 20px rgba(16,42,67,.03)}.service-card:hover{border-color:#99c4df;box-shadow:var(--shadow);transform:translateY(-3px);transition:.2s}.service-card p{color:var(--muted);font-size:15px;margin:0 0 18px}.service-card a{margin-top:auto;color:var(--blue);font-weight:700;font-size:14px}.card-number{color:var(--accent);font:700 14px 'Plus Jakarta Sans'}.process-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.muted{color:var(--muted)}.steps{list-style:none;margin:0;padding:0;display:grid;gap:22px}.steps li{display:flex;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--line)}.steps li>span{flex:0 0 38px;height:38px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:700}.steps h3{margin:0}.steps p{color:var(--muted);margin:4px 0 0}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.table-wrap table{border-collapse:collapse;width:100%;min-width:700px;text-align:left}.table-wrap th{background:var(--navy);color:#fff;font-weight:600}.table-wrap th,.table-wrap td{padding:17px 20px;border-bottom:1px solid var(--line);vertical-align:top}.table-wrap tr:last-child td{border-bottom:0}.table-wrap td{color:var(--muted)}.table-wrap td:first-child{color:var(--ink);font-weight:600}.faq-section details{border-bottom:1px solid var(--line);padding:20px 0}.faq-section summary{cursor:pointer;font-weight:700;color:var(--navy);font-size:18px}.faq-section details p{color:var(--muted);margin:12px 0 0}.cta-section{background:var(--blue);color:#fff;padding:62px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta-inner h2{color:#fff;margin-bottom:10px}.cta-inner p:not(.eyebrow){margin:0;color:#d8edfa}.cta-section .eyebrow{color:#b9e4fa}.site-footer{background:var(--navy);color:#d9e2ec;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer-grid img{margin-bottom:14px}.footer-grid p{max-width:360px;color:#9fb3c8;font-size:15px}.footer-grid h2{color:#fff;font:600 17px 'IBM Plex Sans Thai';margin:0 0 13px}.footer-grid a{display:block;color:#c5d4e2;margin:5px 0;font-size:15px}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:40px;padding-top:18px;color:#8da4ba;font-size:13px}
@media(max-width:900px){.hero-grid{gap:35px}.card-grid{grid-template-columns:repeat(2,1fr)}.process-grid{gap:40px}.footer-grid{gap:25px}}
@media(max-width:680px){body{font-size:16px}.container{width:min(100% - 28px,1160px)}.button-small{padding:6px 13px}.hero{padding:52px 0 72px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:2.45rem}.hero-lead{font-size:18px}.hero-card-note{left:14px;bottom:-28px}.section{padding:62px 0}.section-heading{display:block}.section-heading .text-link{display:inline-block;margin-top:3px}.card-grid{grid-template-columns:1fr}.service-card{min-height:0}.process-grid{grid-template-columns:1fr}.table-wrap{margin-left:-14px;margin-right:-14px;border-radius:0}.cta-inner{display:block}.cta-inner .hero-actions{margin-bottom:0}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-bottom{margin-top:28px}.direct-answer{font-size:18px}}
.service-hero{background:linear-gradient(120deg,#f3f9fd 0%,#fff 58%);padding:78px 0}.service-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.service-hero h1{font-family:'Plus Jakarta Sans','IBM Plex Sans Thai',sans-serif;font-size:clamp(2.2rem,4.5vw,3.8rem);line-height:1.18;color:var(--navy);margin:0 0 20px;letter-spacing:-.04em}.service-hero-image{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-list article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px}.service-list h3{margin-top:0}.service-list ul{padding-left:20px;color:var(--muted);margin-bottom:0}.service-list li{margin:7px 0}@media(max-width:680px){.service-hero{padding:52px 0 72px}.service-hero-grid{grid-template-columns:1fr;gap:30px}.service-list{grid-template-columns:1fr}}
.contact-hero{background:linear-gradient(120deg,#102a43,#1769aa);color:#fff;padding:78px 0}.contact-hero-inner{max-width:800px}.contact-hero .eyebrow{color:#b9e4fa}.contact-hero h1{font-family:'Plus Jakarta Sans','IBM Plex Sans Thai',sans-serif;font-size:clamp(2.2rem,4.5vw,3.8rem);line-height:1.18;margin:0 0 20px;letter-spacing:-.04em}.contact-hero .hero-lead{color:#d8edfa}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:start}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.contact-card{border:1px solid var(--line);border-radius:15px;padding:18px;background:#fff;display:flex;flex-direction:column;gap:8px;transition:.2s}.contact-card:hover{border-color:#9bc7e2;box-shadow:var(--shadow);transform:translateY(-2px)}.contact-card strong{color:var(--navy)}.contact-card span{color:var(--muted);font-size:14px;min-height:42px}.contact-card small{color:var(--blue);font-weight:600}.form-card{border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:#fff;box-shadow:var(--shadow)}.form-card form{display:flex;flex-direction:column}.form-card label{font-weight:600;font-size:14px;margin:11px 0 5px}.form-card label span{color:var(--accent)}.form-card input,.form-card textarea{font:inherit;border:1px solid #bcccdc;border-radius:10px;padding:11px 13px;outline:none}.form-card input:focus,.form-card textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.form-card button{margin-top:20px;cursor:pointer}.form-note{font-size:12px;color:var(--muted);margin:12px 0 0}.map-card{margin-top:32px}.map-card h3{margin-bottom:12px}.map-card iframe{display:block;width:100%;height:260px;border:0;border-radius:15px}.contact-checklist{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px}.contact-checklist li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;color:var(--muted)}.contact-checklist li::before{content:'✓';color:var(--accent);font-weight:700;margin-right:10px}@media(max-width:900px){.contact-grid{gap:32px}.contact-cards{grid-template-columns:1fr}}@media(max-width:680px){.contact-hero{padding:52px 0 62px}.contact-grid{grid-template-columns:1fr}.form-card{padding:22px}.map-card iframe{height:220px}}