:root{--graphite:#202b35;--cyan:#42b8c5;--apricot:#e7a982;--ice:#dcecf0;--cloud:#f5f8f8;--slate:#29343d;--steel:#8799a3;--silver:#e4e9eb;--white:#fff;--display:'Prompt','Noto Sans Thai',sans-serif;--body:'Noto Sans Thai','Prompt',sans-serif;--wrap:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cloud);color:var(--graphite);font-family:var(--body);font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(var(--wrap),calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-60px;z-index:20;background:var(--white);padding:10px 16px;border-radius:4px}.skip-link:focus{top:12px}.site-header{height:82px;position:sticky;top:0;z-index:10;background:rgba(245,248,248,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(32,43,53,.07)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--graphite);border-radius:12px}.brand-mark svg{width:29px;stroke:var(--cyan);stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.brand-mark circle{fill:var(--apricot);stroke:var(--graphite)}.brand-name{font:600 20px/1 var(--display);letter-spacing:-.5px}.brand-name span{color:#31a8b7}.primary-nav{display:flex;align-items:center;gap:29px;margin-left:auto}.primary-nav a{font-size:12px;color:#63727a;transition:color .2s}.primary-nav a:hover,.primary-nav a:focus-visible{color:#168f9c}.header-cta{font-size:12px;font-weight:600;padding:10px 15px;border:1px solid #d5dfe1;border-radius:3px;transition:.2s}.header-cta span{color:#168f9c;margin-left:8px}.header-cta:hover{background:var(--graphite);color:var(--white)}.menu-toggle{display:none}.section{position:relative}.hero{min-height:675px;padding:88px 0 25px;overflow:hidden;background:radial-gradient(ellipse at 78% 41%,rgba(220,236,240,.6),transparent 42%),var(--cloud)}.hero-grid{display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:44px;min-height:505px}.hero-copy{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 20px;color:#53808a;font-size:11px;font-weight:600;letter-spacing:.03em}.eyebrow-line{height:1px;width:25px;background:var(--cyan)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:500;letter-spacing:-.045em}h1{font-size:clamp(42px,5.2vw,68px);line-height:1.26;margin-bottom:18px}h1 .highlight{display:inline-block}.highlight{color:#2ca2af}.hero-lead{font-size:19px;font-weight:600;color:var(--slate);margin-bottom:9px}.hero-text{max-width:495px;color:#718087;font-size:14px;line-height:2;margin-bottom:27px}.hero-actions{display:flex;align-items:center;gap:28px}.button{height:48px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 21px;border-radius:3px;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{color:var(--white);background:var(--graphite)}.button-dark span{color:var(--cyan);font-size:16px}.text-link{font-size:12px;font-weight:600;color:#52646d}.text-link span{color:#259eaa;margin-left:8px}.text-link:hover{color:#168f9c}.hero-note{display:flex;align-items:center;gap:9px;margin-top:52px;color:#8b989e;font-size:10px}.note-dot,.contact-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(66,184,197,.12)}.hero-art{height:475px;position:relative;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid rgba(66,184,197,.2);border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:450px;height:250px}.orbit-two{width:390px;height:325px;transform:rotate(39deg);border-color:rgba(231,169,130,.25)}.orbit-three{width:285px;height:400px;transform:rotate(67deg);border-style:dashed;border-color:rgba(135,153,163,.18)}.network-lines{position:absolute;width:100%;height:100%;inset:0;overflow:visible}.network-lines path{fill:none;stroke:rgba(66,184,197,.42);stroke-width:1.3}.network-lines .line-dash{stroke:rgba(231,169,130,.48);stroke-dasharray:4 7}.node{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff;border:1px solid #e3eaeb;box-shadow:0 12px 36px rgba(32,43,53,.08);border-radius:50%;color:#63747b}.node-main{width:142px;height:142px;background:var(--graphite);border:6px solid #fff;box-shadow:0 0 0 1px #d7e2e4,0 20px 48px rgba(32,43,53,.14);color:#fff}.node-icon svg{width:44px;stroke:var(--cyan);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.node-caption{font:500 14px var(--display);margin-top:2px}.node-a{width:77px;height:77px;left:8%;top:57%;font-size:10px}.node-b{width:68px;height:68px;left:39%;top:2%;font-size:9px}.node-c{width:84px;height:84px;right:5%;top:21%;font-size:10px}.node-d{width:69px;height:69px;right:22%;bottom:1%;font-size:9px}.node-mini{font:600 10px var(--display);color:#32aab7;margin-bottom:1px}.art-tag{position:absolute;right:0;bottom:19%;display:flex;align-items:center;gap:8px;padding:9px 12px;background:#fff;border:1px solid #e5ebed;border-radius:2px;box-shadow:0 8px 22px #202b3510;color:#65757b;font-size:9px}.tag-pulse{width:5px;height:5px;border-radius:50%;background:var(--apricot)}.art-plus{position:absolute;color:#75c7cf;font-size:18px;font-weight:300}.plus-one{top:12%;right:21%}.plus-two{left:14%;bottom:12%;color:#d7a27e}.hero-bottom{display:flex;align-items:center;gap:18px;color:#98a4a8;font-size:9px;letter-spacing:.05em}.hero-bottom-line{height:1px;flex:1;background:var(--silver)}.hero-bottom a{color:#75858b}.hero-bottom a span{color:#2ea4b0;margin-left:8px}.about{padding:125px 0 133px;background:#fff}.about-grid{display:grid;grid-template-columns:.62fr 1.4fr .65fr;gap:56px;align-items:start}.section-index{color:#94a1a6;font-size:10px;letter-spacing:.08em}.index-mark{margin-top:54px;font:500 65px/.9 var(--display);color:#e2ecee;letter-spacing:-.08em}.index-mark span{color:var(--apricot)}.about-copy .eyebrow{margin-bottom:13px}.about h2,.section-heading h2,.process h2,.values h2{font-size:clamp(35px,4.1vw,52px);line-height:1.35;margin-bottom:22px}.about h2 .highlight,.section-heading h2 .highlight,.process h2 .highlight,.values h2 .highlight{color:#32a4b1}.body-copy{font-size:13px;line-height:2.15;color:#78858b;max-width:600px;margin-bottom:15px}.underlined{display:inline-block;border-bottom:1px solid #cfdadc;padding-bottom:5px;margin-top:14px}.about-aside{align-self:end;margin-top:125px;padding:20px 0 5px 23px;border-left:1px solid #e3eaeb}.aside-number{font:500 11px var(--display);color:#8c9ba0;letter-spacing:.12em}.aside-number span{margin:0 7px;color:var(--apricot)}.about-aside p{font:500 13px/1.8 var(--display);margin:23px 0;color:#53656c}.about-aside svg{width:100%;height:auto;overflow:visible}.about-aside svg path{fill:none;stroke:#a7dce0;stroke-width:1.5}.about-aside svg circle{fill:var(--apricot)}.services{padding:120px 0 98px;background:var(--cloud)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:52px}.section-heading h2{margin:0}.heading-note{font-size:12px;line-height:2;color:#8a989d;margin:0 4% 6px 0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dfe7e9;border-left:1px solid #dfe7e9}.service-card{min-height:240px;position:relative;padding:25px 28px 25px 29px;border-right:1px solid #dfe7e9;border-bottom:1px solid #dfe7e9;transition:background .25s,transform .25s}.service-card:hover{background:#fff;transform:translateY(-3px)}.card-number{position:absolute;right:25px;top:25px;font:500 10px var(--display);color:#a1afb3}.service-icon{width:43px;height:43px;display:grid;place-items:center;background:#e5f1f2;border-radius:50%;margin-bottom:20px}.service-icon svg{width:25px;height:25px;stroke:#249eaa;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.service-card h3{font:500 16px var(--display);margin-bottom:8px}.service-card p{max-width:275px;color:#87949a;font-size:11px;line-height:1.9;margin:0}.card-arrow{position:absolute;right:24px;bottom:22px;color:#a6b5b9;font-size:16px}.service-footnote{text-align:right;margin:15px 0 0;color:#99a5a9;font-size:10px}.process{padding:125px 0;background:#fff;overflow:hidden}.process-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:105px;align-items:center}.process-intro h2{margin:0 0 20px}.process-intro>p:last-child{max-width:370px;color:#819096;font-size:13px;line-height:2}.steps{position:relative;padding:0 0 0 37px}.step-line{position:absolute;left:13px;top:18px;bottom:30px;width:1px;background:linear-gradient(var(--cyan),#dfe8e9)}.step{min-height:94px;position:relative;display:grid;grid-template-columns:52px 1fr;align-items:start;border-bottom:1px solid #edf0f1;padding:14px 0}.step:last-child{border-bottom:0}.step-count{font:500 11px var(--display);color:#56b5be;padding-top:4px}.step h3{font:500 15px var(--display);margin:0 0 4px}.step p{font-size:11px;color:#8a989d;margin:0}.step-dot{position:absolute;left:-30px;top:19px;width:8px;height:8px;border-radius:50%;border:2px solid #fff;background:var(--cyan);box-shadow:0 0 0 1px #8ed1d6}.values{padding:115px 0 130px;background:#eaf3f4}.values-heading{text-align:center;margin-bottom:55px}.values-heading .eyebrow{justify-content:center}.values h2{margin:0}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d5e3e5;border-bottom:1px solid #d5e3e5}.value-card{min-height:215px;position:relative;padding:32px 25px 24px;border-right:1px solid #d5e3e5}.value-card:first-child{border-left:1px solid #d5e3e5}.value-index{position:absolute;right:22px;top:28px;font:500 10px var(--display);color:#91a6aa}.value-symbol{display:block;font:300 30px/1 var(--display);color:#34a9b5;margin-bottom:25px}.value-card h3{font:500 15px var(--display);margin:0 0 8px}.value-card p{font-size:11px;line-height:1.9;color:#829398;margin:0}.contact{padding:105px 0 112px;overflow:hidden;background:var(--graphite);color:#fff}.contact-inner{position:relative;z-index:1;text-align:center}.contact-label{display:flex;align-items:center;justify-content:center;gap:12px;color:#a6bac0;font-size:11px;margin-bottom:23px}.contact h2{font-size:clamp(34px,4.3vw,54px);line-height:1.4;margin:0 0 15px}.contact h2 span{color:#70cbd1}.contact-inner>p{font-size:12px;line-height:2;color:#a9b7bd;margin-bottom:22px}.contact-email{display:block;width:max-content;max-width:100%;margin:0 auto 24px;font:500 clamp(17px,2.5vw,23px) var(--display);color:#eaf4f5;border-bottom:1px solid #52656c;padding-bottom:8px}.contact-email span{color:var(--cyan);font-size:16px;margin-left:10px}.button-light{background:var(--ice);color:var(--graphite);padding-inline:25px}.button-light:hover{background:#fff}.contact-decoration{position:absolute;inset:0;opacity:.8}.contact-decoration>span{position:absolute;border:1px solid rgba(66,184,197,.13);border-radius:50%}.contact-decoration>span:nth-child(1){width:360px;height:360px;left:-130px;top:-170px}.contact-decoration>span:nth-child(2){width:290px;height:290px;left:-95px;top:-135px}.contact-decoration>span:nth-child(3){width:390px;height:390px;right:-180px;bottom:-250px;border-color:rgba(231,169,130,.14)}.contact-decoration>span:nth-child(4){width:300px;height:300px;right:-135px;bottom:-205px;border-color:rgba(231,169,130,.13)}.contact-decoration svg{position:absolute;width:min(55%,680px);right:0;top:0;height:100%;opacity:.42}.contact-decoration svg path{fill:none;stroke:#42b8c5;stroke-width:1}.site-footer{background:#19232b;color:#dbe4e6}.footer-main{position:relative;display:grid;grid-template-columns:1.6fr .8fr 1.2fr;gap:50px;padding-top:57px;padding-bottom:48px}.brand-footer .brand-mark{background:#293842}.brand-footer .brand-name{color:#f3f7f7}.footer-brand p{font-size:11px;color:#819198;margin:14px 0 0}.footer-nav,.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-title{font-size:10px;color:#8b9ba1;margin-bottom:5px}.footer-nav a,.footer-contact>a{font-size:11px;color:#bdc9cc;transition:color .2s}.footer-nav a:hover,.footer-contact>a:hover{color:var(--cyan)}.footer-contact>a span{color:var(--cyan);margin-left:5px}.footer-caption{font-size:10px;color:#718188;margin-top:1px}.back-top{position:absolute;right:0;top:56px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #38474e;border-radius:50%;color:#b7c4c8;transition:.2s}.back-top:hover{background:var(--cyan);border-color:var(--cyan);color:var(--graphite)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:17px 0 22px;border-top:1px solid #2c3940;color:#718087;font-size:9px}.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}:focus-visible{outline:2px solid #2ca2af;outline-offset:4px}@media(max-width:1000px){.wrap{width:min(var(--wrap),calc(100% - 48px))}.header-inner{gap:18px}.primary-nav{gap:17px}.primary-nav a{font-size:11px}.hero-grid{gap:10px}.hero-art{transform:scale(.92)}.about-grid{grid-template-columns:.4fr 1.4fr .7fr;gap:32px}.process-grid{gap:58px}}@media(max-width:760px){html{scroll-padding-top:72px}.wrap{width:calc(100% - 40px)}.site-header{height:70px}.header-inner{gap:0}.brand-mark{width:35px;height:35px}.brand-name{font-size:19px}.header-cta{margin-left:auto;margin-right:15px;font-size:10px;padding:8px 11px}.menu-toggle{width:38px;height:38px;border:1px solid #dbe4e5;background:transparent;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.menu-toggle span{width:16px;height:1px;background:var(--graphite);transition:.2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.primary-nav{position:absolute;top:69px;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 16px;background:var(--cloud);border-bottom:1px solid var(--silver);box-shadow:0 14px 18px #202b350e;visibility:hidden;opacity:0;transform:translateY(-8px);transition:.2s}.primary-nav.is-open{visibility:visible;opacity:1;transform:none}.primary-nav a{padding:11px 3px;border-bottom:1px solid #e9eeef;font-size:12px}.primary-nav a:last-child{border:0}.hero{padding:70px 0 20px}.hero-grid{grid-template-columns:1fr;gap:14px}.hero-copy{max-width:600px}.hero h1{font-size:clamp(42px,9vw,62px)}.hero-text{max-width:520px}.hero-note{margin-top:30px}.hero-art{height:390px;max-width:530px;width:100%;margin:0 auto;transform:none}.orbit-one{width:75%;height:56%}.orbit-two{width:67%;height:68%}.orbit-three{width:53%;height:82%}.node-main{width:126px;height:126px}.node-a{left:8%;top:56%}.node-b{left:38%;top:0}.node-c{right:4%;top:19%}.node-d{right:18%;bottom:0}.art-tag{right:0;bottom:20%}.hero-bottom{font-size:8px}.about{padding:85px 0}.about-grid{grid-template-columns:1fr;gap:20px}.section-index{display:flex;align-items:center;gap:16px}.index-mark{font-size:30px;margin:0}.about-aside{display:none}.about h2,.section-heading h2,.process h2,.values h2{font-size:clamp(35px,7.5vw,48px)}.services{padding:86px 0 68px}.section-heading{align-items:start;gap:16px}.heading-note{font-size:10px;margin:36px 0 0;text-align:right}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:220px;padding:23px 20px}.process{padding:88px 0}.process-grid{grid-template-columns:1fr;gap:28px}.process-intro>p:last-child{max-width:480px}.steps{margin-left:10px}.values{padding:85px 0 95px}.values-grid{grid-template-columns:repeat(2,1fr)}.value-card{min-height:190px;border-bottom:1px solid #d5e3e5;padding:25px 20px}.value-card:nth-child(3){border-left:1px solid #d5e3e5}.contact{padding:85px 0}.contact h2{font-size:clamp(32px,7vw,47px)}.desktop-only{display:none}.footer-main{grid-template-columns:1fr 1fr;gap:34px 25px;padding-top:42px;padding-bottom:35px}.footer-brand{grid-column:1/-1}.footer-contact{padding-right:35px}.back-top{top:42px}.footer-bottom{font-size:8px}}@media(max-width:460px){.wrap{width:calc(100% - 34px)}.header-cta{font-size:9px;margin-right:9px;padding:7px 8px}.header-cta span{margin-left:3px}.hero{padding-top:58px}.hero h1{font-size:40px}.hero-lead{font-size:16px}.hero-text{font-size:12px}.hero-actions{gap:18px}.button{height:45px;padding:0 16px}.hero-art{height:315px;margin-top:12px}.node-main{width:108px;height:108px}.node-icon svg{width:37px}.node-caption{font-size:12px}.node-a{width:64px;height:64px}.node-b,.node-d{width:58px;height:58px}.node-c{width:70px;height:70px}.node-label{font-size:8px}.art-tag{font-size:8px;padding:7px 8px}.hero-bottom{gap:10px;font-size:7px}.about{padding:68px 0}.about h2,.section-heading h2,.process h2,.values h2{font-size:35px}.body-copy{font-size:12px}.services{padding:68px 0 54px}.section-heading{display:block;margin-bottom:31px}.heading-note{text-align:left;margin:12px 0 0}.service-grid{grid-template-columns:1fr}.service-card{min-height:184px;padding:21px 22px}.service-icon{margin-bottom:13px}.service-card p{max-width:300px}.service-footnote{text-align:left;font-size:9px}.process{padding:68px 0}.step{grid-template-columns:42px 1fr;min-height:86px}.step h3{font-size:13px}.step p{font-size:10px}.values{padding:67px 0 75px}.values-heading{margin-bottom:32px}.values-grid{grid-template-columns:1fr 1fr}.value-card{min-height:174px;padding:21px 14px}.value-symbol{margin-bottom:20px}.value-card h3{font-size:12px}.value-card p{font-size:9px}.value-index{right:12px;top:20px}.contact{padding:70px 0}.contact h2{font-size:31px}.contact-inner>p{font-size:11px}.contact-email{font-size:16px}.footer-main{gap:26px 15px}.footer-brand p{font-size:10px}.footer-contact>a{font-size:10px;overflow-wrap:anywhere}.footer-bottom{align-items:flex-start;flex-direction:column;gap:3px}.back-top{width:31px;height:31px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}