:root{--navy: #17324d;--navy-2: #0d253c;--blue: #1f6ea3;--orange: #c94527;--orange-dark: #a9341d;--line: #087b34;--messenger: #0665d8;--ink: #22384d;--muted: #5d6f81;--surface: #f3f6f9;--border: #dce5ed;--white: #fff;--radius: 22px;--shadow: 0 18px 50px rgb(18 50 77 / 9%);--container: min(1160px, calc(100% - 40px) );color:var(--ink);font-family:Noto Sans Thai,Tahoma,sans-serif;font-synthesis:none;line-height:1.6;scroll-behavior:smooth}*{box-sizing:border-box}html{scroll-padding-top:88px}body{margin:0;background:var(--white);color:var(--ink)}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #ffc14d;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--navy);line-height:1.2;text-wrap:balance}h1{margin-bottom:18px;font-size:clamp(2.2rem,4.7vw,4.1rem);letter-spacing:-.055em}h2{margin-bottom:14px;font-size:clamp(1.8rem,3.3vw,3rem);letter-spacing:-.035em}h3{margin-bottom:10px;font-size:1.18rem}p{color:var(--muted)}.container{width:var(--container);margin-inline:auto}.section{padding:84px 0}.section-muted{background:var(--surface)}.section-heading{max-width:670px;margin-bottom:40px}.section-heading>p:last-child{margin-bottom:0}.centered{margin-inline:auto;text-align:center}.split-heading{display:flex;max-width:none;justify-content:space-between;gap:40px;align-items:end}.split-heading>p{max-width:470px}.eyebrow{margin-bottom:12px;color:#b63b20;font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.location-dot{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #f05a361f}.skip-link{position:fixed;z-index:999;top:12px;left:12px;padding:10px 16px;border-radius:10px;background:var(--navy);color:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:sticky;z-index:50;top:0;border-bottom:1px solid rgb(220 229 237 / 75%);background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-inner{display:flex;min-height:86px;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;color:#111;font-size:.96rem;font-weight:800;letter-spacing:.025em}.brand img{width:65px;height:65px;flex:0 0 auto;border-radius:12px;object-fit:cover}.desktop-nav{display:flex;align-items:center;gap:26px;font-size:.9rem;font-weight:600}.desktop-nav>a:not(.button):hover{color:var(--orange)}.mobile-menu{display:none;position:relative}.mobile-menu summary{display:grid;width:44px;height:44px;place-content:center;gap:5px;cursor:pointer;list-style:none;border:1px solid var(--border);border-radius:12px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{display:block;width:20px;height:2px;background:var(--navy)}.mobile-menu nav{position:absolute;top:52px;right:0;display:grid;width:min(280px,calc(100vw - 40px));padding:16px;gap:4px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.mobile-menu nav>a:not(.button){padding:10px 12px;border-radius:9px}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:9px;padding:12px 20px;cursor:pointer;border:1px solid transparent;border-radius:13px;font-weight:700;line-height:1.25;text-align:center;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.button:hover{transform:translateY(-2px)}.button-small{min-height:44px;padding:9px 16px}.button-primary{background:var(--orange);color:#fff;box-shadow:0 10px 24px #f05a3638}.button-primary:hover{background:var(--orange-dark)}.button-secondary{border-color:#b9c8d5;background:#fff;color:var(--navy)}.button-secondary:hover{border-color:var(--navy)}.button-light{background:#fff;color:var(--navy)}.button-line{background:var(--line);color:#fff}.button-messenger{background:var(--messenger);color:#fff}.button-full{width:100%}.hero{overflow:hidden;padding-top:64px;background:linear-gradient(180deg,#f8fafc 0,#fff 75%)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(42px,7vw,92px)}.hero-copy{max-width:640px}.service-groups{display:grid;margin-bottom:16px;gap:5px}.service-groups p{margin:0;color:var(--blue);font-size:.92rem;font-weight:700}.service-groups strong{color:var(--navy)}.service-groups span{margin:0 5px;color:#b8c5d0}.hero-lead{max-width:630px;margin-bottom:20px;font-size:1.06rem}.trust-pills{display:flex;flex-wrap:wrap;padding:0;margin:0 0 28px;gap:8px;list-style:none}.trust-pills li{padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:#fff;color:#425b70;font-size:.78rem;font-weight:600}.trust-pills li:before{content:"✓";margin-right:6px;color:var(--line);font-weight:800}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}.microcopy{margin:13px 0 0;font-size:.78rem}.help-note{margin:24px 0 0;padding:13px 15px;border-left:4px solid var(--blue);border-radius:0 10px 10px 0;background:#edf6fc;color:#486379;font-size:.85rem}.help-note strong{color:var(--navy)}.hero-gallery{display:grid;min-width:0;aspect-ratio:4 / 3;grid-template-columns:1.27fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;transform:rotate(1deg)}.hero-photo{position:relative;overflow:hidden;min-width:0;min-height:0;margin:0;aspect-ratio:16 / 10;border-radius:18px;background:#e7edf2;box-shadow:var(--shadow)}.hero-photo:first-child{grid-row:1 / -1;aspect-ratio:2 / 3}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 70%,rgb(13 37 60 / 18%));pointer-events:none}.hero-badge{position:absolute;z-index:1;bottom:12px;left:12px;padding:6px 10px;border-radius:999px;background:#ffffffe5;color:var(--navy);font-size:.72rem;font-weight:800;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{display:flex;min-width:0;flex-direction:column;padding:26px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:0 8px 24px #18324b0a}.service-route{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;color:var(--orange);font-size:.78rem;font-weight:800;letter-spacing:.12em}.status{padding:5px 8px;border-radius:999px;background:#eaf7ee;color:#19723a;font-size:.67rem;letter-spacing:0}.status.status-check{background:#fff3da;color:#8a5b00}.service-card h3{font-size:1.45rem}.service-intro{min-height:76px;color:#425b70;font-weight:600}.service-description{font-size:.9rem}.service-card ul{padding:0;margin:8px 0 24px;list-style:none}.service-card li{position:relative;padding:7px 0 7px 23px;border-bottom:1px solid #edf1f4;color:#40576b;font-size:.86rem}.service-card li:before{position:absolute;left:0;content:"•";color:var(--orange);font-size:1.35rem;line-height:1}.service-card .button{width:100%;margin-top:auto}.service-subactions{display:grid;margin-top:9px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.service-text-action{display:flex;min-width:0;min-height:42px;padding:8px 11px;align-items:center;justify-content:space-between;gap:6px;cursor:pointer;border:1px solid #cbd9e5;border-radius:10px;background:#fff;color:var(--navy);font-size:.79rem;font-weight:800;text-align:left}.service-text-action:hover{border-color:var(--navy);background:var(--surface)}.service-text-action span{color:var(--orange);font-size:1rem}.service-substatus{margin:-11px 0 16px;padding:9px 11px;border-radius:10px;background:#fff6df;color:#7c5913;font-size:.78rem}.price-note{margin:22px 0 0;padding:15px 18px;border-radius:14px;background:#e7edf3;color:#496175;font-size:.85rem;text-align:center}.audience-layout{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:72px}.audience-list{display:grid;padding:0;margin:0;grid-template-columns:repeat(2,1fr);gap:12px;list-style:none}.audience-list li{display:flex;min-height:66px;align-items:center;padding:14px 16px;border:1px solid var(--border);border-radius:14px;color:var(--navy);font-weight:700}.audience-list li:before{display:grid;width:28px;height:28px;flex:0 0 auto;margin-right:11px;place-content:center;content:"✓";border-radius:50%;background:#eaf7ee;color:#168747}.why-section{background:#eef4f8}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-grid article{padding:24px 22px;border:1px solid #dbe6ef;border-radius:18px;background:#ffffffbf}.feature-grid article>span{display:grid;width:42px;height:42px;margin-bottom:20px;place-content:center;border-radius:12px;background:var(--navy);color:#fff;font-size:1.2rem;font-weight:700}.feature-grid p{margin-bottom:0;font-size:.86rem}.section-dark{background:var(--navy-2)}.section-dark h2,.light-heading h2{color:#fff}.section-dark .section-heading p{color:#aebfce}.section-dark .eyebrow{color:#ff8768}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.portfolio-card{overflow:hidden;border:1px solid rgb(255 255 255 / 12%);border-radius:17px;background:#173652}.portfolio-image{overflow:hidden;aspect-ratio:4 / 3;background:#dfe7ed}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.portfolio-card:hover img{transform:scale(1.025)}.portfolio-copy{padding:15px}.portfolio-copy h3{margin-bottom:6px;color:#fff;font-size:.98rem}.portfolio-meta{display:flex;align-items:center;gap:7px;color:#b8c8d5;font-size:.74rem}.portfolio-meta strong{color:#ff9378}.center-action{margin-top:30px;text-align:center}.steps{display:grid;padding:0;margin:0;counter-reset:none;grid-template-columns:repeat(4,1fr);gap:18px;list-style:none}.steps li{position:relative;display:flex;flex-direction:column;padding:24px 22px;border:1px solid var(--border);border-radius:18px}.steps li:not(:last-child):after{position:absolute;z-index:1;top:39px;right:-26px;width:34px;height:1px;content:"";background:#bdcad5}.steps li>span{display:grid;width:46px;height:46px;margin-bottom:25px;place-content:center;border-radius:50%;background:var(--orange);color:#fff;font-size:1.05rem;font-weight:800}.steps p{margin-bottom:0;font-size:.86rem}.inquiry-section{background:#f3f6f8}.inquiry-layout{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:74px}.check-list{display:grid;padding:0;margin:28px 0 0;grid-template-columns:repeat(2,1fr);gap:10px;list-style:none}.check-list li{position:relative;padding-left:24px;color:#40586c;font-size:.9rem}.check-list li:before{position:absolute;left:0;content:"✓";color:var(--line);font-weight:800}.inquiry-card{padding:30px;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:var(--shadow)}.template-tabs{display:flex;flex-wrap:wrap;margin-bottom:18px;gap:7px}.template-tab{min-height:42px;padding:8px 11px;cursor:pointer;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--navy);font-size:.79rem;font-weight:700}.template-tab[aria-pressed=true]{border-color:var(--navy);background:var(--navy);color:#fff}.inquiry-card label{display:block;margin-bottom:7px;color:var(--navy);font-size:.82rem;font-weight:700}.inquiry-card textarea{width:100%;padding:14px;resize:vertical;border:1px solid #cdd9e3;border-radius:12px;background:#fafcfd;color:#31495d;font-size:.86rem;line-height:1.55}.copy-status{min-height:23px;margin:5px 0;color:#19723a;font-size:.78rem}.chat-buttons{display:grid;margin-top:9px;grid-template-columns:1fr 1fr;gap:9px}.location-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}.map-embed{overflow:hidden;width:100%;aspect-ratio:16 / 10;min-width:0;border:1px solid var(--border);border-radius:24px;background:var(--surface)}.map-embed iframe{display:block;width:100%;height:100%;border:0}.location-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding-block:10px}.delivery-list{display:flex;flex-wrap:wrap;padding:0;margin:20px 0;gap:8px;list-style:none}.delivery-list li{padding:7px 10px;border-radius:9px;background:var(--surface);color:#40586c;font-size:.78rem;font-weight:600}.contact-facts{display:grid;margin-bottom:22px;gap:10px}.contact-fact{display:flex;gap:11px}.contact-fact strong{min-width:62px;color:var(--navy);font-size:.82rem}.contact-fact span,.contact-fact a{color:var(--muted);font-size:.84rem}.faq-section{background:#f6f8fa}.faq-layout{display:grid;grid-template-columns:.66fr 1.34fr;align-items:start;gap:76px}.faq-list details{border-bottom:1px solid var(--border)}.faq-list summary{position:relative;padding:19px 38px 19px 0;cursor:pointer;color:var(--navy);font-weight:700;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{position:absolute;top:19px;right:5px;content:"+";color:var(--orange);font-size:1.35rem;line-height:1}.faq-list details[open] summary:after{content:"−"}.faq-list details p{padding-right:40px;margin-bottom:20px;font-size:.9rem}.final-cta{background:#fff}.final-cta .eyebrow{color:#ffb39f}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;padding:44px;gap:50px;border-radius:26px;background:var(--navy)}.final-cta h2{color:#fff}.final-cta p:not(.eyebrow){max-width:720px;margin-bottom:0;color:#c4d1dc}.final-actions{flex:0 0 250px;text-align:center}.channel-row{display:flex;justify-content:center;margin-top:14px;gap:8px;color:#cbd7e1;font-size:.82rem}.channel-row a:hover{color:#fff}.site-footer{padding:58px 0 24px;background:#091b2b;color:#c0cfdb}.footer-grid{display:grid;grid-template-columns:1.35fr .9fr .7fr;gap:54px}.footer-brand{display:flex;gap:17px}.footer-brand img{width:72px;height:72px;flex:0 0 auto;border-radius:14px;object-fit:cover}.footer-brand strong{display:block;margin-bottom:8px;color:#fff}.footer-brand p{max-width:420px;margin-bottom:0;color:#9eb0bf;font-size:.8rem}.site-footer h2{margin-bottom:12px;color:#fff;font-size:.9rem}.footer-contact{display:grid;gap:5px;color:#a9bbc9;font-size:.78rem}.footer-links{display:grid;gap:7px;color:#a9bbc9;font-size:.8rem}.footer-links a:hover{color:#fff}.copyright{display:flex;justify-content:space-between;padding-top:27px;margin-top:38px;border-top:1px solid rgb(255 255 255 / 9%);color:#7f96a8;font-size:.7rem}.mobile-chat-bar{display:none}.noscript{position:fixed;z-index:60;right:12px;bottom:12px;max-width:440px;padding:12px;border-radius:10px;background:#fff4d7;color:#694a09;box-shadow:var(--shadow);font-size:.82rem}.error-page{display:grid;min-height:100vh;padding:20px;place-content:center;background:var(--surface)}.error-card{max-width:540px;padding:45px;border-radius:24px;background:#fff;text-align:center;box-shadow:var(--shadow)}@media(max-width:1023px){.desktop-nav{gap:15px}.desktop-nav>a:not(.button){display:none}.hero-grid{gap:44px}.service-grid{grid-template-columns:1fr 1fr}.service-card:last-child{grid-column:span 2}.feature-grid,.portfolio-grid,.steps{grid-template-columns:repeat(2,1fr)}.steps li:nth-child(2):after{display:none}.inquiry-layout,.location-layout,.faq-layout{gap:45px}}@media(min-width:768px){.hero-photo{width:100%;height:100%}}@media(max-width:767px){:root{--container: min(100% - 32px, 620px)}html{scroll-padding-top:78px}body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.section{padding:64px 0}.header-inner{min-height:78px}.brand img{width:56px;height:56px}.brand span{font-size:.84rem}.desktop-nav{display:none}.mobile-menu,.split-heading{display:block}.section-heading{margin-bottom:30px}.hero{padding-top:40px}.hero-grid{grid-template-columns:1fr;gap:36px}.hero-copy{max-width:none}.hero-lead{font-size:.98rem}.hero-actions .button{width:100%}.hero-gallery{aspect-ratio:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;transform:none}.hero-photo{min-height:0;aspect-ratio:1 / 1;border-radius:16px}.hero-photo:first-child{grid-row:auto;grid-column:1 / -1;aspect-ratio:16 / 10}.hero-badge{right:8px;bottom:8px;left:8px;padding:5px 7px;font-size:.6rem;line-height:1.25;text-align:center;white-space:normal}.service-grid{grid-template-columns:1fr}.service-card,.service-card:last-child{grid-column:auto}.service-intro{min-height:auto}.audience-layout,.inquiry-layout,.location-layout,.faq-layout{grid-template-columns:1fr;gap:36px}.audience-list,.feature-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.portfolio-copy{padding:12px}.portfolio-copy h3{font-size:.82rem}.portfolio-meta{display:block;font-size:.67rem}.portfolio-meta span{display:none}.steps{grid-template-columns:1fr;gap:12px}.steps li{flex-direction:row;padding:19px;gap:16px}.steps li:after{display:none}.steps li>span{width:40px;height:40px;flex:0 0 auto;margin:0}.check-list{grid-template-columns:1fr}.inquiry-card{padding:22px 18px}.chat-buttons{grid-template-columns:1fr}.map-embed{border-radius:18px}.final-cta-inner{display:block;padding:28px 22px}.final-actions{margin-top:25px}.final-actions .button{width:100%}.footer-grid{grid-template-columns:1fr;gap:30px}.site-footer{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.copyright{display:grid;gap:7px}.mobile-chat-bar{position:fixed;z-index:55;right:0;bottom:0;left:0;display:grid;padding:8px 12px calc(8px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid rgb(220 229 237 / 90%);background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-chat-bar .button{min-height:48px;padding:10px}}@media(max-width:389px){:root{--container: calc(100% - 24px) }h1{font-size:2.08rem}.brand span{display:none}.trust-pills li{font-size:.72rem}.hero-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-photo:last-child{grid-column:1 / -1;aspect-ratio:16 / 9}.portfolio-grid{grid-template-columns:1fr}.portfolio-copy h3{font-size:.94rem}.portfolio-meta{display:flex;font-size:.72rem}.portfolio-meta span{display:inline}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}