/*
Theme Name: RECHARGELAND
Theme URI: https://rechargeland.com/
Author: RECHARGELAND
Description: ธีมบริษัท RECHARGELAND สำหรับบริการ AI Solution, GEO & AI Visibility, ERP System และ Website
Version: 2.10.6
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: rechargeland
*/

:root{--ink:#081a29;--ink2:#0c2436;--muted:#60717e;--blue:#179cf0;--green:#18c864;--line:#dce7ed;--soft:#f4f9fb;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:"Manrope","Noto Sans Thai",sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}main{overflow:hidden}.site-header{height:88px;display:flex;align-items:center;max-width:1240px;margin:auto;padding:0 28px;gap:38px;border-bottom:1px solid #e4ebef;position:relative;z-index:30;background:#fff}.brand{display:flex;align-items:center;gap:9px}.brand img{width:40px;height:40px;object-fit:contain}.brand>span{font-size:17px;line-height:.9;font-weight:800;letter-spacing:1.2px}.brand small{display:block;color:#71808c;font-size:8px;letter-spacing:2.4px;margin-top:5px}.desktop-nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:14px;font-weight:600}.desktop-nav a{color:#586773;position:relative;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a.active{color:var(--ink)}.desktop-nav a.active:after{content:"";position:absolute;height:2px;background:var(--green);left:0;right:0;bottom:-12px}.header-cta,.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:var(--ink);border-radius:8px;padding:14px 18px;font-size:13px;font-weight:700;white-space:nowrap;transition:.25s}.header-cta:hover,.primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #071b2b21}.mobile-menu{display:none}.hero{min-height:650px;max-width:1240px;margin:auto;padding:86px 28px 70px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:58px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:2px;color:#4d6574}.eyebrow span{width:30px;height:2px;background:var(--green)}h1{font-size:62px;line-height:1.12;letter-spacing:-2.8px;margin:22px 0 24px;font-weight:800}h1 em,h2 em{font-style:normal;color:var(--blue);position:relative}h1 em:after{content:"";position:absolute;left:0;right:0;height:5px;bottom:0;background:var(--green);border-radius:5px;opacity:.85}.hero-copy>p{font-family:"Noto Sans Thai",sans-serif;font-size:18px;line-height:1.8;color:var(--muted);max-width:590px;margin:0}.hero-actions{display:flex;gap:12px;margin-top:34px}.primary{background:var(--blue);font-size:15px;padding:15px 22px}.secondary{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:15px 22px;font-size:14px;font-weight:700;transition:.2s}.secondary:hover{border-color:var(--blue);color:var(--blue)}.hero-proof{display:flex;gap:22px;color:#62717c;font-family:"Noto Sans Thai",sans-serif;font-size:12px;margin-top:24px}.hero-proof span{display:flex;align-items:center;gap:6px}.hero-proof svg{color:var(--green)}.hero-visual{height:500px;position:relative;background:radial-gradient(circle at 50% 46%,#e9faff 0,#f5fbfd 33%,transparent 67%);overflow:hidden}.grid-plane{position:absolute;inset:0;background-image:linear-gradient(#1b9eed0b 1px,transparent 1px),linear-gradient(90deg,#1b9eed0b 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(circle,#000 25%,transparent 70%)}.orbit{position:absolute;border:1px solid #b8dbe8;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:310px;height:310px}.orbit-two{width:440px;height:440px;border-style:dashed;opacity:.7;animation:spin 30s linear infinite}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:118px;height:118px;background:#fff;border-radius:30px;display:grid;place-items:center;box-shadow:0 20px 50px #0e5c7e24;border:1px solid #d8ebf2}.core:before{content:"";position:absolute;inset:-15px;border:1px solid #55c1ed73;border-radius:39px;animation:pulse 3s ease-in-out infinite}.core img{width:69px}.data-card{position:absolute;background:#fff;border:1px solid #dcecf2;box-shadow:0 12px 30px #15465d17;border-radius:13px;padding:13px 17px;display:grid;grid-template-columns:24px 1fr;min-width:130px}.data-card svg{grid-row:1/3;color:var(--blue);align-self:center}.data-card b{color:var(--blue);font-size:17px}.data-card span{font-size:10px;color:#7a8a95}.card-ai{left:15px;top:82px}.card-geo{right:8px;top:120px}.card-geo svg,.card-geo b{color:var(--green)}.card-erp{right:50px;bottom:77px}.card-erp svg,.card-erp b{color:var(--green)}.signal{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 8px #16c8631c}.signal-one{left:25%;bottom:105px}.signal-two{right:27%;top:80px;background:var(--blue);box-shadow:0 0 0 8px #169cf01c}.metric{position:absolute;left:28px;bottom:16px;background:var(--ink);color:#fff;padding:17px 18px;border-radius:13px;display:grid;grid-template-columns:auto auto;gap:0 12px;min-width:180px}.metric strong{font-size:20px;color:#58dc8d}.metric span{font-size:10px;color:#aac0ce;align-self:center}.metric i{grid-column:1/3;height:4px;background:#314555;margin-top:10px;border-radius:4px}.metric i b{display:block;width:82%;height:100%;background:linear-gradient(90deg,var(--green),var(--blue));border-radius:4px}.float-label{position:absolute;right:40px;top:30px;color:#35748e;font-size:9px;letter-spacing:1.2px;font-weight:800;display:flex;gap:5px;align-items:center}.service-strip{background:var(--ink);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(28px,calc((100% - 1184px)/2));min-height:106px}.service-strip span{display:flex;align-items:center;gap:14px;border-right:1px solid #263846;padding:25px 24px;color:#668092;font-size:11px}.service-strip span:first-child{border-left:1px solid #263846}.service-strip b{color:#fff;font-size:12px;letter-spacing:.6px}.section{max-width:1240px;margin:auto;padding:118px 28px}.section-label{display:grid;grid-template-columns:.8fr 2.2fr;gap:40px;align-items:start;margin-bottom:65px}.section-label>span,.kicker{font-size:10px;color:#5a7181;letter-spacing:2.2px;font-weight:800;padding-top:12px}.section-label>b{font-family:"Noto Sans Thai",sans-serif;font-size:44px;line-height:1.3;letter-spacing:-1.5px}.section-label b em{font-style:normal;color:var(--green)}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.about-copy{padding-left:calc(26.6% + 10px)}.about-copy p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:16px;line-height:1.9;margin:0 0 18px}.text-link{display:inline-flex;gap:8px;align-items:center;font-size:13px;color:var(--blue);font-weight:800;margin-top:12px;border-bottom:1px solid #9fdaff;padding-bottom:6px}.about-panel{min-height:360px;border-radius:20px;padding:38px;background:var(--soft);position:relative;overflow:hidden}.about-panel:before{content:"";position:absolute;width:280px;height:280px;right:-80px;top:-80px;border-radius:50%;background:#17c96618}.panel-head{display:flex;align-items:center;gap:14px}.panel-head>svg{width:42px;height:42px;color:var(--blue)}.panel-head span{font-size:11px;letter-spacing:2px;color:#66808f}.panel-head b{color:var(--ink)}.mini-network{height:190px;display:flex;align-items:center;justify-content:space-between;position:relative}.mini-network:before{content:"";position:absolute;left:8%;right:8%;height:1px;background:linear-gradient(90deg,var(--blue),var(--green))}.mini-network i{width:64px;height:64px;border-radius:50%;background:#fff;border:1px solid #cfe4ed;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800;z-index:1;box-shadow:0 10px 30px #0b4b6712}.mini-network i:nth-child(2){background:var(--blue);color:#fff;border:0}.mini-network i:nth-child(3){background:var(--green);color:#fff;border:0}.mini-network b{position:absolute;left:50%;top:50%;width:130px;height:130px;transform:translate(-50%,-50%);border:1px dashed #9ed6e4;border-radius:50%}.panel-foot{display:flex;gap:45px;border-top:1px solid var(--line);padding-top:22px}.panel-foot span{font-size:11px;color:#71828e;display:flex;align-items:center;gap:9px}.panel-foot strong{font-size:23px;color:var(--ink)}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:80px}.principles>div{display:grid;grid-template-columns:50px 1fr;padding:30px 28px;border-right:1px solid var(--line)}.principles>div:first-child{padding-left:0}.principles>div:last-child{border:0}.principles svg{grid-row:1/3;width:27px;color:var(--blue)}.principles>div:nth-child(2) svg{color:var(--green)}.principles b{font-family:"Noto Sans Thai",sans-serif;font-size:15px}.principles span{font-family:"Noto Sans Thai",sans-serif;font-size:11px;color:#788994;margin-top:4px}.services{max-width:none;background:var(--soft);padding-left:max(28px,calc((100% - 1184px)/2));padding-right:max(28px,calc((100% - 1184px)/2))}.section-heading{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:70px;margin-bottom:55px}.section-heading h2,.contact h2{font-family:"Noto Sans Thai",sans-serif;font-size:46px;line-height:1.27;margin:14px 0 0;letter-spacing:-1.5px}.section-heading>p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:15px;line-height:1.85;margin:0 0 4px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-card{background:#fff;border:1px solid #dfe8ed;border-radius:14px;padding:27px;min-height:465px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.28s}.service-card:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:.3s}.service-card:hover{transform:translateY(-7px);box-shadow:0 18px 45px #163b5013}.service-card:hover:before{transform:scaleX(1)}.service-card.green:before{background:var(--green)}.service-card.navy:before{background:var(--ink)}.service-card.sky:before{background:#55c8e7}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:47px}.card-top>span{font-size:10px;color:#91a1ab}.card-top i{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#ecf8ff;color:var(--blue)}.card-top svg{width:22px}.green .card-top i{background:#e9fbf0;color:var(--green)}.navy .card-top i{background:#eef2f5;color:var(--ink)}.sky .card-top i{background:#e9fafd;color:#35aaca}.service-card small{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:#8a9ba5}.service-card h3{font-size:23px;margin:8px 0 16px}.service-card>p{font-family:"Noto Sans Thai",sans-serif;color:#687985;font-size:13px;line-height:1.75;margin:0}.service-card ul{list-style:none;margin:22px 0;padding:19px 0 0;border-top:1px solid #edf1f3}.service-card li{display:flex;align-items:center;gap:7px;font-size:10px;color:#61737f;margin-bottom:8px}.service-card li svg{color:var(--green)}.service-card>a{width:37px;height:37px;border:1px solid #d9e4e9;border-radius:50%;display:grid;place-items:center;margin-top:auto;margin-left:auto;transition:.2s}.service-card>a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.service-card>a svg{width:17px}.work{max-width:none;background:var(--ink);color:#fff;padding-left:max(28px,calc((100% - 1184px)/2));padding-right:max(28px,calc((100% - 1184px)/2))}.section-heading.light .kicker{color:#7c99aa}.section-heading.light h2 em{color:#65d993}.section-heading.light>p{color:#91a8b7}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.work-card{background:#10293b;border:1px solid #243d4e;border-radius:16px;overflow:hidden;transition:.25s}.work-card:hover{transform:translateY(-5px);border-color:#3b657d}.work-visual{height:250px;background:#0d2232;position:relative;display:grid;place-items:center;overflow:hidden}.work-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff08 1px,transparent 1px),linear-gradient(90deg,#fff08 1px,transparent 1px);background-size:28px 28px}.work-num{position:absolute;top:20px;left:22px;color:#6f8797;font-size:10px}.ai-console{width:65%;height:115px;border:1px solid #287aa8;background:#0a1d2b;box-shadow:0 0 45px #169cf029;padding:17px;z-index:1;border-radius:9px;display:grid;grid-template-columns:1fr auto;position:relative}.ai-console>span{font-size:8px;letter-spacing:1px;color:#7bcaf5}.ai-console>b{grid-column:1/3;display:flex;gap:7px;align-items:end}.ai-console b i{width:15%;background:#1a9ff0;border-radius:2px;height:25px}.ai-console b i:nth-child(2){height:42px;background:#38c779}.ai-console b i:nth-child(3){height:34px}.ai-console>em{font-size:8px;color:#5ae18e;font-style:normal;align-self:start}.visibility-ring{width:150px;height:150px;border:1px solid #1a9fec;border-radius:50%;display:grid;place-items:center;z-index:1;box-shadow:0 0 0 26px #179cf010,0 0 0 52px #179cf008;position:relative}.visibility-ring span{font-size:29px;font-weight:800}.visibility-ring i{position:absolute;inset:12px;border:1px dashed #4cc6df;border-radius:50%;animation:spin 14s linear infinite}.visibility-ring b{position:absolute;right:-42px;bottom:10px;background:var(--green);color:var(--ink);font-size:12px;padding:8px 10px;border-radius:7px}.erp-flow{z-index:1;display:flex;align-items:center;gap:5px}.erp-flow i{width:68px;height:68px;border-radius:10px;background:#12374b;border:1px solid #2c6b88;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:800}.erp-flow i:nth-of-type(2){background:#167fba;border-color:#34b8ff}.erp-flow i:nth-of-type(3){background:#10613b;border-color:#20c86c}.erp-flow span{width:22px;height:1px;background:#4aa0bd}.work-copy{padding:27px}.work-copy>small{font-size:8px;letter-spacing:1.4px;color:#60bfe9}.work-copy h3{font-family:"Noto Sans Thai",sans-serif;font-size:17px;line-height:1.55;margin:10px 0 25px;min-height:53px}.work-copy>div{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #284153;padding-top:19px}.work-copy>div span{font-family:"Noto Sans Thai",sans-serif;font-size:10px;color:#8ba1b0}.work-copy>div b{font-size:23px;color:#56dc8b}.work-note{font-family:"Noto Sans Thai",sans-serif;font-size:9px;color:#668091;margin:20px 0 0;text-align:right}.section-label.compact{margin-bottom:50px}.process-list{border-top:1px solid var(--line)}.process-list article{display:grid;grid-template-columns:60px 80px 1fr;align-items:center;border-bottom:1px solid var(--line);padding:27px 0;transition:.2s}.process-list article:hover{background:var(--soft);padding-left:20px;padding-right:20px}.process-list article>span{font-size:10px;color:#94a2ab}.process-list article>i{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:#edf8ff;color:var(--blue)}.process-list article:nth-child(even)>i{background:#ebfaef;color:var(--green)}.process-list svg{width:20px}.process-list article>div{display:grid;grid-template-columns:125px 1.1fr 1fr;align-items:center;gap:25px}.process-list article>div>b{text-transform:uppercase;font-size:10px;letter-spacing:1.6px;color:var(--blue)}.process-list article>div h3{font-family:"Noto Sans Thai",sans-serif;font-size:18px;margin:0}.process-list article>div p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:12px;line-height:1.65;margin:0}.contact{max-width:none;background:#edf9fd;display:grid;grid-template-columns:1.1fr .9fr;gap:100px;position:relative;padding-left:max(28px,calc((100% - 1184px)/2));padding-right:max(28px,calc((100% - 1184px)/2))}.contact>*{position:relative;z-index:1}.contact-orbit{position:absolute;z-index:0;border:1px solid #7ecfe44f;border-radius:50%}.orbit-a{width:600px;height:600px;left:-180px;top:-80px}.orbit-b{width:380px;height:380px;left:-70px;top:30px;border-style:dashed}.contact-copy{align-self:center}.contact h2{font-size:48px;margin:16px 0 22px}.contact h2 em{color:var(--green)}.contact-copy>p{font-family:"Noto Sans Thai",sans-serif;font-size:15px;color:var(--muted);line-height:1.85;max-width:540px}.contact-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.contact-tags span{background:#fff;border:1px solid #d6e9ef;border-radius:30px;padding:8px 13px;font-size:9px;font-weight:700;color:#4f7181}.contact-form{background:#fff;padding:32px;border-radius:17px;box-shadow:0 25px 60px #174a6414;display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:flex;flex-direction:column;gap:7px;font-family:"Noto Sans Thai",sans-serif;font-size:10px;color:#617581}.contact-form label:nth-child(3),.contact-form label:nth-child(4){grid-column:1/3}.contact-form input,.contact-form select,.contact-form textarea{border:0;border-bottom:1px solid #cfdde3;border-radius:0;padding:8px 0 10px;outline:0;background:#fff;color:var(--ink);font-size:13px;resize:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue)}.contact-form button{grid-column:1/3;border:0;border-radius:8px;background:var(--blue);color:#fff;padding:14px 18px;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.contact-form>small{grid-column:1/3;text-align:center;color:#92a0a8;font-family:"Noto Sans Thai",sans-serif;font-size:8px}footer{background:#061723;color:#fff;padding:80px max(28px,calc((100% - 1184px)/2)) 24px}.footer-main{display:grid;grid-template-columns:1.5fr .7fr .9fr 1fr;gap:50px}.footer-brand>span{color:#fff}.footer-main>div:first-child>p{font-size:11px;line-height:1.7;color:#7790a0;margin-top:25px}.footer-main>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-main>div>b{font-family:"Noto Sans Thai",sans-serif;font-size:12px;margin-bottom:7px}.footer-main>div>a{font-family:"Noto Sans Thai",sans-serif;font-size:10px;color:#86a0b0}.footer-main>div>a:hover{color:#fff}.footer-main>div>p{font-family:"Noto Sans Thai",sans-serif;font-size:10px;color:#86a0b0;margin:0}.footer-main .footer-cta{color:#fff!important;background:#143044;padding:11px 14px;border-radius:7px;display:flex;align-items:center;gap:7px;margin-top:7px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #193142;margin-top:65px;padding-top:22px;color:#617d8d;font-size:8px;letter-spacing:.4px}.footer-bottom a{font-family:"Noto Sans Thai",sans-serif}.reveal{animation:reveal .8s ease both}.reveal.delay{animation-delay:.16s}@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.08);opacity:.45}}

@media(max-width:1050px){.desktop-nav{gap:17px;font-size:12px}.header-cta{font-size:11px}.services-grid{grid-template-columns:1fr 1fr}.service-card{min-height:420px}.about-grid{gap:40px}.about-copy{padding-left:0}.process-list article>div{grid-template-columns:100px 1fr 1fr}.contact{gap:50px}.footer-main{grid-template-columns:1.2fr .7fr .9fr 1fr}}
@media(max-width:820px){html{scroll-padding-top:72px}.site-header{height:72px;padding:0 20px;position:sticky;top:0;box-shadow:0 4px 20px #0d34440a}.desktop-nav,.header-cta{display:none}.mobile-menu{display:block;margin-left:auto}.mobile-menu summary{list-style:none;width:40px;height:40px;display:grid;place-items:center;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu svg{width:21px}.menu-close{display:none}.mobile-menu[open] .menu-open{display:none}.mobile-menu[open] .menu-close{display:block}.mobile-menu nav{position:fixed;left:0;right:0;top:72px;background:#fff;border-top:1px solid var(--line);padding:20px;display:flex;flex-direction:column;box-shadow:0 20px 35px #102b3815}.mobile-menu nav a{padding:12px 4px;font-family:"Noto Sans Thai",sans-serif;border-bottom:1px solid #edf1f3}.hero{grid-template-columns:1fr;padding-top:65px}.hero-copy{text-align:center}.eyebrow,.hero-actions,.hero-proof{justify-content:center}.hero-copy>p{margin:auto}.hero-visual{height:430px;max-width:570px;width:100%;margin:auto}h1{font-size:52px}.service-strip{grid-template-columns:1fr 1fr}.section{padding-top:85px;padding-bottom:85px}.section-label{grid-template-columns:1fr;margin-bottom:40px}.section-label>b{font-size:38px}.section-label>span{padding:0}.about-grid{grid-template-columns:1fr}.principles{grid-template-columns:1fr}.principles>div{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading h2{font-size:40px}.work-grid{grid-template-columns:1fr}.work-card{display:grid;grid-template-columns:1fr 1fr}.work-copy h3{min-height:auto}.process-list article{grid-template-columns:45px 65px 1fr}.process-list article>div{grid-template-columns:1fr}.process-list article>div p{margin-top:3px}.contact{grid-template-columns:1fr}.contact h2{font-size:42px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/3}}
@media(max-width:560px){.site-header{padding:0 17px}.hero{padding:54px 17px 43px;gap:18px;min-height:auto}.eyebrow{font-size:9px;letter-spacing:1.3px}h1{font-size:39px;letter-spacing:-1.8px;margin-top:17px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-proof{flex-direction:column;gap:7px;align-items:center}.hero-visual{height:375px}.orbit-two{width:340px;height:340px}.orbit-one{width:245px;height:245px}.core{width:95px;height:95px;border-radius:24px}.core img{width:58px}.data-card{min-width:105px;padding:9px 11px;grid-template-columns:19px 1fr}.data-card svg{width:15px}.data-card b{font-size:14px}.card-geo{right:0}.card-ai{left:0}.card-erp{right:8px;bottom:61px}.metric{left:0;bottom:10px}.float-label{right:2px}.service-strip{grid-template-columns:1fr;padding:0 17px}.service-strip span{min-height:65px;border-bottom:1px solid #263846;border-left:1px solid #263846}.section{padding:74px 17px}.section-label>b{font-size:31px}.about-panel{padding:25px;min-height:310px}.mini-network i{width:51px;height:51px}.panel-foot{gap:18px}.panel-foot span{display:block}.panel-foot strong{display:block}.services,.work,.contact{padding-left:17px;padding-right:17px}.section-heading h2{font-size:33px}.services-grid{grid-template-columns:1fr}.service-card{min-height:405px}.work-card{display:block}.work-visual{height:220px}.work-note{text-align:left}.process-list article{grid-template-columns:30px 52px 1fr;padding:23px 0}.process-list article>i{width:39px;height:39px}.process-list article>div h3{font-size:16px}.process-list article>div p{font-size:11px}.contact{gap:42px}.contact h2{font-size:34px}.contact-form{padding:24px 20px;grid-template-columns:1fr}.contact-form label,.contact-form label:nth-child(3),.contact-form label:nth-child(4),.contact-form button,.contact-form>small{grid-column:1}.footer-main{grid-template-columns:1fr 1fr;gap:36px 22px}.footer-main>div:first-child{grid-column:1/3}.footer-main>div:last-child{grid-column:1/3}.footer-bottom{gap:20px;align-items:flex-end}.footer-bottom span{max-width:200px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Sticky navigation & services dropdown */
main{overflow:clip}.site-header{position:sticky;top:0;max-width:none;margin:0;padding-left:max(28px,calc((100% - 1184px)/2));padding-right:max(28px,calc((100% - 1184px)/2));box-shadow:0 8px 30px #0b293912;isolation:isolate}.nav-dropdown{position:relative;height:88px;display:flex;align-items:center}.nav-dropdown>a{display:flex;align-items:center;gap:4px}.nav-dropdown>a>svg{transition:transform .2s}.nav-dropdown:hover>a>svg,.nav-dropdown:focus-within>a>svg{transform:rotate(180deg)}.services-dropdown{position:absolute;top:calc(100% - 6px);left:50%;width:278px;padding:18px;background:#fff;border:1px solid #dce7ed;border-radius:12px;box-shadow:0 24px 55px #0d304326;transform:translate(-50%,10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s;z-index:50}.services-dropdown:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}.nav-dropdown:hover .services-dropdown,.nav-dropdown:focus-within .services-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.services-dropdown>span{display:block;color:#91a0a9;font-size:8px;letter-spacing:1.6px;padding:2px 9px 10px}.services-dropdown>a{display:grid;grid-template-columns:28px 1fr;align-items:center;padding:11px 9px;border-radius:8px;color:var(--ink)}.services-dropdown>a:after{display:none!important}.services-dropdown>a:hover,.services-dropdown>a:focus{background:var(--soft);color:var(--blue);outline:none}.services-dropdown small{font-size:8px;color:#91a0a9}.services-dropdown b{font-size:12px;font-weight:700}.mobile-subnav{display:flex;flex-direction:column;background:var(--soft);padding:5px 14px 8px}.mobile-menu .mobile-subnav a{font-size:11px;padding:8px 4px;color:#607581;border-bottom:0}.mobile-menu nav>a.active{color:var(--blue)}

/* Inner pages */
.inner-hero{max-width:1240px;margin:auto;min-height:590px;padding:92px 28px 76px;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.inner-hero h1{font-family:"Noto Sans Thai",sans-serif;font-size:54px;margin:18px 0 24px}.inner-hero-copy>p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:17px;line-height:1.85;max-width:620px}.inner-hero-art{height:410px;border-radius:22px;background:var(--soft);position:relative;overflow:hidden}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#159be20b 1px,transparent 1px),linear-gradient(90deg,#159be20b 1px,transparent 1px);background-size:32px 32px}.brand-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:160px;height:160px;border-radius:42px;background:#fff;box-shadow:0 24px 60px #14506d22;display:grid;grid-template-columns:1fr 1fr;place-content:center;padding:24px;z-index:2}.brand-core img{width:68px;grid-column:1/3;margin:auto auto 12px}.brand-core span,.brand-core b,.brand-core em{font-size:8px;font-style:normal;text-align:center;letter-spacing:1px}.brand-core b{color:var(--blue)}.brand-core em{grid-column:1/3;color:var(--green);margin-top:4px}.about-art:before,.about-art:after{content:"";position:absolute;border:1px solid #80cfe5;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.about-art:before{width:300px;height:300px}.about-art:after{width:390px;height:390px;border-style:dashed}.about-dot{position:absolute;width:54px;height:54px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-style:normal;font-size:8px;font-weight:800;z-index:2}.dot-a{left:12%;top:21%;background:var(--blue)}.dot-b{right:10%;top:30%;background:var(--green)}.dot-c{left:18%;bottom:12%}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-left:26.6%}.story-lead{font-family:"Noto Sans Thai",sans-serif;font-size:22px;line-height:1.7;font-weight:700}.story-copy p{font-family:"Noto Sans Thai",sans-serif;font-size:14px;color:var(--muted);line-height:1.9;margin:0 0 18px}.beliefs{max-width:none;background:var(--ink);color:#fff;padding-left:max(28px,calc((100% - 1184px)/2));padding-right:max(28px,calc((100% - 1184px)/2))}.beliefs>.kicker{color:#7795a6}.belief-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px;border-top:1px solid #294150}.belief-grid article{padding:38px 26px;border-right:1px solid #294150;min-height:320px}.belief-grid article:first-child{padding-left:0}.belief-grid article:last-child{border:0}.belief-grid svg{color:var(--blue);width:28px}.belief-grid article:nth-child(even) svg{color:var(--green)}.belief-grid article>span{display:block;color:#668293;font-size:9px;margin:55px 0 12px}.belief-grid h2{font-size:19px}.belief-grid p{font-family:"Noto Sans Thai",sans-serif;color:#8fa6b4;font-size:12px;line-height:1.8}.about-standard{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;align-items:start}.about-standard h2{font-family:"Noto Sans Thai",sans-serif;font-size:42px;line-height:1.35}.about-standard .primary{margin-top:12px}.standard-list{border-top:1px solid var(--line)}.standard-list p{display:grid;grid-template-columns:45px 1fr;gap:12px;border-bottom:1px solid var(--line);padding:25px 0;margin:0}.standard-list svg{color:var(--green)}.standard-list span{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:12px;line-height:1.7}.standard-list b{display:block;color:var(--ink);font-size:16px;margin-bottom:5px}@media(max-width:820px){.inner-hero{grid-template-columns:1fr;padding-top:70px}.inner-hero-copy{text-align:center}.inner-hero-copy>p{margin:auto}.inner-hero-art{max-width:560px;width:100%;margin:auto}.story-grid{padding-left:0;grid-template-columns:1fr;gap:25px}.belief-grid{grid-template-columns:1fr 1fr}.belief-grid article:nth-child(2){border-right:0}.about-standard{grid-template-columns:1fr;gap:40px}}@media(max-width:560px){.inner-hero{padding:56px 17px;gap:35px}.inner-hero h1{font-size:36px}.inner-hero-copy>p{font-size:15px}.inner-hero-art{height:340px}.brand-core{width:130px;height:130px;border-radius:32px}.about-art:before{width:250px;height:250px}.about-art:after{width:320px;height:320px}.belief-grid{grid-template-columns:1fr}.belief-grid article{border-right:0;border-bottom:1px solid #294150;padding-left:0;min-height:auto}.belief-grid article>span{margin-top:32px}.about-standard h2{font-size:32px}}

/* Services page */
.inner-cta{margin-top:16px}.service-map{height:430px;position:relative;background:radial-gradient(circle,#e1f7ff 0,#f4fbfd 45%,transparent 72%)}.service-map:before,.service-map:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #acd7e4;border-radius:50%}.service-map:before{width:290px;height:290px}.service-map:after{width:405px;height:405px;border-style:dashed}.map-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:105px;height:105px;background:#fff;border:1px solid #d5e8ee;border-radius:28px;display:grid;place-items:center;box-shadow:0 18px 50px #123e541c;z-index:2}.map-core img{width:63px}.map-node{position:absolute;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:800;z-index:2}.node-ai{left:11%;top:17%;background:var(--blue)}.node-geo{right:6%;top:28%;background:var(--green)}.node-erp{right:14%;bottom:10%;background:var(--ink)}.node-web{left:10%;bottom:12%;background:#49bfd9}.service-map>i,.service-map>b{position:absolute;left:50%;top:50%;width:75%;height:1px;background:#abd9e5;transform:translate(-50%,-50%) rotate(35deg)}.service-map>b{transform:translate(-50%,-50%) rotate(-35deg)}.service-jump{min-height:92px;background:var(--ink);padding:0 max(28px,calc((100% - 1184px)/2));display:grid;grid-template-columns:repeat(4,1fr)}.service-jump a{display:flex;align-items:center;padding:20px;border-left:1px solid #243c4d;color:#a1b4c0;font-size:10px;letter-spacing:.5px}.service-jump a:last-child{border-right:1px solid #243c4d}.service-jump a:hover{color:#fff;background:#0d2638}.service-details{max-width:1184px;margin:auto}.service-detail{padding:110px 0;display:grid;grid-template-columns:1.15fr .85fr;gap:100px;border-bottom:1px solid var(--line);scroll-margin-top:90px}.detail-title>span{font-size:10px;color:#98a7af}.detail-title>i{display:flex;color:var(--blue);margin:34px 0 24px}.detail-title>i svg{width:38px;height:38px}.service-green .detail-title>i{color:var(--green)}.service-navy .detail-title>i{color:var(--ink)}.service-sky .detail-title>i{color:#3cb9d6}.detail-title small{font-size:9px;letter-spacing:1.8px;color:#728893}.detail-title h2{font-family:"Noto Sans Thai",sans-serif;font-size:36px;line-height:1.4;margin:12px 0 18px;max-width:600px}.detail-title p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);line-height:1.85;font-size:14px}.detail-title>a{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:11px;font-weight:800;border-bottom:1px solid #a9daf7;padding-bottom:6px;margin-top:12px}.detail-panel{background:var(--soft);border-radius:18px;padding:35px;align-self:center}.detail-panel>span{font-size:9px;letter-spacing:1.7px;color:#81949f}.detail-panel ul{list-style:none;padding:24px 0;margin:0}.detail-panel li{display:flex;gap:10px;align-items:center;border-bottom:1px solid #dfe9ed;padding:14px 0;font-size:12px}.detail-panel li svg{color:var(--green)}.detail-icons{display:flex;gap:8px;margin-top:17px}.detail-icons i{width:42px;height:42px;border-radius:10px;background:#fff;display:grid;place-items:center;color:var(--blue)}.detail-icons svg{width:18px}.solution-fit{display:grid;grid-template-columns:1.3fr .7fr;gap:90px;align-items:end}.solution-fit h2{font-family:"Noto Sans Thai",sans-serif;font-size:39px;line-height:1.45}.solution-fit h2 em{color:var(--green);font-style:normal}.solution-fit p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:14px;line-height:1.8}.solution-fit .primary{margin-top:15px}

/* Client logo band */
.client-showcase{background:linear-gradient(180deg,#f4f9fb 0,#fff 100%);padding:72px 0 76px;overflow:hidden;border-bottom:1px solid var(--line)}.client-showcase-heading{max-width:1184px;margin:0 auto 35px;padding:0 28px;display:grid;grid-template-columns:.55fr .75fr 1.1fr;gap:35px;align-items:end}.client-showcase-heading .kicker{padding:0}.client-showcase-heading h2{font-family:"Noto Sans Thai",sans-serif;font-size:34px;margin:0}.client-showcase-heading p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:12px;line-height:1.8;margin:0}.client-marquee{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.client-track{display:flex;width:max-content;animation:client-scroll 45s linear infinite}.client-group{display:flex;gap:12px;padding-right:12px}.client-logo-card{width:190px;height:104px;flex:0 0 190px;background:#fff;border:1px solid #dce7ed;border-radius:13px;display:grid;place-items:center;padding:18px;box-shadow:0 10px 30px #123e540b}.client-logo-card img{display:block;max-width:100%;max-height:68px;width:auto;height:auto;object-fit:contain}.client-track:hover{animation-play-state:paused}@keyframes client-scroll{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.client-track{animation:none}.client-marquee{overflow-x:auto;mask-image:none}}
.clients{max-width:1240px;margin:auto;padding:80px 28px 34px}.clients-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-bottom:35px}.clients-heading h2{font-family:"Noto Sans Thai",sans-serif;font-size:34px;margin:8px 0 0}.clients-heading>p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:13px;line-height:1.8;margin:0}.client-logos{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.client-logos>div{min-height:120px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;color:#8797a1;transition:.22s}.client-logos svg{width:27px;height:27px;stroke-width:1.6}.client-logos span{text-align:center;font-size:8px;font-weight:800;letter-spacing:1.2px;line-height:1.4}.client-logos>div:hover{color:var(--blue);background:var(--soft)}
@media(max-width:820px){.client-showcase-heading{grid-template-columns:1fr;gap:8px}.clients-heading{grid-template-columns:1fr;gap:10px}.client-logos{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.client-showcase{padding:55px 0 58px}.client-showcase-heading{padding:0 17px;margin-bottom:26px}.client-showcase-heading h2{font-size:29px}.client-logo-card{width:160px;height:92px;flex-basis:160px;padding:14px}.client-logo-card img{max-height:60px}.clients{padding:62px 17px 20px}.client-logos{grid-template-columns:repeat(2,1fr)}.clients-heading h2{font-size:29px}}

/* ERP credibility and service refinements */
.service-strip span>svg{color:var(--green);width:18px}.service-strip span:nth-child(even)>svg{color:var(--blue)}.card-top{justify-content:flex-end}.detail-title>i{margin:0 0 24px}.services-dropdown>a{grid-template-columns:1fr}
.erp-value{max-width:none;background:#f4f9fb;padding-left:max(28px,calc((100% - 1184px)/2));padding-right:max(28px,calc((100% - 1184px)/2))}.erp-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);background:#fff}.erp-benefit-grid article{min-height:220px;padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.erp-benefit-grid i{width:46px;height:46px;border-radius:12px;background:#eaf8ff;color:var(--blue);display:grid;place-items:center}.erp-benefit-grid svg{width:21px}.erp-benefit-grid article:nth-child(even) i{background:#eafaf0;color:var(--green)}.erp-benefit-grid h3{font-family:"Noto Sans Thai",sans-serif;font-size:18px;margin:27px 0 10px}.erp-benefit-grid p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:12px;line-height:1.8;margin:0}.erp-delivery{background:var(--ink);color:#fff;padding:110px max(28px,calc((100% - 1184px)/2))}.erp-delivery-head{display:grid;grid-template-columns:.55fr 1.1fr .75fr;gap:50px;align-items:start;margin-bottom:56px}.erp-delivery-head .kicker{color:#7691a1}.erp-delivery-head h2{font-family:"Noto Sans Thai",sans-serif;font-size:42px;line-height:1.35;margin:0}.erp-delivery-head h2 em{color:var(--green)}.erp-delivery-head>p{font-family:"Noto Sans Thai",sans-serif;color:#91a7b4;font-size:13px;line-height:1.8;margin:5px 0 0}.erp-process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #294252;border-left:1px solid #294252}.erp-process-grid article{min-height:230px;padding:31px;border-right:1px solid #294252;border-bottom:1px solid #294252}.erp-process-grid i{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#12344a;color:var(--blue)}.erp-process-grid article:nth-child(even) i{color:var(--green)}.erp-process-grid svg{width:19px}.erp-process-grid h3{font-size:15px;margin:34px 0 12px}.erp-process-grid p{font-family:"Noto Sans Thai",sans-serif;color:#8fa6b4;font-size:11px;line-height:1.8;margin:0}
@media(max-width:820px){.erp-benefit-grid,.erp-process-grid{grid-template-columns:1fr 1fr}.erp-delivery-head{grid-template-columns:1fr;gap:15px}.erp-delivery-head h2{font-size:36px}}
@media(max-width:560px){.erp-benefit-grid,.erp-process-grid{grid-template-columns:1fr}.erp-value{padding-left:17px;padding-right:17px}.erp-delivery{padding:75px 17px}.erp-delivery-head h2{font-size:30px}.erp-benefit-grid article,.erp-process-grid article{min-height:auto}}

/* Work page */
.work-page-hero{min-height:510px}.work-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.work-hero-stats>div{background:var(--soft);border:1px solid #e0ebef;border-radius:15px;min-height:150px;padding:22px;display:flex;flex-direction:column}.work-hero-stats>div:first-child{grid-column:1/3}.work-hero-stats svg{color:var(--blue);width:24px}.work-hero-stats>div:nth-child(2) svg{color:var(--green)}.work-hero-stats strong{font-size:32px;margin-top:auto}.work-hero-stats span{font-family:"Noto Sans Thai",sans-serif;color:#7b8d97;font-size:10px}.case-section{max-width:none;background:var(--soft);padding-left:max(28px,calc((100% - 1184px)/2));padding-right:max(28px,calc((100% - 1184px)/2))}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.case-card{display:grid;grid-template-columns:.86fr 1.14fr;background:#fff;border:1px solid #dde8ed;border-radius:15px;overflow:hidden}.case-visual{min-height:260px;background:var(--ink);position:relative;display:grid;place-items:center;overflow:hidden}.case-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff08 1px,transparent 1px),linear-gradient(90deg,#fff08 1px,transparent 1px);background-size:25px 25px}.case-visual>span{position:absolute;left:18px;top:18px;color:#6f8796;font-size:9px}.case-visual>div{z-index:1;width:112px;height:112px;border:1px solid #3587b2;border-radius:50%;display:grid;place-items:center;color:#fff;position:relative;box-shadow:0 0 0 22px #1a9bec0c}.case-visual>div svg{width:23px;color:var(--blue)}.case-visual>div b{font-size:16px}.case-visual>div i{position:absolute;inset:10px;border:1px dashed #5dbbe3;border-radius:50%}.case-card.green .case-visual>div svg{color:var(--green)}.case-card.green .case-visual>div{border-color:#2fa968}.case-card.sky .case-visual>div svg{color:#4bc5df}.case-copy{padding:28px;display:flex;flex-direction:column}.case-copy small{font-size:8px;color:#5187a2;letter-spacing:1.2px}.case-copy h2{font-family:"Noto Sans Thai",sans-serif;font-size:17px;line-height:1.55}.case-copy p{margin-top:auto;border-top:1px solid var(--line);padding-top:17px;display:flex;flex-direction:column}.case-copy p b{font-size:9px}.case-copy p span{font-family:"Noto Sans Thai",sans-serif;font-size:10px;color:#748690;margin-top:4px}.case-note{font-family:"Noto Sans Thai",sans-serif;font-size:9px;color:#81919a;text-align:right}.impact{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.impact>div:first-child h2{font-family:"Noto Sans Thai",sans-serif;font-size:40px;line-height:1.45}.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.impact-grid article{padding:30px 18px;border-right:1px solid var(--line)}.impact-grid article:last-child{border:0}.impact-grid strong{color:var(--blue);font-size:10px}.impact-grid h3{font-family:"Noto Sans Thai",sans-serif;font-size:19px;margin:45px 0 8px}.impact-grid p{font-family:"Noto Sans Thai",sans-serif;font-size:11px;color:var(--muted);line-height:1.7}.page-cta{background:#eaf9ee;text-align:center;padding:100px 20px}.page-cta>span{font-size:9px;letter-spacing:1.8px;color:#608170}.page-cta h2{font-family:"Noto Sans Thai",sans-serif;font-size:43px;line-height:1.4}.page-cta h2 em{color:var(--green)}

/* Contact page */
.contact-page-hero{max-width:1184px;margin:auto;padding:90px 0 110px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.contact-page-copy h1{font-family:"Noto Sans Thai",sans-serif;font-size:52px;margin:18px 0 23px}.contact-page-copy>p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:16px;line-height:1.85}.contact-benefits{display:flex;flex-direction:column;gap:9px;margin:25px 0}.contact-benefits span{font-family:"Noto Sans Thai",sans-serif;color:#5d727e;font-size:11px;display:flex;gap:8px;align-items:center}.contact-benefits svg{width:16px;color:var(--green)}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:28px}.contact-cards>a,.contact-cards>div{border:1px solid var(--line);border-radius:11px;padding:15px;display:flex;align-items:center;gap:10px}.contact-cards svg{color:var(--blue);width:20px}.contact-cards span{font-size:10px}.contact-cards small{display:block;font-size:7px;color:#91a0a8;letter-spacing:1px;margin-bottom:3px}.contact-page-form{box-shadow:0 25px 65px #143c501a;border:1px solid #e0eaee}.form-head{grid-column:1/3;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:19px}.form-head>svg{color:var(--blue)}.form-head span{display:flex;flex-direction:column}.form-head b{font-family:"Noto Sans Thai",sans-serif;font-size:16px}.form-head small{font-family:"Noto Sans Thai",sans-serif;color:#86959d;font-size:9px;margin-top:3px}.contact-page-form label:nth-of-type(3),.contact-page-form label:nth-of-type(4){grid-column:auto}.contact-page-form label:nth-of-type(5){grid-column:1/3}.contact-steps{background:var(--ink);color:#fff;padding:0 max(28px,calc((100% - 1184px)/2));display:grid;grid-template-columns:repeat(3,1fr)}.contact-steps>div{padding:48px 35px;border-right:1px solid #263d4d;display:grid;grid-template-columns:50px 1fr}.contact-steps>div:first-child{border-left:1px solid #263d4d}.contact-steps>div>span{grid-column:1/3;color:#6a8494;font-size:9px;margin-bottom:30px}.contact-steps svg{color:var(--green);width:23px}.contact-steps h2{font-family:"Noto Sans Thai",sans-serif;font-size:17px;margin:0}.contact-steps p{font-family:"Noto Sans Thai",sans-serif;font-size:10px;color:#90a5b3;line-height:1.7;grid-column:2;margin:8px 0 0}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq h2{font-family:"Noto Sans Thai",sans-serif;font-size:40px;line-height:1.4}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{font-family:"Noto Sans Thai",sans-serif;font-size:14px;font-weight:700;cursor:pointer;list-style:none;padding-right:25px;position:relative}.faq-list summary:after{content:"+";position:absolute;right:0;color:var(--blue)}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:12px;line-height:1.8;max-width:670px;margin:14px 0 4px}

@media(max-width:820px){.service-map{max-width:560px;width:100%;margin:auto}.service-jump{grid-template-columns:1fr 1fr}.service-detail{grid-template-columns:1fr;gap:35px;padding:80px 20px}.solution-fit{grid-template-columns:1fr;gap:20px}.case-card{grid-template-columns:1fr}.case-visual{min-height:210px}.impact{grid-template-columns:1fr;gap:30px}.contact-page-hero{grid-template-columns:1fr;padding:70px 20px}.contact-page-copy{text-align:center}.contact-benefits{align-items:center}.contact-steps{grid-template-columns:1fr}.contact-steps>div{border-left:1px solid #263d4d}.faq{grid-template-columns:1fr;gap:30px}}
@media(max-width:560px){.service-map{height:340px}.service-map:before{width:230px;height:230px}.service-map:after{width:315px;height:315px}.map-node{width:52px;height:52px}.service-jump{grid-template-columns:1fr}.service-jump a{border-right:1px solid #243c4d;border-bottom:1px solid #243c4d}.service-detail{padding:65px 17px}.detail-title h2{font-size:29px}.detail-panel{padding:25px}.solution-fit h2{font-size:30px}.case-grid{grid-template-columns:1fr}.case-note{text-align:left}.impact-grid{grid-template-columns:1fr}.impact-grid article{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.page-cta{padding:75px 17px}.page-cta h2{font-size:32px}.contact-page-hero{padding:55px 17px}.contact-page-copy h1{font-size:36px}.contact-cards{grid-template-columns:1fr}.contact-page-form .form-head{grid-column:1}.contact-page-form label:nth-of-type(3),.contact-page-form label:nth-of-type(4),.contact-page-form label:nth-of-type(5){grid-column:1}.contact-steps{padding:0 17px}.contact-steps>div{padding:35px 20px}.faq h2{font-size:32px}}

/* Individual service pages */
.service-single-hero{max-width:1184px;min-height:610px;margin:auto;padding:86px 0 80px;display:grid;grid-template-columns:1.03fr .97fr;gap:80px;align-items:center}.service-single-copy h1{font-family:"Noto Sans Thai",sans-serif;font-size:54px;line-height:1.25;margin:18px 0 22px}.service-single-copy>p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:16px;line-height:1.85}.service-single-visual{height:430px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#e9f8ff 0,#f7fbfd 50%,transparent 73%);overflow:hidden}.single-grid{position:absolute;inset:0;background-image:linear-gradient(#159cee0b 1px,transparent 1px),linear-gradient(90deg,#159cee0b 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle,#000 25%,transparent 70%)}.single-core{z-index:2;width:180px;height:180px;border:1px solid #cfe4ec;background:#fff;border-radius:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 22px 55px #123f5518}.single-core svg{width:38px;height:38px;color:var(--blue);margin-bottom:15px}.single-core img{width:50px;height:50px;object-fit:contain;margin-bottom:15px}.single-core b{font-size:13px}.single-core span{font-size:8px;color:#869aa5;letter-spacing:1.4px;margin-top:7px}.single-orbit{position:absolute;border:1px solid #b8dce7;border-radius:50%}.single-orbit.orbit-one{width:290px;height:290px}.single-orbit.orbit-two{width:390px;height:390px;border-style:dashed;animation:none}.single-green .single-core svg{color:var(--green)}.single-navy .single-core svg{color:var(--ink)}.single-sky .single-core svg{color:#38b9d5}.service-single-nav{background:var(--ink);display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(28px,calc((100% - 1184px)/2))}.service-single-nav a{color:#91a8b5;border-left:1px solid #263e4e;padding:26px 20px;font-size:10px;text-align:center}.service-single-nav a:last-child{border-right:1px solid #263e4e}.service-single-nav a:hover,.service-single-nav a.active{color:#fff;background:#102b3d}.service-single-deliver{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}.service-single-deliver h2{font-family:"Noto Sans Thai",sans-serif;font-size:42px;line-height:1.4}.service-single-deliver h2 em{color:var(--green)}.service-single-deliver>div:first-child>p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:14px;line-height:1.85}.single-deliver-list{border-top:1px solid var(--line)}.single-deliver-list article{border-bottom:1px solid var(--line);display:grid;grid-template-columns:45px 35px 1fr;align-items:center;padding:24px 0}.single-deliver-list article>span{color:#98a7af;font-size:9px}.single-deliver-list svg{width:17px;color:var(--green)}.single-deliver-list b{font-size:14px}.service-single-outcomes{background:var(--soft);max-width:none;padding-left:max(28px,calc((100% - 1184px)/2));padding-right:max(28px,calc((100% - 1184px)/2))}.single-outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);background:#fff}.single-outcome-grid article{min-height:260px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.single-outcome-grid i{width:48px;height:48px;border-radius:12px;background:#eaf8ff;color:var(--blue);display:grid;place-items:center;font-style:normal}.single-outcome-grid h3{font-family:"Noto Sans Thai",sans-serif;margin:35px 0 10px;font-size:19px}.single-outcome-grid p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:12px;line-height:1.8}.service-single-usecases{background:var(--ink);color:#fff;padding:90px max(28px,calc((100% - 1184px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.service-single-usecases .kicker{color:#7993a2}.service-single-usecases h2{font-family:"Noto Sans Thai",sans-serif;font-size:38px}.service-single-usecases>div:last-child{border-top:1px solid #294252}.service-single-usecases p{margin:0;border-bottom:1px solid #294252;padding:19px 0;display:flex;align-items:center;gap:12px;font-size:13px}.service-single-usecases p svg{width:17px;color:var(--green)}
@media(max-width:820px){.service-single-hero{grid-template-columns:1fr;padding:65px 20px}.service-single-copy{text-align:center}.service-single-copy .hero-actions{justify-content:center}.service-single-visual{max-width:560px;width:100%;margin:auto}.service-single-nav{grid-template-columns:1fr 1fr}.service-single-deliver{grid-template-columns:1fr;gap:35px}.single-outcome-grid{grid-template-columns:1fr}.service-single-usecases{grid-template-columns:1fr;gap:30px}}
@media(max-width:560px){.service-single-hero{padding:55px 17px;gap:25px}.service-single-copy h1{font-size:37px}.service-single-visual{height:340px}.single-core{width:145px;height:145px}.single-orbit.orbit-one{width:235px;height:235px}.single-orbit.orbit-two{width:315px;height:315px}.service-single-nav{grid-template-columns:1fr}.service-single-nav a{border-right:1px solid #263e4e;border-bottom:1px solid #263e4e}.service-single-deliver h2{font-size:31px}.service-single-outcomes{padding-left:17px;padding-right:17px}.service-single-usecases{padding:70px 17px}.service-single-usecases h2{font-size:31px}}

/* AI Solution detail */
.ai-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:start}.ai-intro-heading h2,.ai-process-heading h2,.ai-faq h2{font-family:"Noto Sans Thai",sans-serif;font-size:42px;line-height:1.4;margin:16px 0}.ai-intro-heading h2 em,.ai-process-heading h2 em{font-style:normal;color:var(--green)}.ai-intro-copy>p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:15px;line-height:1.9;margin:0 0 30px}.ai-intro-copy>div{border-top:1px solid var(--line)}.ai-intro-copy span{display:grid;grid-template-columns:42px 1fr;align-items:center;border-bottom:1px solid var(--line);padding:19px 0;font-family:"Noto Sans Thai",sans-serif;font-size:13px}.ai-intro-copy b{font-family:"Manrope",sans-serif;color:var(--blue);font-size:9px}.ai-suite{max-width:none;background:var(--soft);padding-left:max(28px,calc((100% - 1184px)/2));padding-right:max(28px,calc((100% - 1184px)/2))}.ai-suite-grid{display:grid;grid-template-columns:repeat(2,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line);background:#fff}.ai-suite-grid article{min-height:365px;padding:36px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.ai-suite-grid i{width:52px;height:52px;border-radius:14px;background:#eaf8ff;color:var(--blue);display:grid;place-items:center}.ai-suite-grid article:nth-child(even) i{background:#eafaf0;color:var(--green)}.ai-suite-grid i svg{width:23px}.ai-suite-grid small{display:block;color:#758b98;font-size:8px;letter-spacing:1.7px;margin-top:38px}.ai-suite-grid h3{font-family:"Noto Sans Thai",sans-serif;font-size:20px;margin:10px 0 12px}.ai-suite-grid>article>p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:12px;line-height:1.8}.ai-suite-grid ul{list-style:none;margin:22px 0 0;padding:18px 0 0;border-top:1px solid var(--line)}.ai-suite-grid li{font-size:9px;color:#647884;margin:8px 0;display:flex;align-items:center;gap:8px}.ai-suite-grid li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--green)}.ai-usecases{background:var(--ink);color:#fff;padding:110px max(28px,calc((100% - 1184px)/2));display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.ai-usecase-head{position:sticky;top:120px;align-self:start}.ai-usecase-head .kicker{color:#7793a3}.ai-usecase-head h2{font-family:"Noto Sans Thai",sans-serif;font-size:40px;line-height:1.45;margin:17px 0}.ai-usecase-head>p{font-family:"Noto Sans Thai",sans-serif;color:#8ea5b3;font-size:12px;line-height:1.8}.ai-usecase-grid{border-top:1px solid #294253}.ai-usecase-grid article{display:grid;grid-template-columns:60px 1fr;gap:22px;border-bottom:1px solid #294253;padding:32px 0}.ai-usecase-grid>article>svg{color:var(--green);width:25px;margin-top:3px}.ai-usecase-grid small{color:#5ebbe6;font-size:8px;letter-spacing:1.5px}.ai-usecase-grid h3{font-family:"Noto Sans Thai",sans-serif;font-size:17px;margin:8px 0}.ai-usecase-grid p{font-family:"Noto Sans Thai",sans-serif;color:#8ea5b3;font-size:11px;line-height:1.8;margin:0}.ai-process{display:grid;grid-template-columns:.78fr 1.22fr;gap:90px}.ai-process-heading{position:sticky;top:120px;align-self:start}.ai-process-heading>p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:13px;line-height:1.8}.ai-process-list{border-top:1px solid var(--line)}.ai-process-list article{display:grid;grid-template-columns:42px 58px 1fr;align-items:center;border-bottom:1px solid var(--line);padding:25px 0}.ai-process-list article>span{font-size:9px;color:#91a2ac}.ai-process-list article>i{width:42px;height:42px;border-radius:50%;background:#eaf8ff;color:var(--blue);display:grid;place-items:center}.ai-process-list article:nth-child(even)>i{background:#eafaf0;color:var(--green)}.ai-process-list svg{width:18px}.ai-process-list b{color:var(--blue);font-size:8px;letter-spacing:1.5px}.ai-process-list h3{font-family:"Noto Sans Thai",sans-serif;font-size:16px;margin:5px 0}.ai-process-list p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:11px;line-height:1.7;margin:0}.ai-stack{background:linear-gradient(135deg,#ecf9fd,#f3fcf6);padding:100px max(28px,calc((100% - 1184px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.ai-stack>div:first-child h2{font-family:"Noto Sans Thai",sans-serif;font-size:39px;line-height:1.45;margin:15px 0}.ai-stack>div:first-child>p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:13px;line-height:1.8}.ai-stack-map{min-height:320px;border:1px solid #d4e8ed;background:#fff;border-radius:20px;padding:35px;display:grid;place-items:center;box-shadow:0 20px 50px #103f5010}.ai-stack-map>div{width:190px;height:130px;border-radius:18px;background:var(--ink);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 18px #169cf00b}.ai-stack-map svg{color:var(--green);width:28px;margin-bottom:13px}.ai-stack-map b{font-size:10px}.ai-stack-map>div span{color:#7190a2;font-size:6px;letter-spacing:1px;margin-top:6px}.ai-stack-map>p{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:12px 0 0}.ai-stack-map>p span{border:1px solid var(--line);border-radius:30px;padding:8px 12px;color:#637782;font-size:8px}.ai-faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:start}.ai-faq-list{border-top:1px solid var(--line)}.ai-faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.ai-faq-list summary{font-family:"Noto Sans Thai",sans-serif;font-size:14px;font-weight:700;cursor:pointer;list-style:none;padding-right:35px;position:relative}.ai-faq-list summary:after{content:"+";position:absolute;right:4px;color:var(--blue);font-size:20px;font-weight:400}.ai-faq-list details[open] summary:after{content:"−"}.ai-faq-list p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:12px;line-height:1.8;margin:14px 35px 0 0}.single-deliver-list article>b[aria-hidden]{color:var(--green)}.service-single-usecases p>b{color:var(--green)}
@media(max-width:820px){.ai-intro,.ai-usecases,.ai-process,.ai-stack,.ai-faq{grid-template-columns:1fr;gap:40px}.ai-suite-grid{grid-template-columns:1fr 1fr}.ai-usecase-head,.ai-process-heading{position:static}.ai-stack-map{max-width:600px;width:100%;margin:auto}}
@media(max-width:560px){.ai-intro{padding-top:75px;padding-bottom:75px}.ai-intro-heading h2,.ai-process-heading h2,.ai-faq h2{font-size:30px}.ai-suite{padding:75px 17px}.ai-suite-grid{grid-template-columns:1fr}.ai-suite-grid article{min-height:auto;padding:28px}.ai-usecases{padding:75px 17px}.ai-usecase-head h2{font-size:31px}.ai-usecase-grid article{grid-template-columns:42px 1fr;gap:10px}.ai-process{padding-top:75px;padding-bottom:75px}.ai-process-list article{grid-template-columns:32px 48px 1fr}.ai-stack{padding:75px 17px}.ai-stack>div:first-child h2{font-size:30px}.ai-stack-map{min-height:300px;padding:25px 15px}.ai-faq{padding-top:75px;padding-bottom:75px}}
.ai-usecase-grid>article>b{color:var(--green);width:25px;margin-top:3px;font-size:11px}
.service-single-hero.ai-compact-hero{min-height:0;display:block;max-width:1184px;padding:68px 28px 74px}.ai-compact-hero .service-single-copy{max-width:780px}.ai-compact-hero .service-single-copy h1{font-size:46px;line-height:1.25;margin:14px 0 14px;letter-spacing:-1.4px}.ai-compact-hero .service-single-copy>p{max-width:720px;font-size:15px;line-height:1.75}.ai-compact-hero .hero-actions{margin-top:25px}.ai-compact-hero+.ai-intro{padding-top:92px}
@media(max-width:560px){.service-single-hero.ai-compact-hero{padding:48px 17px 54px}.ai-compact-hero .service-single-copy h1{font-size:34px}.ai-compact-hero .service-single-copy>p{font-size:14px}.ai-compact-hero .hero-actions{margin-top:21px}.ai-compact-hero+.ai-intro{padding-top:68px}}

/* Universal editable service page layout */
.service-editor-layout{--service-accent:var(--blue);--service-accent-soft:#eaf7ff;overflow:hidden;background:#fff}
.service-editor-ai-solution{--service-accent:#169cec;--service-accent-soft:#eaf7ff}
.service-editor-geo-ai-visibility{--service-accent:#20c86b;--service-accent-soft:#ebfbf1}
.service-editor-erp-system{--service-accent:#0a2435;--service-accent-soft:#edf3f6}
.service-editor-website{--service-accent:#38b8d8;--service-accent-soft:#eaf9fc}
.service-editor-layout>*{margin-block-start:0;margin-block-end:0}
.service-template-hero{max-width:1128px;min-height:430px;margin:48px auto 0;padding:58px 64px;display:grid;grid-template-columns:1.13fr .87fr;gap:72px;align-items:center;border:1px solid #dce8ed;border-radius:28px;background:linear-gradient(135deg,#fff 0%,var(--service-accent-soft) 100%);position:relative;overflow:hidden}
.service-template-hero:after{content:"";position:absolute;width:380px;height:380px;border:1px solid color-mix(in srgb,var(--service-accent) 20%,transparent);border-radius:50%;right:-190px;top:-210px}
.service-template-hero-copy{position:relative;z-index:1}
.service-template-hero .kicker,.service-template-intro .kicker,.service-template-section-head .kicker,.service-template-process .kicker,.service-template-faq .kicker{color:var(--service-accent)}
.service-template-hero h1{font-family:"Noto Sans Thai",sans-serif;font-size:46px;line-height:1.28;letter-spacing:-1.4px;margin:15px 0 17px;max-width:680px}
.service-template-hero-copy>p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:15px;line-height:1.85;max-width:660px;margin:0}
.service-template-hero .hero-actions{margin-top:27px}
.service-template-hero .primary{background:var(--service-accent)}
.service-template-summary{position:relative;z-index:1;background:#ffffffd9;border:1px solid #fff;border-radius:18px;padding:27px 28px;box-shadow:0 20px 55px #153e5410;backdrop-filter:blur(10px)}
.service-template-summary>span{font-size:8px;letter-spacing:1.7px;color:#81939d}
.service-template-summary ul{list-style:none;margin:17px 0 0;padding:0;border-top:1px solid #dce7eb}
.service-template-summary li{display:grid;grid-template-columns:34px 1fr;align-items:center;padding:16px 0;border-bottom:1px solid #dce7eb;font-family:"Noto Sans Thai",sans-serif;font-size:12px;line-height:1.55;color:#263c49}
.service-template-summary li span{font-family:"Manrope",sans-serif;font-size:8px;color:var(--service-accent)}
.service-template-intro{max-width:1128px;padding:105px 28px;display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:start}
.service-template-intro h2,.service-template-section-head h2,.service-template-process h2,.service-template-faq h2{font-family:"Noto Sans Thai",sans-serif;font-size:39px;line-height:1.42;letter-spacing:-1px;margin:15px 0 0}
.service-template-intro>div:last-child>p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:15px;line-height:1.9;margin:0}
.service-template-note{margin-top:31px;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:130px 1fr;gap:22px}
.service-template-note b{font-size:8px;letter-spacing:1.4px;color:var(--service-accent)}
.service-template-note span{font-family:"Noto Sans Thai",sans-serif;font-size:11px;line-height:1.7;color:#526873}
.service-template-capabilities{background:#f5f9fb;padding:100px max(28px,calc((100% - 1128px)/2))}
.service-template-section-head{display:grid;grid-template-columns:1fr .78fr;column-gap:90px;align-items:end;margin-bottom:48px}
.service-template-section-head .kicker{grid-column:1/3;margin-bottom:11px}
.service-template-section-head h2{margin:0;max-width:650px}
.service-template-section-head>p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 5px}
.service-template-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.service-template-card-grid article{background:#fff;border:1px solid #dfe8ed;border-radius:16px;padding:31px 33px 32px;min-height:285px;position:relative;transition:transform .25s,box-shadow .25s,border-color .25s}
.service-template-card-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 45px #163b5010;border-color:color-mix(in srgb,var(--service-accent) 32%,#dfe8ed)}
.service-template-card-grid article>span{position:absolute;right:28px;top:27px;font-size:9px;color:#9caab2}
.service-template-card-grid small{display:block;color:var(--service-accent);font-size:8px;letter-spacing:1.5px;margin-top:50px}
.service-template-card-grid h3{font-family:"Noto Sans Thai",sans-serif;font-size:20px;line-height:1.5;margin:10px 0 12px}
.service-template-card-grid p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:12px;line-height:1.8;margin:0;max-width:440px}
.service-template-card-grid article:before{content:"";position:absolute;left:33px;top:30px;width:42px;height:42px;border-radius:12px;background:var(--service-accent-soft);border:1px solid color-mix(in srgb,var(--service-accent) 14%,transparent)}
.service-template-outcomes{max-width:1128px;padding:105px 28px}
.service-template-outcomes .service-template-section-head{grid-template-columns:1fr;margin-bottom:45px}
.service-template-outcomes .service-template-section-head .kicker{grid-column:auto}
.service-template-outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.service-template-outcome-grid article{border:1px solid var(--line);border-radius:16px;padding:30px;min-height:235px}
.service-template-outcome-grid i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--service-accent-soft);color:var(--service-accent);font-style:normal}
.service-template-outcome-grid h3{font-family:"Noto Sans Thai",sans-serif;font-size:18px;margin:32px 0 10px}
.service-template-outcome-grid p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:12px;line-height:1.8;margin:0}
.service-template-process{background:var(--ink);color:#fff;padding:105px max(28px,calc((100% - 1128px)/2));display:grid;grid-template-columns:.72fr 1.28fr;gap:95px}
.service-template-process-head{position:sticky;top:120px;align-self:start}
.service-template-process .kicker{color:#65c9f4}
.service-template-process h2{margin:16px 0}
.service-template-process-head>p{font-family:"Noto Sans Thai",sans-serif;color:#8fa5b2;font-size:12px;line-height:1.8;max-width:340px}
.service-template-steps{border-top:1px solid #294252}
.service-template-steps article{display:grid;grid-template-columns:58px 1fr;gap:20px;border-bottom:1px solid #294252;padding:27px 0}
.service-template-steps article>span{color:#6c8594;font-size:9px;padding-top:4px}
.service-template-steps small{color:#60c5ef;font-size:8px;letter-spacing:1.5px}
.service-template-steps h3{font-family:"Noto Sans Thai",sans-serif;font-size:17px;margin:7px 0}
.service-template-steps p{font-family:"Noto Sans Thai",sans-serif;color:#8ea4b2;font-size:11px;line-height:1.75;margin:0}
.service-template-faq{max-width:1128px;padding:105px 28px;display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;align-items:start}
.service-template-faq>div:last-child{border-top:1px solid var(--line)}
.service-template-faq details{border-bottom:1px solid var(--line);padding:22px 0}
.service-template-faq summary{font-family:"Noto Sans Thai",sans-serif;font-size:14px;font-weight:700;cursor:pointer;list-style:none;padding-right:38px;position:relative}
.service-template-faq summary:after{content:"+";position:absolute;right:3px;color:var(--service-accent);font:400 21px/1 "Manrope",sans-serif}
.service-template-faq details[open] summary:after{content:"−"}
.service-template-faq details p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:12px;line-height:1.8;margin:14px 38px 0 0}
.service-template-cta{max-width:1128px;margin:0 auto 105px;padding:72px 50px;border-radius:24px;text-align:center;background:linear-gradient(135deg,var(--ink),#103349);color:#fff;position:relative;overflow:hidden}
.service-template-cta:before{content:"";position:absolute;width:330px;height:330px;border:1px solid #ffffff14;border-radius:50%;left:-150px;bottom:-210px}
.service-template-cta>span{font-size:8px;letter-spacing:1.7px;color:#68c9f2}
.service-template-cta h2{font-family:"Noto Sans Thai",sans-serif;font-size:39px;line-height:1.42;margin:15px 0 12px;position:relative}
.service-template-cta p{font-family:"Noto Sans Thai",sans-serif;color:#9ab0bd;font-size:12px;line-height:1.8;margin:0 auto 27px;max-width:570px;position:relative}
.service-template-cta .primary{position:relative}
@media(max-width:820px){.service-template-hero{margin:28px 20px 0;padding:48px 42px;grid-template-columns:1fr;gap:34px}.service-template-intro,.service-template-faq{grid-template-columns:1fr;gap:38px}.service-template-section-head{grid-template-columns:1fr;gap:16px}.service-template-section-head .kicker{grid-column:auto}.service-template-outcome-grid{grid-template-columns:1fr}.service-template-process{grid-template-columns:1fr;gap:42px}.service-template-process-head{position:static}.service-template-cta{margin:0 20px 85px}.service-template-outcome-grid article{min-height:auto}}
@media(max-width:560px){.service-template-hero{min-height:0;margin:16px 12px 0;padding:38px 25px;border-radius:20px}.service-template-hero h1{font-size:34px;letter-spacing:-1px}.service-template-hero-copy>p{font-size:14px}.service-template-summary{padding:22px}.service-template-intro,.service-template-outcomes,.service-template-faq{padding:72px 17px}.service-template-intro{gap:32px}.service-template-intro h2,.service-template-section-head h2,.service-template-process h2,.service-template-faq h2{font-size:30px}.service-template-note{grid-template-columns:1fr;gap:8px}.service-template-capabilities{padding:72px 17px}.service-template-card-grid{grid-template-columns:1fr}.service-template-card-grid article{min-height:255px;padding:27px}.service-template-card-grid article:before{left:27px}.service-template-outcome-grid{grid-template-columns:1fr}.service-template-process{padding:72px 17px}.service-template-faq{gap:32px}.service-template-cta{margin:0 12px 75px;padding:55px 22px;border-radius:20px}.service-template-cta h2{font-size:30px}}

/* Empty editable service canvas: content added in WordPress stays centered */
.service-editor-layout{max-width:920px;min-height:440px;margin:0 auto;padding:90px 28px 110px;overflow:visible;text-align:center;background:#fff}
.service-editor-layout>*{max-width:100%;margin-left:auto!important;margin-right:auto!important}
.service-editor-layout h1,.service-editor-layout h2,.service-editor-layout h3,.service-editor-layout h4{font-family:"Noto Sans Thai",sans-serif;line-height:1.4;text-align:center}
.service-editor-layout h1{font-size:46px;letter-spacing:-1.3px}
.service-editor-layout h2{font-size:36px;letter-spacing:-.8px}
.service-editor-layout p{max-width:760px;font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:15px;line-height:1.9;text-align:center}
.service-editor-layout ul,.service-editor-layout ol{display:inline-block;max-width:760px;text-align:left;font-family:"Noto Sans Thai",sans-serif;line-height:1.85}
.service-editor-layout .wp-block-image{text-align:center}
.service-editor-layout .wp-block-image img{height:auto;max-width:100%}
.service-editor-layout .wp-block-buttons{justify-content:center}
@media(max-width:560px){.service-editor-layout{min-height:360px;padding:65px 17px 80px}.service-editor-layout h1{font-size:34px}.service-editor-layout h2{font-size:29px}.service-editor-layout p{font-size:14px}}

/* Match the WordPress editor reading flow on the public service pages */
.service-editor-layout{text-align:left}
.service-editor-layout>*{margin-left:0!important;margin-right:0!important}
.service-editor-layout .service-page-title{font-size:30px;letter-spacing:-.5px;margin:0 0 62px;text-align:left}
.service-editor-layout h1,.service-editor-layout h2,.service-editor-layout h3,.service-editor-layout h4{text-align:left}
.service-editor-layout p{margin-left:0!important;margin-right:0!important;text-align:left}
.service-editor-layout ul,.service-editor-layout ol{display:block;margin-left:1.3em!important;margin-right:0!important;text-align:left}
.service-editor-layout .wp-block-image{text-align:left}
.service-editor-layout .wp-block-buttons{justify-content:flex-start}
@media(max-width:560px){.service-editor-layout .service-page-title{font-size:27px;margin-bottom:45px}}

/* Editable Gutenberg content inside the fixed About page design */
.about-story-editor .about-story-kicker{margin:0;font-size:10px;color:#5a7181;letter-spacing:2.2px;font-weight:800;padding-top:12px}
.about-story-editor .about-story-heading{font-family:"Noto Sans Thai",sans-serif;font-size:44px;line-height:1.3;letter-spacing:-1.5px;margin:0;font-weight:800}
.about-story-editor .about-story-heading em{font-style:normal;color:var(--green)}
.about-story-editor .story-lead{margin:0;font-family:"Noto Sans Thai",sans-serif;font-size:22px;line-height:1.7;font-weight:700}
.about-story-editor .story-copy{margin:0}
@media(max-width:820px){.about-story-editor .about-story-kicker{padding-top:0}.about-story-editor .about-story-heading{font-size:38px}}
@media(max-width:560px){.about-story-editor .about-story-heading{font-size:31px}.about-story-editor .story-lead{font-size:19px}}

/* WordPress integration */
body.admin-bar .site-header{top:32px}
.custom-logo-link{display:flex;align-items:center}.custom-logo{width:auto;max-width:210px;height:46px;object-fit:contain}
.desktop-nav .wp-nav-menu,.mobile-menu .wp-mobile-menu{margin:0;padding:0;list-style:none}
.desktop-nav .wp-nav-menu{display:flex;align-items:center;gap:28px}
.desktop-nav .menu-item{position:relative;list-style:none}
.desktop-nav .menu-item>a{color:#586773;white-space:nowrap;position:relative}
.desktop-nav .current-menu-item>a,.desktop-nav .current-menu-parent>a,.desktop-nav .menu-item>a:hover{color:var(--ink)}
.desktop-nav .current-menu-item>a:after,.desktop-nav .current-menu-parent>a:after{content:"";position:absolute;height:2px;background:var(--green);left:0;right:0;bottom:-12px}
.desktop-nav .menu-item-has-children{position:relative;height:88px;display:flex;align-items:center}
.desktop-nav .menu-item-has-children>a{padding-right:17px}
.desktop-nav .menu-item-has-children>a:before{content:"⌄";position:absolute;right:0;top:-2px;font-size:14px}
.desktop-nav .sub-menu{position:absolute;top:calc(100% - 6px);left:50%;width:278px;margin:0;padding:18px;background:#fff;border:1px solid #dce7ed;border-radius:12px;box-shadow:0 24px 55px #0d304326;list-style:none;transform:translate(-50%,10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s;z-index:50}
.desktop-nav .sub-menu:before{content:"OUR SERVICES";display:block;color:#91a0a9;font-size:8px;letter-spacing:1.6px;padding:2px 9px 10px}
.desktop-nav .menu-item-has-children:hover>.sub-menu,.desktop-nav .menu-item-has-children:focus-within>.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.desktop-nav .sub-menu a{display:block;padding:11px 9px;border-radius:8px;color:var(--ink);font-size:12px;font-weight:700}
.desktop-nav .sub-menu a:hover,.desktop-nav .sub-menu a:focus{background:var(--soft);color:var(--blue);outline:none}
.desktop-nav .sub-menu a:after{display:none!important}
.mobile-menu .wp-mobile-menu{display:flex;flex-direction:column}
.mobile-menu .wp-mobile-menu>li>a{display:block;padding:12px 4px;border-bottom:1px solid #edf1f3;font-family:"Noto Sans Thai",sans-serif}
.mobile-menu .wp-mobile-menu .sub-menu{margin:0;padding:5px 14px 8px;background:var(--soft);list-style:none}
.mobile-menu .wp-mobile-menu .sub-menu a{display:block;padding:8px 4px;border:0;color:#607581;font-size:11px}
.mobile-menu .current-menu-item>a,.mobile-menu .current-menu-parent>a{color:var(--blue)}
.wp-page-content{max-width:1184px;margin:auto;padding:90px 28px}.wp-page-content h1{font-family:"Noto Sans Thai",sans-serif;font-size:46px}.wp-page-content .entry-content{color:var(--muted);font-family:"Noto Sans Thai",sans-serif;line-height:1.85}
.contact-form-notice{max-width:1184px;margin:28px auto -45px;padding:15px 20px;border:1px solid #a9e5c3;border-radius:12px;background:#eefbf3;color:#147a43;font-family:"Noto Sans Thai",sans-serif;font-size:13px;text-align:center}.contact-form-notice.is-error{border-color:#f0c3c3;background:#fff3f3;color:#a72d2d}
.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.about-elementor-layout>.elementor>.e-con{padding-left:0!important;padding-right:0!important}
.about-elementor-layout>.elementor>.e-con>.e-con-inner{max-width:none!important;width:100%!important}
.about-elementor-layout .elementor-widget-html,.about-elementor-layout .elementor-widget-html>.elementor-widget-container{width:100%}
.about-story-editor>.wp-block-group__inner-container,.about-story-editor .section-label>.wp-block-group__inner-container,.about-story-editor .story-grid>.wp-block-group__inner-container,.about-story-editor .story-copy>.wp-block-group__inner-container{display:contents}
.about-story-editor>.wp-block-group__inner-container>p,.about-story-editor .section-label>.wp-block-group__inner-container>p:not(.about-story-kicker),.about-story-editor .story-grid>.wp-block-group__inner-container>p:not(.story-lead){display:none}
.portfolio-archive-elementor>.elementor>.e-con{padding-left:0!important;padding-right:0!important}.portfolio-archive-elementor .portfolio-archive-hero.e-con{display:grid!important;grid-template-columns:1.25fr .75fr!important;gap:70px!important;align-items:end!important;padding:96px 28px 72px!important}.portfolio-archive-elementor .portfolio-archive-copy.e-con,.portfolio-archive-elementor .portfolio-archive-stat.e-con{display:block!important;padding:0!important}.portfolio-archive-elementor .portfolio-archive-stat.e-con{padding:18px 0 18px 35px!important}.portfolio-archive-elementor .portfolio-list-section.e-con{display:block!important;padding:88px max(28px,calc((100% - 1184px)/2)) 105px!important}.portfolio-archive-elementor .elementor-widget-shortcode,.portfolio-archive-elementor .elementor-widget-html{width:100%}
.portfolio-archive-hero{max-width:1240px;margin:auto;padding:96px 28px 72px;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end}.portfolio-archive-hero h1{font-family:"Noto Sans Thai",sans-serif;font-size:58px;line-height:1.16;margin:16px 0 20px}.portfolio-archive-hero p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:16px;line-height:1.85;max-width:660px;margin:0}.portfolio-archive-stat{border-left:1px solid var(--line);padding:18px 0 18px 35px}.portfolio-archive-stat b{display:block;color:var(--blue);font-size:46px;line-height:1}.portfolio-archive-stat span{display:block;color:#718591;font-size:10px;letter-spacing:1.5px;margin-top:10px}.portfolio-list-section{max-width:none;background:var(--soft);padding:88px max(28px,calc((100% - 1184px)/2)) 105px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-height:430px;transition:.25s}.portfolio-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px #12394e14}.portfolio-card-media{height:235px;background:#eaf5fa;overflow:hidden;display:grid;place-items:center}.portfolio-card-media img{width:100%;height:100%;object-fit:cover}.portfolio-card-media.is-placeholder img{width:78px;height:78px;object-fit:contain;opacity:.75}.portfolio-card-copy{padding:25px;display:flex;flex:1;flex-direction:column}.portfolio-card-copy>span{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.portfolio-card-copy h2{font-family:"Noto Sans Thai",sans-serif;font-size:21px;line-height:1.45;margin:10px 0}.portfolio-card-copy p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:12px;line-height:1.75;margin:0 0 22px}.portfolio-card-link{margin-top:auto;color:var(--ink);font-size:11px;font-weight:800}.portfolio-empty{max-width:760px;margin:auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:65px 28px}.portfolio-empty h2{font-family:"Noto Sans Thai",sans-serif;font-size:30px;margin:0 0 12px}.portfolio-empty p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);margin:0}.portfolio-pagination{margin-top:45px;display:flex;justify-content:center;gap:8px}.portfolio-pagination .page-numbers{min-width:38px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;font-size:11px}.portfolio-pagination .current{background:var(--ink);border-color:var(--ink);color:#fff}.portfolio-single-hero{max-width:1240px;margin:auto;padding:82px 28px 48px}.portfolio-single-back{display:inline-flex;color:#69808e;font-size:10px;font-weight:800;letter-spacing:1.2px;margin-bottom:30px}.portfolio-single-meta{display:flex;gap:12px;align-items:center;color:var(--blue);font-size:9px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase}.portfolio-single-hero h1{font-family:"Noto Sans Thai",sans-serif;font-size:54px;line-height:1.2;max-width:900px;margin:16px 0 20px}.portfolio-single-hero p{font-family:"Noto Sans Thai",sans-serif;color:var(--muted);font-size:17px;line-height:1.85;max-width:790px;margin:0}.portfolio-single-cover{max-width:1184px;height:min(58vw,650px);margin:0 auto 70px;border-radius:20px;overflow:hidden;background:var(--soft)}.portfolio-single-cover img{width:100%;height:100%;object-fit:cover}.portfolio-single-content:not(.is-elementor){max-width:860px;margin:0 auto;padding:0 28px 100px;font-family:"Noto Sans Thai",sans-serif;font-size:16px;line-height:1.9;color:#344c5d}.portfolio-single-content:not(.is-elementor) h2{font-size:34px;color:var(--ink);margin:55px 0 18px}.portfolio-single-content:not(.is-elementor) h3{font-size:24px;color:var(--ink);margin:38px 0 14px}.portfolio-single-content:not(.is-elementor) img{max-width:100%;height:auto;border-radius:14px}.portfolio-single-content.is-elementor>.elementor{width:100%}
@media screen and (max-width:782px){body.admin-bar .site-header{top:46px}}
@media(max-width:820px){.desktop-nav{display:none}.mobile-menu nav{padding:20px}.mobile-menu .wp-mobile-menu{display:flex}.custom-logo{height:38px;max-width:180px}.portfolio-archive-hero,.portfolio-archive-elementor .portfolio-archive-hero.e-con{grid-template-columns:1fr!important;padding-top:72px!important}.portfolio-archive-stat,.portfolio-archive-elementor .portfolio-archive-stat.e-con{border-left:0;border-top:1px solid var(--line);padding:25px 0 0!important}.portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-single-hero h1{font-size:44px}}
@media(max-width:560px){.wp-page-content{padding:65px 17px}.wp-page-content h1{font-size:34px}.portfolio-archive-hero,.portfolio-archive-elementor .portfolio-archive-hero.e-con{padding:58px 17px 48px!important}.portfolio-archive-hero h1{font-size:40px}.portfolio-list-section,.portfolio-archive-elementor .portfolio-list-section.e-con{padding:65px 17px 78px!important}.portfolio-grid{grid-template-columns:1fr}.portfolio-card{min-height:390px}.portfolio-single-hero{padding:58px 17px 38px}.portfolio-single-hero h1{font-size:36px}.portfolio-single-cover{height:64vw;border-radius:0;margin-bottom:55px}.portfolio-single-content:not(.is-elementor){padding:0 17px 75px}}

/* Compact, Elementor-editable portfolio header */
.portfolio-archive-hero,.portfolio-archive-elementor .portfolio-archive-hero.e-con{display:block!important;max-width:none!important;min-height:0;margin:0!important;padding:24px max(28px,calc((100% - 1184px)/2)) 27px!important;position:relative;overflow:hidden;background:radial-gradient(circle at 86% 6%,rgba(23,156,240,.12) 0,transparent 31%),linear-gradient(110deg,#fff 38%,#eaf7ff 100%)}
.portfolio-archive-hero:before,.portfolio-archive-hero:after{content:"";position:absolute;border:1px solid rgba(23,156,240,.25);border-radius:50%;pointer-events:none}
.portfolio-archive-hero:before{width:260px;height:260px;right:8%;top:-178px}
.portfolio-archive-hero:after{width:118px;height:118px;right:23%;top:38px;opacity:.65}
.portfolio-archive-hero>div,.portfolio-archive-elementor .portfolio-archive-copy.e-con{width:100%;max-width:1184px!important;margin:0 auto!important;padding:0!important;position:relative;z-index:1}
.portfolio-archive-hero .kicker{display:block;margin:0;padding:0;font-size:9px;line-height:1.3}
.portfolio-archive-hero h1{font-family:"Noto Sans Thai",sans-serif;font-size:32px;line-height:1.25;letter-spacing:-.6px;margin:5px 0 7px;font-weight:800;color:var(--ink)}
.portfolio-archive-hero h1 br{display:none}
.portfolio-archive-hero h1 em{color:var(--blue)}
.portfolio-archive-hero p{max-width:920px;margin:0;font-family:"Noto Sans Thai",sans-serif;font-size:13px;line-height:1.65;color:var(--muted)}
.portfolio-archive-stat,.portfolio-archive-elementor .portfolio-archive-stat.e-con{display:none!important}
@media(max-width:560px){.portfolio-archive-hero,.portfolio-archive-elementor .portfolio-archive-hero.e-con{padding:22px 17px 24px!important}.portfolio-archive-hero h1{font-size:27px;line-height:1.3}.portfolio-archive-hero p{font-size:12px}.portfolio-archive-hero:before{right:-92px;top:-190px}.portfolio-archive-hero:after{right:14%;top:42px}}

/* Alternating portfolio showcase — six projects per page */
.portfolio-list-section,.portfolio-archive-elementor .portfolio-list-section.e-con{background:#fff;padding-top:76px!important;padding-bottom:92px!important}
.portfolio-grid{display:flex;flex-direction:column;gap:92px}
.portfolio-card{display:grid;grid-template-columns:minmax(280px,.76fr) minmax(480px,1.34fr);grid-template-areas:"copy media";gap:72px;align-items:center;min-height:0;background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none;transition:none}
.portfolio-card:nth-child(even){grid-template-columns:minmax(480px,1.34fr) minmax(280px,.76fr);grid-template-areas:"media copy"}
.portfolio-card:hover{transform:none;box-shadow:none}
.portfolio-card-media{grid-area:media;display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:2px;overflow:hidden;background:#eef6f9}
.portfolio-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.portfolio-card:hover .portfolio-card-media img{transform:scale(1.025)}
.portfolio-card-media.is-placeholder{display:grid;place-items:center}
.portfolio-card-copy{grid-area:copy;display:block;padding:0;max-width:420px}
.portfolio-card:nth-child(odd) .portfolio-card-copy{justify-self:end}
.portfolio-card:nth-child(even) .portfolio-card-copy{justify-self:start}
.portfolio-card-copy>span{display:block;margin:0 0 11px;color:#6b8391;font-size:9px;letter-spacing:1.55px}
.portfolio-card-copy h2{font-size:25px;line-height:1.42;margin:0 0 14px}
.portfolio-card-copy p{font-size:14px;line-height:1.8;margin:0;color:var(--muted)}
.portfolio-card-link{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:var(--blue);font-size:13px;border-bottom:1px solid rgba(23,156,240,.35);padding-bottom:4px}
.portfolio-pagination{margin-top:78px}
@media(max-width:900px){.portfolio-card,.portfolio-card:nth-child(even){grid-template-columns:1fr 1.25fr;gap:38px}.portfolio-card:nth-child(even){grid-template-columns:1.25fr 1fr}.portfolio-card-copy h2{font-size:22px}}
@media(max-width:680px){.portfolio-list-section,.portfolio-archive-elementor .portfolio-list-section.e-con{padding-top:52px!important;padding-bottom:70px!important}.portfolio-grid{gap:58px}.portfolio-card,.portfolio-card:nth-child(even){display:flex;flex-direction:column;gap:22px}.portfolio-card-copy,.portfolio-card:nth-child(odd) .portfolio-card-copy,.portfolio-card:nth-child(even) .portfolio-card-copy{order:2;max-width:none;justify-self:auto}.portfolio-card-media{order:1}.portfolio-card-copy h2{font-size:22px}.portfolio-card-copy p{font-size:13px}.portfolio-card-link{margin-top:17px}}

/* Portfolio service-category filter */
.portfolio-filter{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 68px}
.portfolio-filter-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 19px;border:1px solid #d8e5eb;border-radius:999px;background:#fff;color:#536a78;font-size:12px;font-weight:700;white-space:nowrap;transition:border-color .2s,background-color .2s,color .2s,transform .2s}
.portfolio-filter-link:hover,.portfolio-filter-link:focus-visible{border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}
.portfolio-filter-link.is-active{border-color:var(--ink);background:var(--ink);color:#fff}
@media(max-width:680px){.portfolio-filter{flex-wrap:nowrap;gap:8px;margin:0 -17px 42px;padding:0 17px 6px;overflow-x:auto;scrollbar-width:none}.portfolio-filter::-webkit-scrollbar{display:none}.portfolio-filter-link{min-height:39px;padding:8px 15px;font-size:11px}}