@font-face{font-family:inter;src:url(/_next/static/media/74b8e81ce7c73236-s.p.ttf) format("truetype");font-display:swap;font-weight:400}@font-face{font-family:inter;src:url(/_next/static/media/19f129a44b1f9b3b-s.p.ttf) format("truetype");font-display:swap;font-weight:700}@font-face{font-family:inter Fallback;src:local("Arial");ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.00%;size-adjust:107.89%}.__className_227b4a{font-family:inter,inter Fallback}.__variable_227b4a{--font-inter:"inter","inter Fallback"}@font-face{font-family:thai;src:url(/_next/static/media/5729b6f6170fe337-s.p.ttf) format("truetype");font-display:swap;font-weight:400}@font-face{font-family:thai;src:url(/_next/static/media/38344af78a727f9e-s.p.ttf) format("truetype");font-display:swap;font-weight:600}@font-face{font-family:thai Fallback;src:local("Arial");ascent-override:99.66%;descent-override:42.27%;line-gap-override:0.00%;size-adjust:106.47%}.__className_89a875{font-family:thai,thai Fallback}.__variable_89a875{--font-thai:"thai","thai Fallback"}:root{--paper:#fafaf9;--ink:#202124;--muted:#777b83;--blue:#1264ed;--line:#e4e5e7;--soft:#f0f1f3;--radius:22px;--font:var(--font-inter),var(--font-thai),sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}::selection{background:#cfe0ff;color:#174998}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.045em}p{line-height:1.8}img{display:block;max-width:100%;height:auto}svg{flex-shrink:0}button{color:inherit}a,button{touch-action:manipulation}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}html[lang=th] h1,html[lang=th] h2,html[lang=th] h3{letter-spacing:-.025em;line-height:1.35}html[lang=th] p{line-height:1.95}.container{width:calc(100% - 112px);max-width:1248px;margin-inline:auto}.eyebrow{display:block;font:400 10px/1.6 var(--font-inter),var(--font-thai),sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.blue-text{color:var(--blue)}.muted{color:#93969b}.blue-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 23px;border:0;font-size:13px;font-weight:600;transition:background .2s,transform .25s,box-shadow .25s}.button svg{transition:transform .25s}.button:hover svg{transform:translate(2px,-2px)}.button-blue{color:white;box-shadow:0 5px 18px #1264ed12}.button-blue:hover{background:#0755d8;box-shadow:0 7px 22px #1264ed29}.button-dark{background:var(--ink);color:white}.button-text{padding-inline:16px;background:transparent}.text-link{display:inline-flex;gap:18px;align-items:center;font-size:13px;font-weight:600}.text-link svg{transition:transform .25s}.text-link:hover svg{transform:translate(3px,-3px)}.product-inquiry{margin-top:25px}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-150%);z-index:100;background:white;padding:14px;border-radius:8px}.skip-link:focus{transform:none}.brand{font-family:var(--font-inter),sans-serif;font-weight:700;font-size:27px;letter-spacing:-1.8px;line-height:1;white-space:nowrap}.brand>span:first-child{color:var(--blue)}.brand-dot{color:var(--ink)}.site-header{position:fixed;top:0;width:100%;z-index:30;background:#fafaf9d9;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid #e4e5e76b}.nav-inner{height:82px;max-width:1360px;margin:auto;padding:0 40px;justify-content:space-between;gap:30px}.brand-link,.nav-inner{display:flex;align-items:center}.brand-link{min-height:44px}.desktop-nav{display:flex;align-items:center;gap:35px;margin-left:auto;margin-right:auto}.desktop-nav a{color:#656970;transition:color .2s;padding:14px 0}.desktop-nav a.active,.desktop-nav a:hover{color:var(--ink)}.nav-actions{gap:24px}.language-switch,.nav-actions{display:flex;align-items:center}.language-switch{font-size:10px;font-weight:400}.language-switch>a{min-height:44px;display:flex;align-items:center;color:#8a8d94}.language-switch>a.selected{color:var(--ink);font-weight:700}.nav-cta{padding:0 20px}.menu-trigger{display:none;align-items:center;justify-content:center;border:0;background:transparent;width:44px;height:44px}.mobile-menu{border-top:1px solid var(--line);background:var(--paper);max-height:calc(100svh - 72px);overflow:auto;padding:20px}.mobile-menu nav{display:grid}.mobile-menu a{display:flex;align-items:center;justify-content:space-between;padding:12px 8px;font-size:20px;border-bottom:1px solid var(--line)}.mobile-menu p{font-size:10px;color:var(--muted);padding:20px 8px 0}.hero{position:relative;padding:126px 0 24px;overflow:hidden;background:linear-gradient(180deg,#fafaf9 15%,#f1f5ff 74%,#fafaf9);min-height:820px}.hero-glow{inset:-10%;background:radial-gradient(ellipse 36% 30% at 25% 57%,#87b9ff70,transparent 85%),radial-gradient(ellipse 30% 27% at 77% 47%,#71dcff45,transparent 85%),radial-gradient(ellipse 45% 25% at 55% 77%,#90d9ff52,transparent 90%)}.hero-glow,.hero-grid{position:absolute;pointer-events:none}.hero-grid{inset:0;background-image:linear-gradient(#627de710 1px,transparent 0),linear-gradient(90deg,#627de710 1px,transparent 0);background-size:80px 80px;-webkit-mask-image:radial-gradient(ellipse 55% 40% at 50% 66%,#0008,transparent);mask-image:radial-gradient(ellipse 55% 40% at 50% 66%,#0008,transparent)}.hero-content{position:relative;text-align:center;z-index:2}.hero-eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;font-size:9px;letter-spacing:.14em}.hero-brand{margin:19px 0 15px}.hero-brand .brand{font-size:clamp(98px,12.9vw,174px);letter-spacing:-.085em;line-height:.98}.hero-content h1{font-size:31px;line-height:1.25;letter-spacing:-.055em}.hero-content h1>span{display:block}.hero-content h1>.hero-headline-line{color:var(--ink)}.hero-content h1>.hero-headline-secondary{background:linear-gradient(110deg,#1264ed 15%,#168bfa 80%);background-clip:text;-webkit-background-clip:text;color:transparent}html[lang=th] .hero-content h1{font-size:30px;line-height:1.32;letter-spacing:-.035em}.hero-description{font-size:12px;color:#6e7480;margin:13px auto 0;padding:0 20px}.hero-actions{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:22px}.hero-actions .button{min-height:45px;font-size:12px}.hero-depth{position:relative;z-index:1}.hero-stage{position:relative;width:100%;max-width:1120px;margin:32px auto 0;height:326px;perspective:1200px}.stage-device{position:absolute;filter:drop-shadow(0 24px 28px #2c43552a);will-change:transform}.stage-main{width:532px;left:calc(50% - 260px);top:10px;transform:rotate(-4deg);border-radius:12px;overflow:hidden;background:#0d111a;border:4px solid #2c2f35;z-index:3;box-shadow:0 2px 0 #9a9da8}.stage-main img{width:100%;height:291px;object-fit:cover;object-position:top}.window-bar{height:24px;background:#e9ecf2;display:flex;align-items:center;gap:4px;padding:0 10px;color:#747985}.window-bar i{display:block;width:5px;height:5px;border-radius:50%;background:#b7beca}.window-bar i:first-child{background:#bbbfc8}.window-bar>span{display:flex;align-items:center;gap:5px;font-size:7px;margin-inline:auto}.dark-screen .window-bar,.stage-main .window-bar{background:#232731;color:#c9ccd3}.stage-main .window-bar i{background:#666b77}.stage-pos{width:153px;left:calc(50% - 440px);top:21px;transform:rotate(-10deg);z-index:4}.stage-bigger{width:318px;right:calc(50% - 464px);top:82px;transform:rotate(9deg);border:4px solid #f8f8f9;border-radius:11px;overflow:hidden;z-index:2;box-shadow:0 0 0 1px #d6d9df}.stage-bigger img{height:205px;object-fit:cover;object-position:top}.stage-caption{position:absolute;bottom:6px;color:#9197a2;font:400 7px var(--font-inter);letter-spacing:.11em}.caption-left{left:30px}.caption-right{right:30px}.hero-bottom{justify-content:space-between;position:relative;z-index:2;font-size:9px;color:#818790;margin-top:26px}.hero-bottom,.hero-bottom>a{display:flex;align-items:center}.hero-bottom>a{gap:11px}.intro-section{padding:112px 0 105px;display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.intro-section>.eyebrow{padding-top:11px}.intro-section h2{font-size:46px;line-height:1.18}.intro-section p{max-width:570px;margin-top:28px;color:#6e737a}.intro-section .text-link{margin-top:26px}.services-section{background:linear-gradient(135deg,#edf2fd,#eefaff 65%,#f0f3fa);padding:92px 0 84px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:42px}.section-heading h2{font-size:39px;line-height:1.25;margin-top:13px}.section-heading>.text-link{margin-bottom:5px;white-space:nowrap}.service-list{border-top:1px solid #d9dce0}.service-row{display:grid;grid-template-columns:45px minmax(240px,1fr) minmax(200px,1fr) 44px;gap:20px;align-items:center;padding:24px 6px;border-bottom:1px solid #d9dce0;transition:padding .35s,background .3s}.service-number{font-size:10px;color:#93969c}.service-name{display:flex;gap:22px;align-items:center}.service-name svg{color:#5b6575;transition:color .25s}.service-name h3{font-size:24px;letter-spacing:-.035em}.service-row>p{font-size:11px;color:#7b8088}.row-arrow{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:50%;background:#e5e8ed;transition:background .25s,transform .3s,color .25s}.service-row:hover{padding-left:17px;padding-right:17px;background:#e8ebf1}.project-link:hover .row-arrow,.service-row:hover .row-arrow{transform:rotate(45deg);color:white;background:var(--blue)}.service-row:hover .service-name svg{color:var(--blue)}.work-section{padding:112px 0}.project-visual{position:relative;border-radius:16px;min-height:345px;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}.theme-blue{background:radial-gradient(ellipse at 25% 10%,#e6edff,transparent 65%),linear-gradient(135deg,#c8dcff,#cbefff)}.theme-peach{background:radial-gradient(ellipse at 25% 10%,#fff1db,transparent 60%),linear-gradient(135deg,#ffd9bd,#f8c9d4)}.theme-mint{background:radial-gradient(ellipse at 25% 10%,#e6fff0,transparent 60%),linear-gradient(135deg,#c0eddf,#b6e6f1)}.visual-label{position:absolute;top:24px;left:26px;color:#647086;font-size:8px;letter-spacing:.14em;z-index:2}.project-screen{position:relative;width:80%;transform:translateY(35px) rotate(-3deg);border-radius:10px;overflow:hidden;box-shadow:0 30px 60px #3442542d;background:#fff;border:4px solid #fcfcfd;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.project-screen img{width:100%;aspect-ratio:1.6;object-fit:cover;object-position:top}.dark-screen{border-color:#252c37}.featured-project .project-visual{height:510px}.featured-project .project-screen{width:77%;max-width:865px;transform:translateY(70px) rotate(-4deg)}.project-link:hover .project-screen{transform:translateY(22px) rotate(0deg)}.featured-project:hover .project-screen{transform:translateY(53px) rotate(-1deg)}.project-info{display:flex;align-items:center;justify-content:space-between;padding:26px 0 12px}.project-info h3{font-family:var(--font-inter),var(--font-thai),sans-serif;font-size:30px;line-height:1.3;margin-top:9px}.project-info h3>span{font-size:15px;color:#777d86;margin-left:25px;font-weight:400;letter-spacing:0}.project-info p{font-size:13px;color:#777d86;margin-top:3px}.project-info .eyebrow{font-size:8px}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px}.pos-composition{width:83%;display:flex;align-items:flex-start;gap:0;padding-top:0;transform:translateY(45px)}.pos-composition img{width:37%;filter:drop-shadow(0 15px 14px #78422b20);transition:transform .5s}.pos-composition img:first-child{transform:rotate(-9deg) translate(12px,30px)}.pos-composition img:nth-child(2){transform:translateY(-22px);z-index:1;margin-left:-5%;margin-right:-5%}.pos-composition img:last-child{transform:rotate(9deg) translate(-12px,30px)}.project-link:hover .pos-composition img:first-child{transform:rotate(-6deg) translate(8px,17px)}.project-link:hover .pos-composition img:nth-child(2){transform:translateY(-35px)}.project-link:hover .pos-composition img:last-child{transform:rotate(6deg) translate(-8px,17px)}.process-section{background:radial-gradient(ellipse at 0 0,#23478c80,transparent 58%),radial-gradient(ellipse at 100% 100%,#563fa340,transparent 55%),#171e2b;color:white;padding:100px 0}.process-section>.container{display:grid;grid-template-columns:1fr 1.1fr;gap:110px}.process-intro>.eyebrow{color:#a1a7b1}.process-intro h2{font-size:44px;line-height:1.2;margin-top:23px}.process-intro h2>span{color:#9299a5}.process-intro p{font-size:13px;color:#a1a7b1;max-width:350px;margin-top:26px}.process-intro .text-link{margin-top:28px;font-size:12px}.process-intro .text-link svg{color:#98bafb}.process-step{display:flex;align-items:flex-start;gap:25px;padding:24px 0;border-bottom:1px solid #41444c}.process-step>span{color:#949daa;font-size:10px;margin-top:6px}.process-step>svg{margin-left:auto;margin-top:7px;color:#8994a6}.process-step h3{font-size:23px}.process-step p{color:#a2a8b2;margin-top:9px;max-width:390px}.insights-section{padding:106px 0}.article-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.article-art{position:relative;height:215px;display:flex;align-items:center;justify-content:center;border-radius:13px;overflow:hidden}.art-0{background:linear-gradient(140deg,#d7e5ff,#d6f1ff)}.art-1{background:linear-gradient(140deg,#d5eee9,#d4e9fb)}.art-2{background:linear-gradient(140deg,#e4f7ff,#d4e6ff)}.art-brackets{font:400 63px var(--font-inter);color:#9eaec7;letter-spacing:-.06em;transform:rotate(-8deg)}.art-brackets>span{color:#415471;font-size:47px}.art-caption{position:absolute;bottom:19px;left:20px;font:400 6px var(--font-inter);letter-spacing:.12em;color:#8a919c}.art-people{display:flex;align-items:center;gap:9px}.art-people>i{display:block;width:39px;height:56px;border-radius:22px 22px 13px 13px;position:relative;margin-top:16px;background:#8694a6;transform:rotate(-12deg)}.art-people>i:before{content:"";position:absolute;width:30px;height:30px;border-radius:50%;background:inherit;top:-37px;left:4px}.art-people>i:nth-child(2){background:#566b87;width:45px;height:63px;transform:rotate(0deg)}.art-people>i:nth-child(2):before{width:35px;height:35px;top:-43px}.art-people>i:last-child{background:#bbc4cd;transform:rotate(12deg)}.art-code{font:400 34px var(--font-inter);letter-spacing:-.06em;transform:rotate(-6deg);color:#93a7c3}.art-code>span{color:#536b8e;font-size:25px}.article-meta{display:flex;justify-content:space-between;gap:12px;margin-top:24px;font-size:9px;color:#7f8792}.article-link h3{line-height:1.5;letter-spacing:-.025em;margin-top:13px}.article-link>p{font-size:12px;color:var(--muted);margin-top:13px}.article-link>.text-link{margin-top:23px;font-size:11px}.article-art>div{transition:transform .5s}.article-link:hover .article-art>div{transform:rotate(0deg) scale(1.06)}.cta-section{background:radial-gradient(ellipse at 90% 30%,#74caff50,transparent 65%),linear-gradient(115deg,#e6efff,#dde4ff);padding:75px 0 64px}.cta-section .eyebrow{color:#6b809f}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:23px}.cta-row h2{font-size:65px;line-height:1.15}.cta-row h2>span{background:linear-gradient(100deg,#1264ed,#168bfa);background-clip:text;-webkit-background-clip:text;color:transparent}.cta-row .circle-cta{display:grid;place-items:center;width:108px;height:108px;border-radius:50%;background:var(--blue);color:white;transition:transform .4s,background .3s}.circle-cta svg{width:55px;height:55px}.circle-cta:hover{transform:rotate(45deg);background:#0755d8}.cta-section p{font-size:12px;color:#738199;margin-top:27px}.site-footer{padding:68px 0 23px;background:var(--paper)}.footer-main{display:grid;grid-template-columns:1.7fr 1.15fr .9fr .85fr;gap:35px}.footer-brand .brand{font-size:37px}.footer-brand>p{font-size:11px;color:#858a92;margin-top:20px}.footer-brand>a:last-child{display:inline-flex;align-items:center;gap:8px;font-size:11px;margin-top:26px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:10px;color:#7d838c}.footer-links>p{font-size:10px;color:#303744;margin-bottom:5px}.footer-links>a{display:flex;align-items:center;gap:7px}.footer-links>a:hover{color:var(--blue)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:60px;padding-top:22px;border-top:1px solid var(--line);font-size:8px;color:#8f949d}.footer-bottom>span:last-child{display:flex;align-items:center;gap:15px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:10px;color:#858c96;margin-bottom:46px;flex-wrap:wrap}.breadcrumb>a:hover{color:var(--blue)}.breadcrumb>span:last-child{color:#5c6777}.page-intro{padding-top:132px;padding-bottom:55px}.page-intro h1{font-size:77px;line-height:1.08;white-space:pre-line;max-width:1000px;margin-top:21px}.intro-description{font-size:15px;color:#7d838c;max-width:665px;margin-top:26px}html[lang=th] .page-intro h1{font-size:64px;line-height:1.25}.section-space{padding:35px 0 70px}.section-space .service-row{padding-block:31px}.section-space .service-name h3{font-size:28px}.note-section{padding:90px 0 110px;border-top:1px solid var(--line)}.note-section h2{font-size:45px;line-height:1.2;white-space:pre-line;max-width:820px;margin-top:25px}.note-section>p{font-size:14px;color:#7d838c;max-width:690px;margin-top:25px}.note-section>.text-link{margin-top:25px}.service-detail-intro{padding-top:130px;padding-bottom:80px}.service-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.service-detail-grid h1{font-size:57px;line-height:1.16;white-space:pre-line;margin-top:24px}.service-detail-grid p{font-size:13px;line-height:1.9;color:#7d838c;margin-top:23px;max-width:440px}.service-detail-grid .button{margin-top:25px}.service-detail-grid .project-visual{height:390px}.service-detail-grid .project-screen{width:89%}.service-art{position:relative;display:flex;align-items:center;justify-content:center;height:390px;border-radius:16px;overflow:hidden}.service-art>img{width:90%;transform:rotate(-5deg) translateY(35px);border-radius:8px;box-shadow:0 15px 32px #53687c24}.service-art-preview{background:linear-gradient(145deg,#e9f5ff,#c5e8fa);border:1px solid #e0ecf9;isolation:isolate}.service-art-website-development{background:linear-gradient(140deg,#e8f6fd,#b8def2)}.service-art-web-application{background:linear-gradient(140deg,#f1e8fc,#d3c4ed)}.service-art-custom-software{background:linear-gradient(140deg,#e8edf8,#b9c9eb)}.service-art-ai-development{background:linear-gradient(140deg,#e8e6fc,#c9c5f2)}.service-art-ai-automation{background:linear-gradient(140deg,#fef1e8,#f3d5c7)}.service-art-data-dashboard{background:linear-gradient(140deg,#e5f2ff,#c3dbf7)}.service-art-seo{background:linear-gradient(140deg,#fdf6e9,#f5e0c1)}.service-art-preview .service-art-frame{position:relative;flex:0 0 auto;width:92%;height:80%;border:5px solid #fff;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 24px 60px #24395f24;transform:translateY(28px) rotate(-3deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.service-art-preview .service-art-frame img{object-fit:cover;object-position:top center}.service-art-data-dashboard .service-art-frame img{object-fit:contain;object-position:center}.service-art-seo .service-art-frame img{object-fit:cover;object-position:center}.service-art-data-dashboard .service-art-frame,.service-art-seo .service-art-frame{background:#fff}@media (hover:hover) and (pointer:fine){.service-art-preview:hover .service-art-frame{transform:translateY(18px) rotate(-1deg)}}@media (max-width:700px){.service-art-preview .service-art-frame{width:93%;height:79%;border-width:3px;transform:translateY(17px) rotate(-2deg)}}.service-overview{display:grid;grid-template-columns:1fr 2fr;gap:90px;padding:35px 0 95px}.service-overview h2{font-size:32px;line-height:1.5}.service-overview p{font-size:14px;color:#7d838c;line-height:1.9;margin-top:20px}.deliverables-section{background:#f0f1f3;padding:85px 0}.deliverables-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:95px}.deliverables-grid h2{font-size:40px;line-height:1.25;margin-top:23px}.use-cases{display:flex;flex-wrap:wrap;gap:10px;margin-top:29px;max-width:380px}.use-cases>span{font-size:10px;border-bottom:1px solid #cdd2da;padding:5px 0;margin-right:13px;color:#7a838f}.deliverables>div{display:flex;align-items:center;gap:23px;border-bottom:1px solid #d7dbe1;padding:23px 0}.deliverables>div:first-child{padding-top:5px}.deliverables>div>span{font-size:10px;color:#8a929e}.deliverables h3{font-size:17px;letter-spacing:-.02em;font-weight:400}.deliverables svg{margin-left:auto;color:#7d8ea8}.faq-section{padding:100px 0;display:grid;grid-template-columns:1fr 1.35fr;gap:95px}.faq-section h2{font-size:35px;margin-top:21px}.faq-section details{border-bottom:1px solid var(--line);padding:21px 0}.faq-section details:first-child{padding-top:0}.faq-section summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:15px;line-height:1.7}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary>span{font-size:25px;color:#778ca9;font-weight:400;transition:transform .2s}.faq-section details[open] summary>span{transform:rotate(45deg)}.faq-section details>p{margin-top:20px;color:#7d838c;font-size:13px}.related-section{border-top:1px solid var(--line);padding:66px 0 85px;display:flex;justify-content:space-between;align-items:center;gap:50px}.related-section h2{font-size:32px;margin-top:15px}.related-project{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:14px 0;flex-wrap:wrap;max-width:440px}.related-project>span{font-size:27px;font-weight:700;letter-spacing:-1px}.related-project>p{font-size:11px;color:#7b8697}.related-project>svg{color:var(--blue)}.project-index{padding-top:10px;padding-bottom:100px}.project-index-item{display:grid;grid-template-columns:1.45fr 1fr;gap:65px;align-items:center;padding:42px 0 60px;border-bottom:1px solid var(--line)}.project-index-item .project-visual{height:370px}[data-motion=ready] .project-index-item .project-visual{transform:none}[data-motion=ready] .project-index-item:hover .pos-composition img,[data-motion=ready] .project-index-item:hover .project-screen{translate:0 0}@media (min-width:640px) and (max-width:850px){.project-index-item .pos-composition{transform:translateY(clamp(45px,calc(33vw - 180px),105px))}}@media (min-width:1200px){.project-index-item .pos-composition{transform:translateY(clamp(45px,calc(35vw - 375px),115px))}}.project-index-info h2{font-size:50px;margin-top:16px}.project-index-info h3{font-size:21px;font-weight:400;letter-spacing:-.025em;line-height:1.55;color:#6b7686;margin-top:15px}.project-index-info p{font-size:12px;color:#7e8793;margin-top:18px}.project-index-info .text-link{margin-top:26px;font-size:11px}.portfolio-section{padding:0 0 100px}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.portfolio-item{padding:0;border:0;background:transparent;text-align:left}.portfolio-image{background:#edf0f5;aspect-ratio:1.5;border-radius:14px;overflow:hidden;padding:23px;display:flex;align-items:center;justify-content:center}.portfolio-image img{width:100%;max-height:100%;object-fit:contain;border-radius:4px;transition:transform .4s}.portfolio-item:hover img{transform:scale(1.04)}.portfolio-item>div:last-child{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.portfolio-item h3{font-size:20px;letter-spacing:-.035em}.portfolio-item p{font-size:10px;color:#8b939f;margin-top:3px}.portfolio-dialog{padding:24px;max-width:1100px;width:calc(100% - 36px);max-height:90svh;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);overscroll-behavior:contain}.portfolio-dialog::backdrop{background:#101722aa;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:23px}.dialog-heading h2{font-size:24px}.dialog-heading p{font-size:11px;color:var(--muted);margin-top:5px}.dialog-heading button{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:#e7ebf1}.portfolio-dialog>img{width:100%;height:auto;border-radius:7px}.project-detail-header{padding:133px 0 52px}.project-detail-header h1{font-family:var(--font-inter),sans-serif;font-size:120px;line-height:1.2;letter-spacing:-.075em;margin-top:22px}.project-detail-sub{display:grid;grid-template-columns:1.2fr 1fr;gap:85px;align-items:start;margin-top:20px}.project-detail-sub h2{font-size:32px;line-height:1.4}.project-detail-sub p{font-size:13px;color:#7d838c}.project-detail-visual .project-visual{height:620px}.project-detail-visual .project-screen{width:83%;transform:translateY(55px) rotate(-2deg)}.project-detail-visual .pos-composition{max-width:850px;transform:translateY(65px);padding-top:10px}@media (min-width:1100px){.project-detail-visual .pos-composition{transform:translateY(48px)}}.project-story{display:grid;grid-template-columns:1fr 2fr;gap:95px;padding:100px 0}.project-story>aside{align-self:start;position:sticky;top:115px}.project-story dl{margin-top:33px}.project-story dt{font-size:9px;color:#8791a1;margin-top:20px}.project-story dd{margin:6px 0 0;font-size:12px}.project-story dd a{display:flex;align-items:center;gap:9px}.project-story>div>div+div{margin-top:55px}.project-story h2{font-size:35px;margin-top:20px}.project-story p{font-size:14px;color:#7d838c;margin-top:20px}.capability-list{list-style:none;margin:22px 0 0;padding:0}.capability-list li{display:flex;align-items:center;gap:16px;font-size:13px;color:#697483;border-bottom:1px solid var(--line);padding:15px 0}.capability-list svg{color:var(--blue)}.project-gallery-section{background:#f0f2f5;padding:80px 0}.gallery-hint{font-size:10px;color:#8d96a3}.screen-gallery{display:flex;gap:27px;overflow-x:auto;padding:20px 0;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#b9c6da #e4e8ef}.screen-gallery figure{margin:0;width:75%;max-width:880px;flex-shrink:0;scroll-snap-align:start}.screen-gallery img{width:100%;border-radius:8px}.screen-gallery figcaption{font-size:9px;color:#8c95a3;margin-top:15px;letter-spacing:.08em}.phone-gallery figure{width:23%;min-width:185px;max-width:250px}.phone-gallery img{border-radius:0}.about-manifesto{padding:70px 0 80px;background:#eaf0f9;text-align:center}.manifesto-symbol{margin:0 auto 25px;width:130px;height:130px;display:grid;place-items:center;border-radius:30px;background:linear-gradient(145deg,#dfe9fa,#f5f8fd);box-shadow:inset 0 1px 1px #ffffff,0 13px 35px #7e95b22a;transform:rotate(-8deg)}.manifesto-symbol svg{width:95px;height:95px;color:#5e81b4}.about-manifesto h2{font-size:52px;line-height:1.2;margin-top:22px}.about-manifesto h2 span{color:#7f96b9}.about-manifesto p{max-width:640px;font-size:13px;color:#748096;margin:23px auto 0}.team-section{padding:100px 0}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.team-image{background:#eff0f2;border-radius:14px;overflow:hidden;aspect-ratio:1.05;display:flex;align-items:flex-end;justify-content:center}.team-image img{width:90%;height:100%;object-fit:contain;object-position:bottom}.team-grid h3{font-size:28px;margin-top:20px}.team-grid h3 span{display:block;font-size:9px;letter-spacing:0;font-weight:400;color:#828a96;margin-top:7px}.team-grid p{font-size:10px;color:#929aa7;margin-top:8px}.reasons-section{padding:30px 0 90px}.reasons-section article{display:grid;grid-template-columns:190px 1fr 40px;gap:65px;padding:50px 0;border-top:1px solid var(--line);align-items:center}.reason-number{font:400 96px/1 var(--font-inter);letter-spacing:-.09em;color:#c8cdd5}.reason-number>span{color:var(--blue)}.reasons-section h2{font-size:29px}.reasons-section p{font-size:14px;color:#7d838c;max-width:650px;margin-top:15px}.reasons-section svg{color:#8b9fbd}.process-horizontal{display:grid;grid-template-columns:repeat(4,1fr);gap:37px}.process-horizontal article{border-top:1px solid #cdd4de;padding-top:20px}.process-horizontal h3{font-size:23px;margin-top:20px}.process-horizontal p{color:#7d838c;font-size:12px;margin-top:14px}.blog-index{padding:30px 0 100px}.blog-index .article-art{height:270px}.article-header{padding:132px 0 50px;max-width:1070px}.article-header h1{font-size:58px;line-height:1.2;margin-top:25px;max-width:950px}.article-byline{display:flex;align-items:center;gap:13px;margin-top:32px}.author-icon{font:700 15px var(--font-inter);background:#e7eefb;display:grid;align-items:center;justify-content:center;grid-template-columns:repeat(2,auto);width:40px;height:40px;border-radius:50%;letter-spacing:-1px}.author-icon>span{color:var(--blue)}.article-byline>div{display:flex;flex-direction:column;gap:5px}.article-byline strong{font-size:10px;font-weight:600}.article-byline>div>span{font-size:9px;color:#8c94a2}.article-layout{max-width:1070px;display:grid;grid-template-columns:230px 1fr;gap:65px;padding:20px 0 80px}.article-toc{position:sticky;top:120px;align-self:start}.article-toc nav{display:grid;gap:17px;margin-top:23px}.article-toc a{font-size:11px;line-height:1.7;color:#7d8696;border-left:1px solid #d6dce5;padding-left:12px}.article-toc a:hover{color:var(--blue);border-color:var(--blue)}.article-body{min-width:0;font-size:14px;color:#6e7888}.article-body .article-lead{font-size:16px;color:#485567;line-height:1.9}.article-body section{padding-top:37px;scroll-margin-top:110px}.article-body h2{font-size:27px;color:#323d4d;line-height:1.5;margin-bottom:16px}.article-body p+p{margin-top:17px}.article-takeaway{margin:40px 0 25px;background:#edf2fb;border-radius:13px;padding:27px}.article-takeaway>p{margin-top:16px}.article-takeaway>.text-link{margin-top:20px;color:#3d5c86;font-size:12px}.contact-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:85px;padding:20px 0 85px}.contact-info h2{font-size:27px;margin-top:16px;margin-bottom:30px}.contact-info>a,.contact-location{display:flex;align-items:center;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}.contact-info>a>svg:first-child,.contact-location>svg{color:#7c8ba1}.contact-info>a>svg:last-child{margin-left:auto;color:#9ba9bb}.contact-info>a>div,.contact-location>div{display:flex;flex-direction:column;gap:5px}.contact-info>a>div>span,.contact-location>div>span{font-size:9px;color:#8b96a5}.contact-info strong{font-size:13px;font-weight:400}.contact-note{display:flex;align-items:flex-start;gap:13px;margin-top:27px}.contact-note .blue-dot{margin-top:10px}.contact-note p{font-size:11px;color:#8c94a0;max-width:310px}.contact-form{background:#f0f2f5;padding:35px;border-radius:18px}.contact-form h2{font-size:25px;margin:15px 0 25px}.contact-form label{display:flex;flex-direction:column;gap:9px;font-size:11px;margin-top:19px;color:#5b687b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{border:1px solid #dce1e9;border-radius:9px;background:#fafbfdf0;color:#343e4e;padding:14px 16px;width:100%;font-size:12px;transition:border-color .2s,box-shadow .2s}.contact-form input:not([type=checkbox]):focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:#7ea6e8;box-shadow:0 0 0 3px #1264ed10}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a0a8b5;font-size:11px}.contact-form textarea{resize:vertical;min-height:125px;line-height:1.7}.contact-form select{min-height:47px}.contact-form .consent{display:flex;flex-direction:row;align-items:flex-start;font-size:9px;line-height:1.7;gap:10px;margin-top:20px;color:#8d96a3}.consent input{accent-color:var(--blue);margin:3px 0 0;width:13px;height:13px;flex-shrink:0}.contact-form>.button{margin-top:23px;font-size:12px}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-status{display:flex;align-items:center;gap:10px;padding-top:19px;font-size:11px}.form-status.success{color:#167456}.form-status.error{color:#b3344b}.spinner{animation:spin 1s linear infinite}.contact-bottom{padding:60px 0 90px;border-top:1px solid var(--line)}.contact-bottom h2{font-size:35px}.contact-bottom p{font-size:13px;color:#808999;margin-top:15px}.contact-bottom .text-link{margin-top:22px}.not-found{padding:190px 0 120px;min-height:75svh}.not-found h1{font-size:60px;margin-top:20px}.not-found h1 span{color:#95a3ba}.not-found p{color:#8390a3;font-size:14px;margin-top:20px}.not-found .hero-actions{justify-content:flex-start}@keyframes spin{to{transform:rotate(1turn)}}@media (min-width:1600px){.hero{padding-top:143px}.hero-stage{margin-top:42px;height:370px}.stage-main{width:605px;left:calc(50% - 297px)}.stage-main img{height:327px}.stage-pos{width:174px;left:calc(50% - 495px)}.stage-bigger{width:365px;right:calc(50% - 523px)}.stage-bigger img{height:235px}}@media (max-width:1100px){.container{width:calc(100% - 72px)}.nav-inner{padding:0 30px}.desktop-nav{gap:23px}.nav-actions{gap:15px}.intro-section{gap:40px;grid-template-columns:.6fr 1.4fr}.intro-section h2{font-size:39px}.service-row{grid-template-columns:30px minmax(250px,1fr) 1fr 38px;gap:13px}.service-name h3{font-size:21px}.service-row>p{font-size:10px}.process-section>.container{gap:50px}.cta-row h2{font-size:55px}.service-detail-grid{gap:35px}.service-detail-grid h1{font-size:46px}.service-art,.service-detail-grid .project-visual{height:330px}.project-index-item{gap:38px;grid-template-columns:1.25fr 1fr}.project-index-item .project-visual{height:320px}.project-index-info h2{font-size:43px}.project-detail-visual .project-visual{height:520px}.project-story{gap:60px}.contact-layout{gap:45px}.contact-form{padding:27px}.article-header h1{font-size:51px}.article-layout{gap:40px;grid-template-columns:190px 1fr}.reasons-section article{grid-template-columns:150px 1fr 30px;gap:35px}.footer-main{gap:20px}.deliverables-grid,.faq-section{gap:45px}.section-heading h2{font-size:35px}}@media (max-width:850px){.desktop-nav{display:none}.nav-inner{height:72px}.menu-trigger{display:flex}.nav-actions{gap:20px}.hero{padding-top:119px}.hero-brand .brand{font-size:126px}.hero-stage{height:302px;margin-top:40px}.stage-main{width:440px;left:calc(50% - 215px);top:12px}.stage-main img{height:245px}.stage-pos{width:134px;left:calc(50% - 337px);top:28px}.stage-bigger{width:249px;right:calc(50% - 362px);top:94px}.stage-bigger img{height:161px}.stage-caption{font-size:6px}.hero-bottom{margin-top:22px}.intro-section{padding:85px 0;grid-template-columns:1fr;gap:25px}.intro-section h2{font-size:44px}.intro-section p{max-width:660px}.service-row{grid-template-columns:25px 1fr 40px}.service-row>p{display:none}.services-section{padding:75px 0}.project-visual{min-height:290px}.featured-project .project-visual{height:400px}.project-pair{gap:23px}.project-info h3>span{display:block;margin-left:0;margin-top:6px;font-size:13px}.project-info h3{font-size:26px}.project-pair .project-visual{height:285px;min-height:0}.pos-composition{padding-top:50px}.process-section>.container{grid-template-columns:1fr;gap:50px}.process-intro p{max-width:570px}.process-section{padding:80px 0}.article-list{gap:20px}.article-art{height:170px}.art-brackets{font-size:49px}.art-brackets>span{font-size:36px}.art-code{font-size:25px}.art-code>span{font-size:19px}.article-link h3{font-size:18px}.article-meta{font-size:8px}.art-caption{font-size:5px;left:12px}.cta-row h2{font-size:47px}.cta-row .circle-cta{width:85px;height:85px;flex-shrink:0}.circle-cta svg{width:40px;height:40px}.footer-main{grid-template-columns:1.6fr 1fr 1fr}.footer-main .footer-links:last-child{grid-column:1;display:grid;grid-template-columns:repeat(2,auto);justify-content:start;column-gap:25px;margin-top:5px}.footer-links:last-child>p{grid-column:1/-1}.footer-bottom{margin-top:40px}.page-intro h1{font-size:62px}html[lang=th] .page-intro h1{font-size:53px}.service-detail-grid{grid-template-columns:1fr;gap:40px}.service-detail-grid h1{font-size:57px}.service-detail-grid p{max-width:610px}.service-art,.service-detail-grid .project-visual{height:420px}.service-detail-grid .project-screen{width:74%}.service-art>img{max-width:600px}.service-detail-grid .pos-composition{max-width:470px}.service-overview{grid-template-columns:1fr;gap:25px}.service-overview h2{font-size:34px}.deliverables-grid,.faq-section{grid-template-columns:1fr;gap:40px}.use-cases{max-width:none}.related-section{align-items:flex-start;flex-direction:column;gap:22px}.project-index-item{grid-template-columns:1fr;gap:28px}.project-index-item .project-visual{height:400px}.project-index-info h2{font-size:48px}.project-index-info p{max-width:600px}.project-detail-header h1{font-size:98px}.project-detail-sub{gap:30px}.project-detail-sub h2{font-size:27px}.project-detail-visual .project-visual{height:420px}.project-story{grid-template-columns:.6fr 1.4fr;gap:40px}.project-story h2{font-size:29px}.reasons-section article{grid-template-columns:100px 1fr 24px;gap:30px}.reason-number{font-size:75px}.reasons-section h2{font-size:25px}.process-horizontal{grid-template-columns:1fr 1fr;gap:45px}.blog-index .article-art{height:195px}.article-header h1{font-size:46px}.article-layout{grid-template-columns:1fr}.article-toc{position:static}.article-toc nav{grid-template-columns:1fr 1fr;margin-bottom:20px}.contact-layout{grid-template-columns:1fr;gap:50px}.contact-info{max-width:580px}.contact-form{padding:35px}.contact-info>a,.contact-location{padding:19px 0}}@media (max-width:600px){body{font-size:14px}.container{width:calc(100% - 40px)}.nav-inner{padding:0 20px;height:68px;gap:15px}.brand{font-size:25px}.nav-actions{gap:12px}.nav-cta{display:none}.language-switch{font-size:9px;gap:8px}.menu-trigger{width:35px}.hero{padding-top:115px;min-height:740px}.hero-eyebrow{font-size:6.8px;letter-spacing:.075em;gap:7px}.hero-brand{margin:25px 0 21px}.hero-brand .brand{font-size:clamp(74px,22vw,124px);letter-spacing:-.078em}.hero-content h1{font-size:26px;line-height:1.2;padding:0 15px}html[lang=th] .hero-content h1{font-size:23px;line-height:1.42}.hero-description{font-size:10px;max-width:330px;margin-top:15px;line-height:1.8}.hero-actions{gap:0;margin-top:20px}.hero-actions .button{font-size:10px;min-height:43px;padding-inline:19px;gap:12px}.hero-stage{height:276px;margin-top:32px}.stage-main{width:77%;left:18%;top:17px;border-width:3px;border-radius:9px;transform:rotate(-5deg)}.stage-main img{height:auto;aspect-ratio:1.5;object-fit:cover}.stage-main .window-bar{height:20px;padding:0 7px}.stage-main .window-bar>span{font-size:5px}.stage-pos{width:24%;left:4%;top:63px;transform:rotate(-11deg);z-index:4}.stage-bigger{width:45%;right:0;top:142px;transform:rotate(8deg);border-width:2px}.stage-bigger .window-bar{height:16px}.stage-bigger .window-bar>span{font-size:5px}.stage-bigger img{height:auto;aspect-ratio:1.7;object-fit:cover}.window-bar i{width:4px;height:4px}.stage-caption{display:none}.hero-bottom{margin-top:22px;font-size:6.8px;gap:10px}.hero-bottom>a{gap:6px}.hero-bottom>a svg{width:10px}.intro-section{padding:65px 0;gap:22px}.eyebrow{font-size:8px;letter-spacing:.11em}.intro-section h2{font-size:33px;line-height:1.25}.intro-section p{font-size:12px;margin-top:21px}.intro-section .text-link{margin-top:21px;font-size:11px}.services-section{padding:64px 0 57px}.section-heading{align-items:flex-start;gap:21px;margin-bottom:28px;flex-direction:column}.section-heading h2{font-size:30px;line-height:1.2;margin-top:12px}.section-heading>.text-link{font-size:10px;margin:0}.service-row{padding:23px 0;grid-template-columns:19px 1fr 32px;gap:9px}.service-number{font-size:8px}.service-name{gap:14px}.section-space .service-name h3,.service-name h3{font-size:18px;letter-spacing:-.035em}.service-name svg{width:19px;height:19px}.row-arrow{width:31px;height:31px}.row-arrow svg{width:18px;height:18px}.service-row:hover{padding-left:5px;padding-right:5px}.work-section{padding:65px 0}.featured-project .project-visual{height:290px;min-height:0}.visual-label{font-size:6px;top:19px;left:19px}.featured-project .project-screen{width:90%;transform:translateY(55px) rotate(-4deg)}.project-info{padding:18px 0 7px}.project-info h3{font-size:26px;margin-top:6px}.project-info h3>span{font-size:11px;margin-top:4px}.project-info .eyebrow{font-size:6.5px}.project-pair{grid-template-columns:1fr;gap:32px;margin-top:32px}.project-pair .project-visual{height:325px}.pos-composition{width:75%;max-width:340px;padding-top:55px}.project-pair .project-info p{font-size:11px}.project-pair .project-screen{width:87%}.process-section{padding:63px 0}.process-section>.container{gap:40px}.process-intro h2{font-size:36px;margin-top:19px}.process-intro p{font-size:12px;margin-top:20px}.process-intro .text-link{font-size:10px;margin-top:20px}.process-step{padding:21px 0;gap:18px}.process-step h3{font-size:21px}.process-step p{font-size:11px;margin-top:7px;max-width:280px}.process-step>span{font-size:8px}.insights-section{padding:65px 0}.article-list{grid-template-columns:1fr;gap:37px}.article-art{height:225px}.art-brackets{font-size:74px}.art-brackets>span{font-size:54px}.art-code{font-size:42px}.art-code>span{font-size:29px}.art-caption{font-size:6px;left:20px;bottom:20px}.article-meta{font-size:9px;margin-top:19px}.article-link h3{font-size:22px;margin-top:11px}.article-link>.text-link{margin-top:15px}.cta-section{padding:54px 0 45px}.cta-row{margin-top:20px;gap:17px}.cta-row h2{font-size:32px;line-height:1.2}.cta-row .circle-cta{width:60px;height:60px}.circle-cta svg{width:32px;height:32px}.cta-section p{font-size:10px;max-width:300px;margin-top:20px}.site-footer{padding:45px 0 20px}.footer-main{grid-template-columns:1fr 1fr;gap:34px 24px}.footer-brand{grid-column:1/-1}.footer-brand .brand{font-size:35px}.footer-brand>p{margin-top:17px;font-size:11px}.footer-brand>a:last-child{margin-top:19px;font-size:11px}.footer-links{gap:12px;font-size:10px}.footer-main .footer-links:last-child{grid-column:1/-1;grid-template-columns:repeat(3,auto);column-gap:17px;row-gap:14px;margin-top:0}.footer-links:last-child>span{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px;font-size:8px;margin-top:30px;padding-top:20px}.footer-bottom>span:last-child{gap:10px}.breadcrumb{font-size:8px;gap:8px;margin-bottom:31px}.page-intro{padding-top:109px;padding-bottom:30px}.page-intro h1{font-size:43px;line-height:1.1;margin-top:18px}html[lang=th] .page-intro h1{font-size:38px;line-height:1.3}.intro-description{font-size:12px;margin-top:21px}.section-space{padding:5px 0 55px}.section-space .service-row{padding-block:25px}.note-section{padding:55px 0 65px}.note-section h2{font-size:31px;line-height:1.3;margin-top:20px}.note-section>p{font-size:12px;margin-top:20px}.note-section>.text-link{font-size:11px;margin-top:20px}.service-detail-intro{padding-top:108px;padding-bottom:55px}.service-detail-grid h1{font-size:40px;margin-top:19px}.service-detail-grid p{font-size:12px;margin-top:20px}.service-detail-grid .button{font-size:11px;min-height:44px;margin-top:20px}.service-detail-grid{gap:33px}.service-art,.service-detail-grid .project-visual{height:290px}.service-detail-grid .project-screen{width:88%}.service-detail-grid .pos-composition{max-width:320px;padding-top:60px}.service-overview{padding:0 0 60px;gap:18px}.service-overview h2{font-size:28px}.service-overview p{font-size:12px;margin-top:18px}.deliverables-section{padding:55px 0}.deliverables-grid{gap:30px}.deliverables-grid h2{font-size:32px;margin-top:18px}.use-cases{margin-top:20px;gap:7px}.use-cases>span{font-size:9px;margin-right:8px}.deliverables>div{gap:15px;padding:19px 0}.deliverables>div>span{font-size:8px}.deliverables h3{font-size:14px}.deliverables svg{width:16px;height:16px}.faq-section{padding:60px 0;gap:30px}.faq-section h2{font-size:30px;margin-top:16px}.faq-section summary{font-size:13px;gap:15px}.faq-section details>p{font-size:12px}.related-section{padding:44px 0 55px;gap:24px}.related-section h2{font-size:27px;margin-top:15px}.related-project{gap:15px}.related-project>span{font-size:25px}.related-project>p{font-size:10px}.project-index{padding:0 0 50px}.project-index-item{padding:25px 0 40px;gap:22px}.project-index-item .project-visual{height:300px}.project-index-info h2{font-size:40px;margin-top:11px}.project-index-info h3{font-size:19px;margin-top:9px}.project-index-info p{font-size:12px;margin-top:12px}.project-index-info .text-link{margin-top:19px;font-size:10px}.portfolio-section{padding:10px 0 65px}.portfolio-grid{grid-template-columns:1fr;gap:30px}.portfolio-image{padding:17px}.portfolio-item h3{font-size:21px}.portfolio-item p{font-size:10px}.portfolio-dialog{padding:18px}.dialog-heading h2{font-size:20px}.project-detail-header{padding:108px 0 30px}.project-detail-header h1{font-size:74px;letter-spacing:-.075em;margin-top:19px}.project-detail-sub{grid-template-columns:1fr;gap:14px;margin-top:18px}.project-detail-sub h2{font-size:25px}.project-detail-sub p{font-size:12px}.project-detail-visual .project-visual{height:300px}.project-detail-visual .project-screen{width:90%;transform:translateY(30px) rotate(-3deg)}.project-detail-visual .pos-composition{transform:translateY(30px);max-width:370px}.project-story{grid-template-columns:1fr;gap:36px;padding:48px 0 65px}.project-story>aside{position:static;padding-bottom:25px;border-bottom:1px solid var(--line)}.project-story dl{display:grid;grid-template-columns:95px 1fr;gap:13px;margin:22px 0 0}.project-story dd,.project-story dt{margin:0;font-size:10px}.project-story h2{font-size:29px;margin-top:15px}.project-story p{font-size:12px;margin-top:16px}.project-story>div>div+div{margin-top:38px}.capability-list li{font-size:12px;gap:12px}.project-gallery-section{padding:50px 0}.gallery-hint{font-size:9px}.screen-gallery{gap:18px;padding-top:0}.screen-gallery figure{width:96%}.phone-gallery figure{width:48%;min-width:160px}.about-manifesto{padding:50px 0 58px}.manifesto-symbol{width:99px;height:99px;border-radius:25px;margin-bottom:28px}.manifesto-symbol svg{width:68px;height:68px}.about-manifesto h2{font-size:34px;line-height:1.3;margin-top:18px}.about-manifesto p{font-size:12px;margin-top:20px}.team-section{padding:65px 0}.team-grid{grid-template-columns:1fr;gap:33px}.team-image{max-height:370px}.team-grid h3{margin-top:15px;font-size:28px}.team-grid h3 span{margin-top:5px;font-size:10px}.team-grid p{margin-top:7px;font-size:11px}.reasons-section{padding:5px 0 55px}.reasons-section article{grid-template-columns:62px 1fr;gap:20px;padding:33px 0;align-items:start}.reason-number{font-size:59px;line-height:1}.reasons-section h2{font-size:21px;line-height:1.4}.reasons-section p{font-size:12px;margin-top:15px}.reasons-section article>svg{display:none}.process-horizontal{gap:30px 22px}.process-horizontal h3{font-size:19px;margin-top:14px}.process-horizontal p{font-size:11px;margin-top:11px}.blog-index{padding:5px 0 65px}.blog-index .article-art{height:225px}.article-header{padding:108px 0 32px}.article-header h1{font-size:33px;line-height:1.3;margin-top:20px}.article-byline{margin-top:24px}.article-layout{padding:10px 0 45px;gap:20px}.article-toc nav{grid-template-columns:1fr;gap:12px;margin-top:16px}.article-toc a{font-size:11px}.article-body{font-size:13px}.article-body .article-lead{font-size:14px;line-height:1.95}.article-body h2{font-size:24px;margin-bottom:15px}.article-body section{padding-top:31px}.article-takeaway{padding:22px;margin-top:30px}.article-takeaway>.text-link{font-size:11px}.article-body>.button{font-size:11px;min-height:44px}.contact-layout{padding:10px 0 55px;gap:38px}.contact-info h2{font-size:27px;margin-bottom:20px}.contact-info strong{font-size:12px}.contact-info>a,.contact-location{gap:14px}.contact-note p{font-size:10px}.contact-form{padding:25px 20px}.contact-form h2{font-size:22px;margin-top:13px;margin-bottom:18px}.form-grid{grid-template-columns:1fr;gap:0}.contact-form label{font-size:10px;margin-top:17px}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{font-size:16px;padding:13px;min-width:0}.contact-form select{font-size:12px}.contact-form .consent{font-size:9px;margin-top:18px}.contact-form>.button{width:100%;font-size:11px}.contact-bottom{padding:44px 0 60px}.contact-bottom h2{font-size:29px}.contact-bottom p{font-size:12px;margin-top:13px}.contact-bottom>.text-link{font-size:11px}.not-found{padding:145px 0 85px}.not-found h1{font-size:39px}.not-found .hero-actions{gap:8px}}@media (max-width:360px){.hero-content h1{font-size:23px}html[lang=th] .hero-content h1{font-size:21px}.hero-eyebrow{font-size:6px}.hero-brand .brand{font-size:22vw}.hero-stage{height:247px}.stage-bigger{top:124px}.cta-row h2{font-size:28px}.cta-row .circle-cta{width:52px;height:52px}.hero{min-height:700px}.service-name h3{font-size:16px}.service-name{gap:10px}.page-intro h1{font-size:38px}html[lang=th] .page-intro h1{font-size:33px}.project-detail-header h1{font-size:62px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}.stage-device{will-change:auto}.button:hover,.circle-cta:hover{transform:none}}.hero-brand{overflow:hidden;padding-bottom:.04em;perspective:900px}.brand-animated{display:inline-flex}.brand.brand-animated>.brand-letter{display:inline-block;transform-origin:50% 85%;color:var(--ink)}.brand.brand-animated>.brand-accent{color:var(--blue)}.stage-orbits{position:absolute;width:1120px;height:440px;max-width:none;left:50%;top:-55px;transform:translateX(-50%);pointer-events:none;overflow:visible}.orbit-path{stroke:#5687e5;stroke-width:.8;opacity:.5}.orbit-secondary{stroke:#56b8ef;opacity:.32}.inquiry-dot,.orbit-dot{fill:var(--blue);display:none}[data-motion=ready] .inquiry-dot,[data-motion=ready] .orbit-dot{display:block}[data-motion=ready] .stage-device{translate:0 var(--float-y,0)}[data-motion=ready] :is(.hero-stage,.project-visual,.article-art){--light-x:50%;--light-y:50%;transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}[data-motion=ready] :is(.project-visual,.article-art):after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--light-x) var(--light-y),#ffffff32,transparent 60%);z-index:3}[data-motion=ready] :is(.button-blue,.button-dark,.circle-cta){translate:var(--magnet-x,0) var(--magnet-y,0)}[data-motion=ready] .service-row{position:relative}[data-motion=ready] .service-row:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#96add133;transform:scaleX(var(--line-scale,1));transform-origin:left}[data-motion=ready] .service-row .row-arrow{transition:background .25s,color .25s,rotate .4s}[data-motion=ready] .service-row:hover .row-arrow{rotate:45deg;transform:none}[data-motion=ready] .project-screen{transform:translateY(var(--screen-y,35px)) rotate(var(--screen-angle,-3deg));transition:translate .6s}[data-motion=ready] .project-link:hover .project-screen{translate:0 -12px}[data-motion=ready] .pos-composition img{transition:translate .55s}[data-motion=ready] .pos-composition img:first-child{transform:rotate(calc(var(--fan, 1) * -9deg)) translate(calc(45px - var(--fan, 1) * 33px),calc(55px - var(--fan, 1) * 25px))}[data-motion=ready] .pos-composition img:nth-child(2){transform:translateY(calc(var(--fan, 1) * -22px))}[data-motion=ready] .pos-composition img:last-child{transform:rotate(calc(var(--fan, 1) * 9deg)) translate(calc(-45px + var(--fan, 1) * 33px),calc(55px - var(--fan, 1) * 25px))}[data-motion=ready] .project-link:hover .pos-composition img{translate:0 -10px}.process-steps{position:relative;margin-left:30px}.process-track{position:absolute;top:14px;bottom:28px;left:-32px;width:16px;height:calc(100% - 53px);pointer-events:none}.process-track-base{stroke:#454b56;stroke-width:1}.process-track-progress{stroke:#83afff;stroke-width:1.5}.process-step{position:relative}.process-step:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#8db5fb;left:-28px;top:32px;box-shadow:0 0 0 5px #8db5fb10;transform:scale(var(--node-scale,1))}.process-steps>.process-step:first-of-type{padding-top:2px}.process-steps>.process-step:first-of-type:before{top:10px}.cta-section{position:relative;overflow:hidden;isolation:isolate}.cta-section>.container{position:relative;z-index:1}.inquiry-orbit{position:absolute;right:-40px;top:10px;width:620px;height:360px;pointer-events:none;opacity:.55}.inquiry-path{stroke:#8baee4;stroke-width:1;opacity:.42}.circle-cta{position:relative}.circle-cta>.inquiry-shape{position:absolute;inset:-18px;width:calc(100% + 36px);height:calc(100% + 36px);pointer-events:none;stroke:var(--blue);stroke-width:.7;opacity:.28}.shape-target{visibility:hidden}.nav-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--blue);opacity:.6;transform:scaleX(0);transform-origin:left;pointer-events:none}.desktop-nav{position:relative}.nav-indicator{position:absolute;bottom:3px;left:0;height:2px;width:0;background:var(--blue);opacity:0;pointer-events:none}@media (max-width:600px){.stage-orbits{width:640px;height:270px;top:-24px}.inquiry-orbit{width:380px;height:240px;right:-140px;top:35px}.circle-cta>.inquiry-shape{inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px)}}@media (prefers-reduced-motion:reduce){.nav-indicator,.nav-progress{display:none}}@media (prefers-reduced-motion:no-preference){html[data-motion-boot] .motion-root:not([data-motion=ready]) :is([data-entrance],.brand-letter,.hero-depth,.stage-device,.stage-caption,.hero-bottom,.stage-orbits){opacity:0}}.button-blue{background:linear-gradient(115deg,#1264ed,#168bfa);box-shadow:0 8px 28px #168bfa30}.button-blue:hover{background:linear-gradient(115deg,#0755d8,#238ff3);box-shadow:0 12px 32px #168bfa40}.hero-eyebrow{color:#53618b}.hero-eyebrow .blue-dot{box-shadow:0 0 0 4px #1264ed12}.intro-section .muted{color:#168bfa}.service-name svg,.service-number{color:#577bc2}.service-row:hover{background:#dce6fa}.process-intro h2>span{color:#9bcdf8}.process-step>svg{color:#a5d5f8}.cta-row .circle-cta{background:linear-gradient(135deg,#1264ed,#168bfa);box-shadow:0 12px 38px #168bfa29}.circle-cta:hover{background:linear-gradient(135deg,#0755d8,#238ff3)}.orbit-dot-secondary{fill:var(--violet)}.product-card-title{display:flex;align-items:center;gap:12px;margin-top:8px}.product-card-title h3{margin-top:0!important}.product-card-logo{width:auto;max-width:86px;max-height:28px;object-fit:contain;object-position:left center}.product-card-logo-bdxa{max-width:72px}.product-card-logo-simple-pos{max-width:82px}.product-card-logo-bigger{max-width:76px}.project-index-logo{display:block;width:auto;max-width:142px;max-height:46px;object-fit:contain;object-position:left center;margin-bottom:18px}.project-index-logo-bdxa{max-width:112px}.project-index-logo-simple-pos{max-width:136px}.project-index-logo-bigger{max-width:126px}.project-detail-logo{display:block;width:auto;max-width:180px;max-height:62px;object-fit:contain;object-position:center;margin:28px auto -6px}.project-detail-logo-bdxa{max-width:142px}.project-detail-logo-simple-pos{max-width:174px}.project-detail-logo-bigger{max-width:158px}.project-detail-identity{display:flex;align-items:center;justify-content:center;gap:clamp(16px,2.4vw,28px);min-width:0;margin-top:28px}.project-detail-identity h1{min-width:0;margin:0;font-size:clamp(56px,7.2vw,120px);line-height:1.08}.project-detail-identity .project-detail-logo{flex:0 0 auto;width:clamp(76px,7.6vw,108px);height:clamp(76px,7.6vw,108px);max-width:none;max-height:none;margin:0;object-fit:contain;object-position:center}.project-detail-identity .project-detail-logo-simple-pos{width:clamp(98px,9.5vw,132px);height:clamp(98px,9.5vw,132px)}.product-card-title .product-card-logo-simple-pos{width:48px;height:48px;max-width:48px;max-height:48px}.project-index-logo-simple-pos{max-width:62px;max-height:62px}.project-story>aside>h2{font-size:25px;margin-top:18px}.project-story>aside>p{margin-top:14px;max-width:320px}.project-story>aside>p+dl{margin-top:34px}@media (max-width:700px){.product-card-title{gap:9px}.product-card-logo{max-width:72px;max-height:24px}.project-detail-logo{max-width:138px;max-height:48px;margin-top:22px}.project-detail-identity{gap:12px;margin-top:20px}.project-detail-identity h1{font-size:clamp(37px,10vw,54px);line-height:1.1}.project-detail-identity .project-detail-logo{width:clamp(52px,13vw,72px);height:clamp(52px,13vw,72px);max-width:none;max-height:none;margin:0}.project-detail-identity .project-detail-logo-simple-pos{width:clamp(64px,16vw,84px);height:clamp(64px,16vw,84px)}.product-card-title .product-card-logo-simple-pos{width:44px;height:44px;max-width:44px;max-height:44px}}.journey-section{position:relative}@media (min-width:1280px){.journey-section:before{content:attr(data-journey-step);position:absolute;z-index:3;left:max(16px,calc((100vw - 1395px) / 2));top:50%;transform:translateY(-50%);font:500 8px/1 var(--font-inter),sans-serif;letter-spacing:.16em;color:#9aa4b2;opacity:.5;pointer-events:none}}.desktop-nav>a{transform-origin:50% 100%;will-change:transform}.nav-indicator{height:3px;border-radius:999px;background:#2388ff;box-shadow:0 3px 14px #2f7fff45}.legacy-cta{min-height:650px}.legacy-cta-card.container{z-index:3}.cta-tool-cloud{position:absolute;inset:0;z-index:1;pointer-events:none}.cta-tool{--tool-x:0px;--tool-y:0px;--tool-r:0deg;position:absolute;width:88px;height:88px;pointer-events:auto;transform:translate3d(var(--tool-x),var(--tool-y),0) rotate(var(--tool-r));transform-origin:center;will-change:transform}.cta-tool-inner{position:relative;width:100%;height:100%;display:grid;place-items:center;border:1px solid #ffffffd9;border-radius:25px;background:radial-gradient(circle at 28% 18%,#fff 0,#fffdf9 42%,#f7faff 100%);box-shadow:0 18px 42px #4562821c,inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);will-change:transform}.cta-tool-inner:before{content:"";position:absolute;inset:-12px;z-index:-1;border-radius:32px;background:radial-gradient(circle,#5ba8ff30,transparent 67%);opacity:0;transform:scale(.8);transition:opacity .35s ease,transform .45s ease}.cta-tool-icon{position:absolute;left:50%;top:50%;translate:-50% -50%;width:46px;height:46px;object-fit:contain;opacity:0;filter:saturate(.9);will-change:opacity,transform;transition:filter .35s ease}.cta-tool-icon:first-child{opacity:1}.cta-tool.is-hovered{z-index:5}.cta-tool.is-hovered .cta-tool-inner:before{opacity:1;transform:scale(1)}.cta-tool.is-hovered .cta-tool-icon{filter:saturate(1.08) drop-shadow(0 8px 14px #31679b28)}.cta-tool-1{left:calc(50% - 585px);top:15%}.cta-tool-2{left:calc(50% - 535px);top:43%;width:98px;height:98px}.cta-tool-3{left:calc(50% - 590px);top:72%}.cta-tool-4{right:calc(50% - 585px);top:16%}.cta-tool-5{right:calc(50% - 535px);top:44%;width:98px;height:98px}.cta-tool-6{right:calc(50% - 590px);top:72%}.visual-label{will-change:opacity,transform}.service-work-section{padding-top:40px;padding-bottom:115px;scroll-margin-top:105px}.service-work-section .section-heading{align-items:end}.service-work-intro{max-width:390px;color:#7a8492;font-size:12px;line-height:1.8;text-align:right}@media (max-width:1180px){.cta-tool-1,.cta-tool-3{left:28px}.cta-tool-2{left:62px}.cta-tool-4,.cta-tool-6{right:28px}.cta-tool-5{right:62px}}@media (max-width:900px){.legacy-cta{min-height:0}.cta-tool-cloud{display:none}.service-work-section .section-heading{align-items:flex-start}.service-work-intro{max-width:560px;text-align:left}}.article-art{height:248px;border:1px solid #e1e7ef;border-radius:18px;background:#edf2f7;box-shadow:0 18px 44px rgba(31,52,78,.08)}.article-cover-image{object-fit:cover;object-position:center;filter:saturate(.82) contrast(.98);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s ease}.art-0 .article-cover-image{object-position:center 42%}.art-1 .article-cover-image{object-position:center 46%}.art-2 .article-cover-image{object-position:center 48%}.article-cover-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(11,24,42,.42),transparent 38%),linear-gradient(120deg,rgba(19,44,73,.08),transparent 55%);transition:opacity .5s ease}.article-cover-label{position:absolute;left:18px;bottom:16px;z-index:2;padding:7px 9px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(13,31,52,.42);color:rgba(255,255,255,.94);font:600 7px/1 var(--font-inter),sans-serif;letter-spacing:.13em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.article-link:hover .article-cover-image{transform:scale(1.045);filter:saturate(.96) contrast(1.02)}.article-link:hover .article-cover-shade{opacity:.82}.article-hero-image{position:relative;height:clamp(360px,52vw,650px);margin-top:34px;margin-bottom:84px;overflow:hidden;border:1px solid #e1e7ef;border-radius:26px;background:#eef3f8;box-shadow:0 28px 80px rgba(31,52,78,.1)}.article-hero-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(.99)}@media (max-width:700px){.article-art{height:230px}.article-hero-image{height:300px;margin-top:22px;margin-bottom:52px;border-radius:18px}}.faq-section.service-faq-redesign{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,6vw,88px);align-items:start;padding-top:88px;padding-bottom:70px}.service-faq-redesign .service-faq-intro{max-width:470px}.service-faq-redesign .eyebrow,.service-products-section .eyebrow{color:#2778cf;letter-spacing:.16em;font-size:11px}.faq-section.service-faq-redesign h2{margin-top:16px;font-size:clamp(31px,3.4vw,45px);line-height:1.25;letter-spacing:-.035em;color:#142d50}.service-faq-redesign .service-faq-description{margin-top:16px;max-width:360px;font-size:15px;color:#647993;line-height:1.75}.service-faq-redesign .service-faq-list{display:grid;gap:12px}.faq-section.service-faq-redesign details,.faq-section.service-faq-redesign details:first-child{border:1px solid #dce8f6;border-radius:18px;background:#fff;padding:0;overflow:hidden;box-shadow:0 5px 22px rgba(24,73,126,.035);transition:border-color .18s ease,box-shadow .18s ease}.faq-section.service-faq-redesign details[open]{background:#f9fcff;border-color:#b7d7f8;box-shadow:0 8px 25px rgba(24,73,126,.055)}.faq-section.service-faq-redesign summary{padding:21px 22px;min-height:78px;gap:15px;font-size:16px;line-height:1.55;font-weight:600;color:#17345a}.faq-section.service-faq-redesign summary>.service-faq-question{flex:1 1;color:inherit;font-size:inherit;font-weight:inherit;transform:none;transition:none}.faq-section.service-faq-redesign details[open] summary>.service-faq-question{transform:none}.faq-section.service-faq-redesign summary>.service-faq-toggle{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:#eaf4ff;color:#1874d9;font-size:25px;font-weight:400;line-height:1;transition:transform .18s ease,background-color .18s ease,color .18s ease}.faq-section.service-faq-redesign details[open] summary>.service-faq-toggle{transform:rotate(45deg);background:#1874d9;color:white}.faq-section.service-faq-redesign details>p{margin:0;padding:0 22px 23px;font-size:14px;line-height:1.85;color:#5d7290}.service-products-section{margin-top:4px;margin-bottom:100px;padding:clamp(24px,4vw,48px);border:1px solid #e0ebf8;border-radius:28px;background:#f5f9ff}.service-products-heading{max-width:680px}.service-products-heading h2{margin-top:14px;color:#142d50;font-size:clamp(29px,3.3vw,42px);line-height:1.3}.service-products-heading>p{max-width:540px;margin-top:12px;font-size:15px;line-height:1.8;color:#647993}.service-products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.service-product-card{display:block;min-width:0;overflow:hidden;border:1px solid #e0eaf5;border-radius:20px;background:#fff;box-shadow:0 6px 20px rgba(23,65,115,.035);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.service-product-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#eaf2fc}.service-product-image img{object-fit:cover;transition:transform .35s ease}.service-product-details{padding:20px 22px 23px}.service-product-category{display:block;color:#4782bc;font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.045em}.service-product-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;color:#143259}.service-product-title h3{font-size:25px;line-height:1.25;font-weight:700;letter-spacing:-.03em}.service-product-title svg{color:#1877d9}.service-product-details>p{margin-top:7px;font-size:14px;line-height:1.6;color:#627690}.service-products-more{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:48px;margin-top:24px;padding:12px 21px;border-radius:999px;background:#1677df;color:white;font-size:14px;font-weight:650;transition:background-color .18s ease,transform .18s ease}@media (hover:hover){.service-product-card:hover{border-color:#a6cbed;box-shadow:0 14px 30px rgba(23,65,115,.09);transform:translateY(-3px)}.service-product-card:hover .service-product-image img{transform:scale(1.035)}.service-products-more:hover{background:#105eae;transform:translateY(-2px)}}@media (max-width:850px){.faq-section.service-faq-redesign{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:58px;padding-bottom:52px}}@media (max-width:600px){.faq-section.service-faq-redesign h2{margin-top:11px;font-size:30px}.service-faq-redesign .service-faq-description{margin-top:10px;font-size:14px}.service-faq-redesign .service-faq-list{gap:10px}.faq-section.service-faq-redesign details,.faq-section.service-faq-redesign details:first-child{border-radius:15px}.faq-section.service-faq-redesign summary{min-height:72px;padding:17px;font-size:15px;gap:12px}.faq-section.service-faq-redesign summary>.service-faq-toggle{width:33px;height:33px;flex-basis:33px;font-size:23px}.faq-section.service-faq-redesign details>p{padding:0 17px 20px;font-size:13px}.service-products-section{margin-bottom:60px;padding:24px 18px;border-radius:22px}.service-products-heading h2{font-size:29px;margin-top:10px}.service-products-heading>p{margin-top:10px;font-size:13px}.service-products-grid{grid-template-columns:minmax(0,1fr);gap:13px;margin-top:22px}.service-product-card{border-radius:16px}.service-product-details{padding:15px 17px 18px}.service-product-title h3{font-size:23px}.service-product-details>p{font-size:13px}.service-products-more{width:100%;margin-top:17px}}@media (prefers-reduced-motion:reduce){.faq-section.service-faq-redesign details,.faq-section.service-faq-redesign summary>.service-faq-toggle,.service-product-card,.service-product-image img,.service-products-more{transition:none}}:root{--paper:#fff;--ink:#10233f;--muted:#637e9c;--blue:#168bfa;--violet:#168bfa;--line:#e4edf8;--soft:#f7fbff;--radius:26px}html{scroll-padding-top:92px}body{background:#fff}h1,h2,h3{color:var(--ink)}.container{max-width:1280px}.eyebrow{color:#4384ce;letter-spacing:.13em}.intro-section .muted,.muted{color:#168bfa}.text-link{color:#1f5d9f}.button{position:relative;overflow:hidden;border-radius:100px;gap:16px}.button>*{position:relative;z-index:1}.button-blue{color:#fff;background:var(--blue);box-shadow:0 5px 18px #168bfa12}.button-blue:hover{background:#0875e8;box-shadow:0 7px 22px #168bfa29}.button-dark{color:#fff;background:#202020;box-shadow:none}.button-dark:hover{background:#3a3d42}.button:hover{transform:translateY(-3px)}.button-outline{color:#1f5d9f;background:#f2f7ff;border:1px solid #dce9f8}.site-header{background:#fffffff0;border-color:#edf1f6}.nav-inner{height:72px;max-width:1280px;gap:24px}.legacy-brand{display:inline-flex;align-items:center;gap:11px;letter-spacing:0}.legacy-brand>img{width:25px;height:auto;object-fit:contain}.legacy-brand .brand-copy{display:grid;gap:5px;color:#172033}.legacy-brand strong{font-size:15px;font-weight:700;letter-spacing:-.035em}.legacy-brand small{font-size:8px;font-weight:400;color:#7b879a;text-transform:uppercase;letter-spacing:.14em}.desktop-nav{gap:28px}.desktop-nav a{color:#64748b;font-size:12px}.desktop-nav a.active,.desktop-nav a:hover{color:#172033}.nav-cta{min-height:39px;padding-inline:20px;font-size:11px;gap:18px}.language-switch{gap:9px}.language-switch a{color:#8a8d94}.language-switch .selected{color:#202020}.language-switch>span{color:#c4c6ca}.nav-actions{gap:16px}.mobile-menu{background:#fff}.mobile-menu a{font-size:17px}.hero.legacy-hero{padding:72px 0 0;min-height:0;background:#fff}.legacy-hero .hero-glow{inset:0;transform:none}.legacy-hero .hero-eyebrow{font-size:inherit;letter-spacing:inherit}.legacy-hero .hero-description{padding:0}.legacy-hero .hero-actions{margin-top:0}.legacy-hero .hero-depth{position:absolute;z-index:1}.legacy-hero .hero-headline-line{color:inherit}.legacy-hero .hero-headline-line:last-child{color:#174f91}html[lang=th] .legacy-hero h1{line-height:1.2;letter-spacing:-.035em}.intro-section{padding-block:90px}.intro-section h2{font-size:40px}.intro-section p{color:#637e9c;font-size:14px}.services-section{background:#f7fbff;padding-block:80px;border-block:1px solid #edf1f6}.section-heading h2{font-size:36px}.service-list,.service-row{border-color:#e4edf8}.service-row{padding-block:24px}.service-name svg,.service-number{color:#4384ce}.service-name h3{font-size:23px}.service-row>p{color:#637e9c}.row-arrow,.service-row:hover{background:#edf5ff}.row-arrow{color:#168bfa;border-radius:12px}.work-section{padding-block:85px}.legacy-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.legacy-project{overflow:hidden;border-radius:26px;border:1px solid #e4edf8;background:#fff;box-shadow:0 20px 55px #2b59920d;transition:box-shadow .3s,translate .3s}.legacy-project:hover{translate:0 -6px;box-shadow:0 26px 70px #2b59921c}.legacy-project .project-visual{min-height:280px;height:280px;border-radius:0}.legacy-project .project-info{margin:0;padding:24px;align-items:center}.legacy-project .project-info h3{font-size:24px;margin-top:6px}.legacy-project .project-info p{color:#637e9c;font-size:12px;line-height:1.7}.legacy-project .project-info .eyebrow{font-size:8px}.legacy-project .project-screen{width:90%;left:5%}.legacy-project .pos-composition{width:90%;padding-top:12px;transform:translateY(40px) scale(.96);transform-origin:center bottom}@media (max-width:639px){.legacy-project .pos-composition{transform:translateY(23px) scale(.96)}}@media (min-width:640px) and (max-width:850px){.legacy-project .pos-composition{transform:translateY(74px) scale(.92)}}.theme-blue{background:#eaf5ff}.theme-warm{background:#fff2e8}.theme-mint{background:#e9fbfd}.project-visual{border-radius:22px}.project-index-info p,.project-info p{color:#637e9c}.process-section{background:#fff;color:var(--ink);padding-block:80px;border-top:1px solid #edf1f6}.process-section>.container{gap:65px;grid-template-columns:.85fr 1.15fr}.process-intro>.eyebrow{color:#168bfa}.process-intro h2{font-size:40px}.process-intro h2>span{color:#174f91}.process-intro p{color:#637e9c}.process-steps{border:7px solid #f2f2f7;border-radius:28px;padding:8px 24px 8px 32px;box-shadow:0 16px 50px #0f172a0a}.process-step{border-color:#edf1f6;padding-block:20px}.process-step:last-child{border-bottom:0}.process-step h3{font-size:20px}.process-step p{color:#637e9c;font-size:12px}.process-step>span{color:#168bfa}.process-step>svg{color:#8db9f7}.process-step:before{background:#168bfa}.process-steps .process-track{left:12px;top:36px;height:calc(100% - 72px)}.process-track-base{stroke:#dce9f8}.process-track-progress{stroke:#168bfa}.insights-section{padding-block:80px}.article-art{border-radius:22px}.art-0,.art-2{background:linear-gradient(145deg,#f3f9ff,#dceeff)}.art-1{background:linear-gradient(145deg,#edf7ff,#d1e9f6)}.article-link h3{font-size:21px}.article-link>p,.article-meta{color:#637e9c}.legacy-cta{background:#f2f2f7;padding:80px 24px}.legacy-cta>.inquiry-orbit{opacity:.25}.legacy-cta-card.container{position:relative;max-width:690px;width:100%;padding:10px;background:#fff;border-radius:34px;box-shadow:0 28px 80px #0f172a14;border:1px solid #e4edf8}.legacy-cta-portraits{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;height:190px;background:linear-gradient(180deg,#91d0ff,#bee3ff);border-radius:26px}.legacy-cta-portraits>span{position:relative;z-index:1;translate:0 var(--avatar-y,0);width:88px;height:88px;display:grid;place-items:center;border:6px solid white;border-radius:50%;background:#fff;box-shadow:0 16px 36px #245b912e}.legacy-cta-portraits>span:nth-of-type(2){width:112px;height:112px;margin-inline:-10px;z-index:1;border-width:7px}.legacy-cta-portraits img{width:88%;height:88%;object-fit:contain}.legacy-cta-portraits>.inquiry-shape{position:absolute;width:260px;height:260px;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.6}.legacy-cta-portraits .shape-live{stroke:#fff;stroke-width:1.5}.legacy-cta-copy{padding:30px 30px 32px;text-align:center}.legacy-cta-copy h2{font-size:36px;margin-top:10px}.legacy-cta-copy p{max-width:500px;margin:14px auto 0;font-size:14px;color:#637e9c}.legacy-cta-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.site-footer{background:#fff;border-top:1px solid #edf1f6}.footer-brand>p,.footer-links{color:#637e9c}.footer-links{font-size:12px}.footer-links>p{color:#42506a;font-size:12px}.footer-brand>a:last-child{color:#1f5d9f}.footer-bottom{color:#71839a;font-size:10px}.page-intro{position:relative;text-align:center;padding-top:130px;padding-bottom:65px}.page-intro:before{content:"";position:absolute;z-index:-1;width:100vw;left:calc(50% - 50vw);inset-block:72px 0;background:radial-gradient(ellipse at 50% 0,#fff 20%,#f3f9ff 70%,#e8f4ff)}.page-intro .breadcrumb{justify-content:center;margin-bottom:32px}.page-intro h1,html[lang=th] .page-intro h1{font-size:clamp(36px,4.3vw,56px);line-height:1.25;margin-inline:auto;max-width:1020px}.page-intro .intro-description{margin-inline:auto;color:#637e9c;font-size:14px}.service-detail-intro{position:relative;padding-top:125px;padding-bottom:65px}.service-detail-intro:before{content:"";position:absolute;z-index:-1;width:100vw;left:calc(50% - 50vw);inset-block:72px 0;background:linear-gradient(145deg,#fff,#f3f9ff)}.service-detail-grid h1,html[lang=th] .service-detail-grid h1{font-size:clamp(32px,3.7vw,49px);line-height:1.3}.service-detail-grid p,.service-overview p{color:#637e9c}.deliverables-section{background:#f7fbff;border-block:1px solid #edf1f6}.deliverables>div,.process-horizontal article{border-color:#dce9f8}.deliverables svg,.deliverables>div>span{color:#168bfa}.note-section h2{color:#174f91}.note-section>p{color:#637e9c}.faq-section details{border-color:#dce9f8}.faq-section details[open]{background:#f7fbff}.project-detail-header{text-align:center}.project-detail-header .breadcrumb{justify-content:center}.project-detail-header h1{color:#174f91}.project-detail-sub{text-align:left}.team-image{border-radius:26px;background:#f2f7ff}.about-manifesto{background:#f7fbff}.about-manifesto h2 span{color:#168bfa}.manifesto-symbol{background:linear-gradient(145deg,#dceeff,#f7fbff)}.reasons-section article{border-color:#e4edf8}.reason-number{color:#168bfa}.article-header h1{font-size:clamp(32px,4.3vw,56px)}.article-takeaway{background:#f2f7ff;border-radius:22px}.article-byline>div>span,.article-toc a{color:#637e9c}.contact-form{border-radius:26px;background:#f7fbff;border:1px solid #e4edf8;box-shadow:0 20px 55px #2b59920a}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{border-radius:11px;border-color:#dce9f8;background:#fff}.contact-info>a,.contact-location{border-color:#e4edf8}.contact-info>a>svg:first-child,.contact-location>svg{color:#4384ce}@media (max-width:1100px){.nav-inner{padding-inline:28px;gap:20px}.desktop-nav{gap:20px}.nav-actions{gap:12px}.legacy-project-grid{gap:18px}.legacy-project .project-info{padding:20px}.process-section>.container{gap:36px}}@media (max-width:850px){.nav-inner{padding-inline:20px}.legacy-project-grid{grid-template-columns:1fr;max-width:650px;margin-inline:auto;gap:26px}.legacy-project .project-visual{height:330px}.insights-section,.intro-section,.process-section,.services-section,.work-section{padding-block:60px}.process-section>.container{grid-template-columns:1fr;gap:30px}.process-intro p{max-width:540px}.page-intro{padding-top:112px;padding-bottom:45px}}@media (max-width:700px){.legacy-hero .hero-depth{position:relative}.legacy-hero .hero-actions{margin-top:18px}.legacy-hero .hero-description{max-width:360px;font-size:12px}}@media (max-width:600px){.container{width:calc(100% - 40px)}.legacy-brand small{display:none}.legacy-brand{gap:7px}.legacy-brand strong{font-size:15px}.nav-inner{height:72px}.nav-actions{gap:10px}.language-switch{gap:6px}.intro-section h2,.process-intro h2,.section-heading h2{font-size:29px}.section-heading{align-items:flex-start;gap:18px;flex-direction:column;margin-bottom:28px}.intro-section p{font-size:13px}.section-space .service-name h3,.service-name h3{font-size:20px}.legacy-project .project-visual{height:280px;min-height:280px}.process-steps{padding:4px 16px 4px 27px}.process-step{gap:15px}.process-step h3{font-size:18px}.process-step p{font-size:12px}.legacy-cta{padding:55px 20px}.legacy-cta-card.container{border-radius:28px;padding:8px}.legacy-cta-portraits{height:170px;border-radius:22px}.legacy-cta-copy{padding:24px 18px}.legacy-cta-copy h2{font-size:28px}.legacy-cta-copy p{font-size:13px}.legacy-cta-actions{flex-direction:column;gap:10px}.page-intro h1,html[lang=th] .page-intro h1{font-size:31px}.page-intro .intro-description{font-size:13px}.service-detail-grid h1,html[lang=th] .service-detail-grid h1{font-size:30px}.service-detail-intro{padding-top:110px;padding-bottom:40px}.project-detail-sub{text-align:center}.footer-main{gap:35px 24px}.footer-links{font-size:11px}.footer-bottom{font-size:9px}}@media (prefers-reduced-motion:reduce){.button,.legacy-project{transition:none}.legacy-project:hover{translate:none}}