:root{--ink:#102b49;--muted:#4c6277;--paper:#fff;--cyan:#13c9e2;--pale:#eaf8fc;--line:#d4e2ed;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-thai),sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}.container,.shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}h1,h2,h3{line-height:1.4;margin:0;overflow-wrap:anywhere}h1{font-size:clamp(36px,4.1vw,60px);letter-spacing:-.025em}h1 em{font-style:normal;color:#087c94}h2{font-size:clamp(28px,3vw,40px)}h3{font-size:24px}li,p{overflow-wrap:anywhere}.eyebrow{font-weight:700;font-size:16px;color:#087c94;letter-spacing:.06em}.lede{font-size:20px;max-width:760px;margin:26px 0}.lede,.muted{color:var(--muted)}.skip-link{position:fixed;left:12px;top:12px;transform:translateY(-160%);background:var(--ink);color:white;padding:12px;z-index:99}.skip-link:focus{transform:none}a:focus-visible,button:focus-visible{outline:3px solid #007c98;outline-offset:5px}.site-header{border-bottom:1px solid var(--line);background:white}.header-inner{gap:24px;justify-content:space-between;min-height:92px}.brand,.header-inner{display:flex;align-items:center}.brand{gap:10px;font-family:var(--font-latin),sans-serif;font-weight:800;text-decoration:none;line-height:1.2}.brand small{display:block;font-family:var(--font-thai);font-size:16px;margin-top:4px;font-weight:400}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--ink);color:var(--cyan);border-radius:12px;font-size:26px}.site-nav{display:flex;gap:24px;flex-wrap:wrap}.button,.site-nav a{text-decoration:none}.button{font:inherit;border:0;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;border-radius:8px;background:var(--ink);color:#fff;padding:14px 22px;font-weight:700;line-height:1.7}.button:hover{background:#185176}.button-small{padding:10px 18px;white-space:nowrap}.hero{padding:80px 0;background:linear-gradient(120deg,#f2f9fd,#fff 65%)}.hero-grid{display:grid;grid-template-columns:1.45fr .8fr;gap:64px;align-items:center}.actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.diagnostic{background:var(--ink);padding:38px;border-radius:var(--radius);color:white;border-top:5px solid var(--cyan);box-shadow:14px 14px 0 var(--pale)}.aside-card .eyebrow,.dark-section .eyebrow,.diagnostic .eyebrow{color:#6de6f5}.experience{font-size:64px;line-height:1.3;font-family:var(--font-latin),var(--font-thai)}.diagnostic h2{font-size:30px}.diagnostic hr{border:0;border-top:1px solid #49617c;margin:26px 0}.section{padding-block:70px}.section+.section{border-top:1px solid var(--line)}.problem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 40px;padding-left:24px;margin-top:28px}.problem-grid li::marker{color:#087c94}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px}.case-card,.service-card{border:1px solid var(--line);background:white;border-radius:var(--radius);padding:28px;min-width:0}.service-card{display:flex;flex-direction:column;border-top:4px solid var(--cyan)}.service-card p{color:var(--muted)}.service-card strong{margin-top:auto}.case-card h3,.service-card a{margin-top:20px}.status{display:inline-block;padding:4px 12px;background:var(--pale);border-radius:6px}.dark-section{background:var(--ink);color:white;padding:76px 0}.dark-section .lede{color:#d8e8f7;margin-top:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px}.page-hero{padding:70px 0 46px}.content-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:64px;padding-bottom:80px}.prose{font-size:18px;max-width:850px}.prose h2{font-size:30px;margin:40px 0 14px}.prose h2:first-child{margin-top:0}.prose h3{font-size:22px;margin-top:28px}.prose li{margin-block:12px}.aside-card{align-self:start;background:var(--ink);color:white;padding:28px;border-radius:var(--radius)}.aside-card h2{font-size:28px}.aside-card .button{background:var(--cyan);color:var(--ink)}.notice{border-left:4px solid #087c94;padding:20px;background:var(--pale);margin:24px 0}.case-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-bottom:80px}.case-list .case-card{display:block;text-decoration:none}.case-card h2{font-size:28px;margin-top:20px}.site-footer{background:#f1f6fa;border-top:1px solid var(--line);padding:50px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .6fr;gap:40px}.footer-grid h2{font-size:20px}.footer-grid nav{display:flex;flex-direction:column;gap:12px}.footer-grid ul{padding-left:22px}.footer-bottom{border-top:1px solid var(--line);margin-top:24px;padding-top:24px;display:flex;flex-wrap:wrap;gap:20px;color:var(--muted)}@media (max-width:950px){.header-inner{flex-wrap:wrap;padding-block:18px;gap:16px}.site-nav{order:3;width:100%;justify-content:space-between;gap:12px}.hero-grid{gap:32px;grid-template-columns:1.3fr 1fr}.cards{grid-template-columns:1fr}.content-grid{gap:32px}.footer-grid{grid-template-columns:1fr 1fr}.hero{padding-block:52px}}@media (max-width:650px){.container,.shell{width:calc(100% - 32px)}.case-list,.content-grid,.footer-grid,.hero-grid,.problem-grid,.split{grid-template-columns:1fr}.hero-grid,.split{gap:36px}.hero{padding-block:40px}.section{padding-block:48px}.lede{font-size:18px}.diagnostic{padding:28px;box-shadow:none}.site-nav{justify-content:flex-start;column-gap:20px}.case-card,.service-card{padding:24px}.page-hero{padding-top:44px}.button{max-width:100%}.header-cta{padding:10px 14px}.dark-section{padding-block:48px}.content-grid{padding-bottom:48px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.brand-logo{display:block;position:relative;flex-shrink:0;width:180px;height:108px;overflow:hidden;background:#fff}.brand-logo img{display:block;position:absolute;width:180px;height:180px;max-width:none;left:0;top:-36px}.header-inner{min-height:124px}.site-footer .brand-logo{margin-bottom:18px}.contact-options{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-block:24px}.contact-options .button{overflow-wrap:anywhere}@media (max-width:650px){.brand-logo{width:156px;height:94px}.brand-logo img{width:156px;height:156px;top:-31px}.header-inner{padding-block:8px}}.site-nav{gap:20px}@media (max-width:650px){.field-grid{grid-template-columns:1fr}.form-panel{padding:20px}}.prose blockquote{margin:20px 0;padding:18px 24px;border-left:4px solid var(--cyan);background:var(--pale);font-size:20px;font-weight:600}.aside-card a:not(.button){color:#cdefff}.button-line{background:#06c755;color:#fff}.button-line:hover{background:#05a648}.form-heading{font-size:24px;margin-bottom:16px}.qr-box{display:grid;gap:10px;justify-items:start;margin-top:18px}.qr-box img{border-radius:10px;background:#fff;padding:6px}.qr-box span{font-size:16px;color:#d8e8f7}.brand-tagline{font-family:var(--font-latin),sans-serif;font-weight:600;font-size:16px;color:var(--muted);max-width:190px;line-height:1.35}@media (max-width:950px){.brand-tagline{display:none}}.cap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:32px}.cap-col{border:1px solid var(--line);border-top:4px solid var(--cyan);border-radius:var(--radius);padding:28px;background:#fff}.cap-col h3{margin:6px 0 18px;font-size:22px}.cap-list{list-style:none;padding:0;margin:0;display:grid;gap:16px}.cap-list li{display:grid;gap:4px;padding-left:18px;border-left:3px solid var(--pale)}.cap-list strong{font-size:18px}.cap-list span{color:var(--muted)}.cap-closing{margin-top:28px;padding:20px 24px;background:var(--ink);color:#fff;border-radius:10px;font-size:18px;font-weight:600}@media (max-width:800px){.cap-grid{grid-template-columns:1fr}.cap-col{padding:22px}}.case-thumb{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--line);margin-bottom:18px;aspect-ratio:16/10;object-fit:cover;object-position:top}.case-hero{margin:28px 0 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 40px -24px rgba(16,43,73,.45);max-width:960px}.case-hero img{display:block;width:100%;height:auto}.case-hero figcaption{padding:12px 18px;background:var(--pale);font-weight:600}.portfolio-strip{background:#f1f6fa;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:48px 0}.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:18px}.portfolio-item{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.portfolio-item:hover{transform:translateY(-3px);box-shadow:0 16px 30px -18px rgba(16,43,73,.5)}.portfolio-item img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;border-bottom:1px solid var(--line)}.portfolio-item span{display:grid;gap:2px;padding:12px 14px}.portfolio-item small{color:var(--muted);font-size:16px}@media (max-width:950px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.portfolio-grid{grid-template-columns:1fr}}.contact-cta{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0 18px}.contact-cta.compact{margin:18px 0 0}.button-phone{background:var(--ink)}.contact-cta.dark .button-phone{background:var(--cyan);color:var(--ink)}.contact-cta .button{min-width:160px}.qr-large img{width:220px;height:220px}.tech-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;padding:18px 0 20px}.tech-strip-head{margin-bottom:8px}.tech-strip-head .eyebrow{margin:0;font-size:15px;color:var(--muted)}.tech-track-wrap{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.tech-track-wrap::-webkit-scrollbar{display:none}.tech-track{display:flex;gap:0;width:max-content;margin:0;padding:6px 0;list-style:none;animation:tech-scroll 38s linear infinite;will-change:transform}.tech-track-wrap:hover .tech-track{animation-play-state:paused}.tech-track li{display:flex;align-items:center;gap:12px;margin-right:56px;color:#23415f;font-family:var(--font-latin),sans-serif;font-weight:700;font-size:20px;letter-spacing:-.01em;white-space:nowrap;opacity:.72;transition:opacity .15s}.tech-track li:hover{opacity:1}.tech-track img{width:28px;height:28px;opacity:.85}@keyframes tech-scroll{0%{transform:translateX(0)}to{transform:translateX(-33.3333%)}}@media (hover:none),(prefers-reduced-motion:reduce){.tech-track{animation:none}}@media (max-width:650px){.tech-track li{font-size:18px;margin-right:36px}}.cap-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cap-col{padding:24px}@media (max-width:950px){.cap-grid{grid-template-columns:1fr}}.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/f196b1e65fee88ed-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/61a7a85bb72f3355-s.woff2) format("woff2");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;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/cc95fdb254242a42-s.woff2) format("woff2");unicode-range:u+00??,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}@font-face{font-family:Noto Sans Thai Fallback;src:local("Arial");ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.00%;size-adjust:106.33%}.__className_ad08aa{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}.__variable_ad08aa{--font-thai:"Noto Sans Thai","Noto Sans Thai Fallback"}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/438aa629764e75f3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/875ae681bfde4580-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/51251f8b9793cdb3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/e857b654a2caa584-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/cc978ac5ee68c2b6-s.woff2) format("woff2");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:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/4c9affa5bc8f420e-s.p.woff2) format("woff2");unicode-range:u+00??,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}@font-face{font-family:Manrope Fallback;src:local("Arial");ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.00%;size-adjust:103.19%}.__className_73ee6c{font-family:Manrope,Manrope Fallback;font-style:normal}.__variable_73ee6c{--font-latin:"Manrope","Manrope Fallback"}