@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-thai-thai-wght-normal-CtQSZ1tK.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}:root{color:#010d40;font-synthesis:none;--bg:#fff;--line:#e1e6ef;--muted:#606b80;--blue:#0242fd;--header-height:84px;--section-space:clamp(88px,10vw,152px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 20px);background:#fff;font-family:Manrope Variable,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button,input{font-size:16px}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline-offset:6px;outline:2px solid #a7c2ff}::selection{color:#fff;background:#416cff}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}button{color:inherit}em{color:#0242fd;font-family:Georgia,Times New Roman,serif;font-weight:400}section[id]{scroll-margin-top:0}.skip-link{color:#050608;z-index:100;background:#fff;padding:14px 20px;position:fixed;top:12px;left:20px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{height:var(--header-height);z-index:30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff0;border-bottom:1px solid #e9edf4;justify-content:space-between;align-items:center;gap:24px;padding:0 4%;display:flex;position:sticky;top:0}.brand{flex-shrink:0;align-items:center;gap:15px;display:flex}.brand-tile{background:#fff;border-radius:5px;width:48px;height:48px;padding:5px;display:block}.brand-tile img{object-fit:contain;width:100%;height:100%}.brand-name{letter-spacing:.14em;font-size:12px;font-weight:600}.brand-name>span{color:#647086;margin-left:4px;font-size:9px}.desktop-nav{align-items:center;gap:32px;margin-left:auto;margin-right:36px;display:flex}.desktop-nav a{color:#556178;font-size:12px;transition:color .2s}.desktop-nav a:hover{color:#0242fd}.header-actions{align-items:center;gap:24px;display:flex}.language-switch{color:#515867;align-items:center;gap:5px;display:flex}.language-switch button{color:#6b7486;background:0 0;border:0;min-width:27px;min-height:44px;padding:10px 4px;font-size:11px}.language-switch button[aria-pressed=true]{color:#0242fd}.language-switch button[lang=th]{font-family:Noto Sans Thai Variable,sans-serif}.button{color:#fff;background:#0242fd;border:0;border-radius:99px;justify-content:center;align-items:center;gap:30px;min-height:56px;padding:18px 29px;font-size:13px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:#010d40;transform:translateY(-2px)}.button-small{gap:18px;min-height:45px;padding:13px 22px;font-size:11px}.menu-toggle,.mobile-nav[hidden]{display:none}.eyebrow,.form-label{letter-spacing:.18em;color:#637089;font-family:Manrope Variable,sans-serif;font-size:10px;font-weight:500;line-height:1.7}.hero{height:calc(285svh - var(--header-height));position:relative}.hero-stage{height:calc(100svh - var(--header-height));min-height:570px;top:var(--header-height);isolation:isolate;--story-progress:0;--word-opacity:1;--word-offset:0px;--chapter-opacity:0;--chapter-offset:24px;position:sticky;overflow:hidden}.hero-atmosphere{z-index:-1;background:#fff;position:absolute;inset:0}.scene{z-index:1;touch-action:pan-y;position:absolute;inset:0}.scene canvas{width:100%;height:100%;display:block}.hero-poster{object-fit:contain;opacity:1;width:100%;height:84%;transition:opacity .3s;position:absolute;inset:1% 0 15%}.hero-stage[data-ready=true] .hero-poster{opacity:0}.hero-meta{z-index:4;justify-content:space-between;align-items:center;gap:15px;display:flex;position:absolute;top:30px;left:4%;right:4%}.form-label{letter-spacing:.16em;font-size:9px}.hero-wordmark{z-index:2;pointer-events:none;text-align:center;opacity:var(--word-opacity);transform:translateY(var(--word-offset));position:absolute;bottom:clamp(85px,11svh,125px);left:4%;right:4%}.hero h1{letter-spacing:-.075em;white-space:nowrap;font-size:clamp(82px,15.7vw,230px);font-weight:500;line-height:.85}.wordmark-dot{color:#0242fd;margin-left:.02em;font-size:.7em}.hero-status{letter-spacing:.18em;color:#5c6b84;justify-content:center;align-items:center;gap:9px;margin-bottom:25px;font-size:9px;line-height:1.6;display:flex}.status-dot{background:#0242fd;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.hero-chapter{z-index:3;pointer-events:none;max-width:42%;opacity:var(--chapter-opacity);transform:translateY(var(--chapter-offset));position:absolute;top:35%;left:7%}.hero-chapter>.eyebrow{margin-bottom:25px;display:block}.hero-chapter>p{letter-spacing:-.065em;font-size:clamp(50px,6.5vw,98px);font-weight:400;line-height:1.02}.hero-chapter em{color:#0242fd}.hero-bottom{z-index:5;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;bottom:30px;left:4%;right:4%}.scroll-cue{letter-spacing:.15em;color:#55647d;align-items:center;gap:15px;min-height:44px;font-size:9px;display:flex}.scroll-line{background:#637089;width:30px;height:1px}.motion-toggle{color:#445675;background:#ffffffdc;border:1px solid #d5deed;border-radius:30px;align-items:center;gap:9px;min-height:44px;padding:12px 16px;font-size:10px;display:flex}.motion-toggle:hover{border-color:#8290aa}.motion-icon{border-left:2px solid;border-right:2px solid;width:8px;height:9px}.is-paused .motion-icon{border:4px solid #0000;border-left:6px solid;border-right:0;width:0;height:0}.hero-progress{z-index:5;background:#e9edf4;height:1px;position:absolute;bottom:0;left:0;right:0}.hero-progress>span{transform-origin:0;height:1px;transform:scaleX(var(--story-progress));will-change:transform;background:#0242fd;display:block}.section-shell{max-width:1600px;padding:var(--section-space) 7%;margin:0 auto}.vision{text-align:center;isolation:isolate;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.vision .eyebrow{margin-bottom:36px}.vision h2{letter-spacing:-.065em;font-size:clamp(42px,6.4vw,94px);font-weight:400;line-height:1.11}.vision-description{color:var(--muted);max-width:540px;margin:32px auto 28px;font-size:16px;line-height:1.9}.text-link{color:#010d40;border-bottom:1px solid #b1bfd6;justify-content:space-between;align-items:center;gap:32px;min-height:44px;padding:12px 0;font-size:12px;line-height:1.6;transition:color .2s,border-color .2s;display:inline-flex}.text-link:hover{color:#0242fd;border-color:#0242fd}.vision-orbit{pointer-events:none;z-index:-1;border:1px solid #34569038;border-radius:50%;width:70%;height:350px;position:absolute;bottom:-220px;left:15%;box-shadow:0 -20px 130px #2457f50d}.building{border-bottom:1px solid var(--line)}.section-heading{justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:65px;display:flex}.section-heading .eyebrow{margin-bottom:28px}.section-heading h2,.expertise h2{letter-spacing:-.055em;font-size:clamp(42px,5.1vw,74px);font-weight:400;line-height:1.06}.section-description{max-width:340px;color:var(--muted);padding-bottom:4px;font-size:14px;line-height:1.85}.product-grid{grid-template-columns:1fr 1fr;gap:34px;display:grid}.product-art{background:#f7f9ff;border:1px solid #e1e7f2;height:clamp(280px,29vw,430px);position:relative;overflow:hidden}.product-art-one{background:radial-gradient(#e2edff,#f7f9ff 67%)}.product-art-two{background:radial-gradient(at 52% 40%,#dce8ff,#f7f9ff 65%)}.art-cross{color:#627086;font:14px monospace;position:absolute}.cross-one{top:17px;left:18px}.cross-two{bottom:17px;right:18px}.art-code{letter-spacing:.14em;color:#5e7294;font-size:8px;position:absolute;bottom:20px;left:20px}.product-ellipse{aspect-ratio:1/1.2;background:linear-gradient(35deg,#080e1d,#0a184d) padding-box padding-box,conic-gradient(from 210deg,#02050c,#0731be 16%,#bfdfff 26%,#162ed4 38%,#040913 56%,#a4bdff 66%,#0b1c49 85%,#02050c) border-box;border:clamp(19px,3.2vw,48px) solid #0000;border-radius:47%;width:45%;position:absolute;top:45%;left:50%;box-shadow:inset 4px 2px 18px #7898f51c,9px 19px 36px #0006}.ellipse-back{opacity:.65;transform:translate(-67%,-49%)rotate(-40deg)}.ellipse-front{filter:brightness(1.12);transform:translate(-32%,-48%)rotate(33deg)}.platform-field{width:51%;height:45%;transform-style:preserve-3d;position:absolute;top:21%;left:25%;transform:perspective(700px)rotateX(53deg)rotate(-35deg)}.platform-field span{background:linear-gradient(145deg,#6797fa48,#071b65bf 55%,#072181);border:1px solid #9fb7ff77;border-radius:15px;position:absolute;inset:0;box-shadow:1px 1px #a5c0ff48,0 10px 25px #0006}.platform-field span:first-child{transform:translateZ(-60px)}.platform-field span:nth-child(2){transform:translateZ(-30px)}.platform-field span:nth-child(3){transform:translateZ(0)}.platform-field span:nth-child(4){transform:translateZ(30px)}.platform-field span:nth-child(5){background:linear-gradient(135deg,#9dc5ffb3,#2b55e099 40%,#07124a);border-color:#b6d0ff99;transform:translateZ(60px)}.product-caption{justify-content:space-between;align-items:center;gap:18px;margin:25px 0 12px;display:flex}.product-caption>div{align-items:baseline;gap:13px;display:flex}.product-number{color:#687c9d;font-size:9px}.product-caption h3{letter-spacing:-.04em;font-size:21px;font-weight:500}.development-label{color:#586d8c;white-space:nowrap;align-items:center;gap:7px;font-size:9px;display:flex}.product-panel>p{color:var(--muted);max-width:420px;font-size:13px;line-height:1.85}.building-note{border-top:1px solid var(--line);color:#576982;align-items:center;gap:10px;margin-top:42px;padding-top:35px;font-size:11px;line-height:1.7;display:flex}.building-note a{color:#0242fd;white-space:nowrap;margin-left:auto;padding:10px 0}.building-note a:hover{color:#0242fd}.expertise{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12%;display:grid}.expertise-heading .eyebrow{margin-bottom:26px}.expertise-heading>p:not(.eyebrow){color:var(--muted);max-width:340px;margin:28px 0 18px;font-size:14px;line-height:1.85}.service-row{border-top:1px solid #e1e6ef;gap:25px;padding:30px 0;display:flex}.service-row:first-child{padding-top:20px}.service-row>span{color:#657a9f;padding-top:9px;font-size:9px}.service-row h3{letter-spacing:-.04em;margin-bottom:12px;font-size:23px;font-weight:500}.service-row p{color:var(--muted);max-width:345px;font-size:13px;line-height:1.85}.connect{text-align:center;padding-top:calc(var(--section-space) + 10px);padding-bottom:calc(var(--section-space) + 10px);background:#fff}.connect .eyebrow{margin-bottom:42px}.connect h2{letter-spacing:-.06em;font-size:clamp(54px,8.1vw,120px);font-weight:400;line-height:1.03;display:inline-block;position:relative}.connect h2 em{color:#0242fd}.connect-star{color:#6185fa;font:50px Georgia;position:absolute;top:6px;right:-70px;transform:rotate(-12deg)}.connect-body{max-width:445px;color:var(--muted);margin:30px auto;font-size:14px;line-height:1.85}.connect-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;display:flex}.contact-address{color:#566b8a;margin-top:26px;padding:8px;font-size:12px;line-height:1.8;display:inline-block}.contact-address:hover{color:#0242fd}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:30px 4%;display:flex}.footer-brand{letter-spacing:.07em;font-size:13px;font-weight:600}.footer-brand>span{color:#7c879b;font-size:9px;font-weight:400}.footer-copy{color:#6f7a8e;letter-spacing:.05em;font-size:9px}.back-top{color:#566981;align-items:center;gap:18px;min-height:44px;font-size:10px;display:flex}.noscript-message{color:#566981;text-align:center;padding:20px;font-size:13px}html[lang=th]{font-family:Noto Sans Thai Variable,Manrope Variable,sans-serif}html[lang=th] .eyebrow,html[lang=th] .form-label{letter-spacing:.05em;font-family:inherit}html[lang=th] em{font-family:inherit;font-style:normal}html[lang=th] .hero h1,html[lang=th] .brand,html[lang=th] .footer-brand{font-family:Manrope Variable,sans-serif}html[lang=th] .hero-status{letter-spacing:.045em}html[lang=th] .hero-chapter>p{letter-spacing:-.035em;font-size:clamp(45px,6.2vw,88px);line-height:1.25}html[lang=th] .vision h2{letter-spacing:-.035em;font-size:clamp(36px,5.2vw,74px);line-height:1.35}html[lang=th] .section-heading h2,html[lang=th] .expertise h2{letter-spacing:-.035em;font-size:clamp(35px,4.4vw,63px);line-height:1.3}html[lang=th] .connect h2{letter-spacing:-.035em;font-size:clamp(43px,7vw,95px);line-height:1.3}html[lang=th] .product-caption h3{letter-spacing:-.02em;font-size:19px}html[lang=th] .product-caption{flex-direction:column;align-items:flex-start;gap:7px}html[lang=th] .service-row h3{letter-spacing:-.02em;font-size:22px}@media (width>=1600px){.hero-stage .hero-meta,.hero-stage .hero-bottom{left:max(4%,50vw - 736px);right:max(4%,50vw - 736px)}.hero-wordmark h1{font-size:230px}}@media (width<=1050px){.desktop-nav{gap:22px;margin-right:15px}.header-actions{gap:15px}.brand-name{font-size:10px}.product-caption{flex-direction:column;align-items:flex-start;gap:10px}.expertise{gap:8%}.connect-star{font-size:38px;right:-47px}}@media (width<=760px){:root{--header-height:74px;--section-space:76px}.site-header{gap:12px;padding:0 5%}.brand-name,.desktop-nav,.header-contact{display:none}.brand-tile{width:43px;height:43px}.header-actions{gap:20px}.language-switch{gap:8px}.language-switch button{min-width:32px;font-size:12px}.menu-toggle{background:0 0;border:1px solid #d5deed;border-radius:50%;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:12px;display:flex}.menu-toggle span{background:#010d40;width:18px;height:1px;transition:transform .2s;display:block}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.mobile-nav{top:var(--header-height);background:#fff;border-bottom:1px solid #e1e6ef;flex-direction:column;gap:3px;padding:15px 6% 25px;display:flex;position:absolute;left:0;right:0;box-shadow:0 20px 40px #010d400d}.mobile-nav a{color:#010d40;padding:14px 0;font-size:17px}.hero{height:calc(260svh - var(--header-height))}.hero-stage{min-height:540px}.hero-meta{align-items:flex-start;top:23px;left:6%;right:6%}.hero-meta .eyebrow{max-width:65%;font-size:8px}.form-label{font-size:8px}.hero-wordmark{bottom:116px;left:5%;right:5%}.hero h1{font-size:16.2vw}.hero-status{letter-spacing:.12em;margin-bottom:17px;font-size:7px}.hero-bottom{gap:12px;bottom:27px;left:6%;right:6%}.scroll-cue{letter-spacing:.1em;gap:8px;font-size:8px}.scroll-line{width:16px}.motion-toggle{gap:7px;min-height:44px;padding:11px 12px;font-size:9px}.hero-chapter{max-width:90%;top:auto;bottom:108px;left:6%}.hero-chapter>.eyebrow{margin-bottom:14px;font-size:8px}.hero-chapter>p{font-size:clamp(39px,9.6vw,70px)}.section-shell{padding-left:6%;padding-right:6%}.vision .eyebrow{margin-bottom:26px}.vision h2{letter-spacing:-.05em;font-size:clamp(32px,6.7vw,52px)}.vision-description{margin-top:26px;font-size:14px;line-height:1.9}.text-link{gap:25px;font-size:11px}.section-heading{margin-bottom:38px;display:block}.section-description{max-width:440px;margin-top:26px;font-size:13px}.section-heading h2,.expertise h2{font-size:45px}.section-heading .eyebrow{margin-bottom:22px}.product-grid{grid-template-columns:1fr;gap:43px}.product-art{height:clamp(290px,75vw,480px)}.product-ellipse{border-width:36px}.product-caption{flex-direction:row;align-items:center;gap:10px;margin-top:21px}.product-caption h3{font-size:21px}.development-label{font-size:8px}.product-panel>p{max-width:100%}.building-note{flex-wrap:wrap;margin-top:34px;padding-top:25px;font-size:10px}.building-note a{margin-left:15px}.expertise{grid-template-columns:1fr;gap:35px}.expertise-heading>p:not(.eyebrow){max-width:420px;font-size:13px}.service-row{padding:25px 0}.service-row h3{font-size:22px}.service-row p{max-width:450px}.connect .eyebrow{margin-bottom:30px;font-size:8px}.connect h2{font-size:clamp(49px,10.5vw,75px)}.connect-star{font-size:28px;top:0;right:-32px}.connect-body{max-width:350px;font-size:13px}.connect-actions{gap:18px}.button{min-height:54px;padding:17px 25px;font-size:12px}.contact-address{font-size:11px}.site-footer{flex-wrap:wrap;gap:10px;padding:25px 6%}.footer-brand{font-size:11px}.footer-copy{order:3;width:100%;font-size:8px}.back-top{font-size:9px}html[lang=th] .hero-chapter>p{font-size:clamp(35px,8vw,56px)}html[lang=th] .hero-status{font-size:8px}html[lang=th] .vision h2{font-size:clamp(28px,6.4vw,47px)}html[lang=th] .connect h2{font-size:clamp(38px,8.5vw,63px)}html[lang=th] .motion-toggle{font-size:8px}html[lang=th] .connect-star{font-size:23px;right:-24px}}@media (width<=380px){.hero-status{letter-spacing:.07em;font-size:6.5px}.scroll-line{display:none}.product-caption{flex-direction:column;align-items:flex-start;gap:8px}.connect-star{display:none}.footer-brand{font-size:10px}.hero-meta .eyebrow{font-size:7px}.hero-bottom{left:5%;right:5%}.scroll-cue{font-size:7px}.motion-toggle{padding:10px;font-size:8px}.hero-stage{min-height:520px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.hero{height:calc(100svh - var(--header-height));min-height:570px}.hero-stage{position:relative;top:0}.hero-chapter{display:none}.hero-wordmark{opacity:1!important;transform:none!important}.hero-progress{display:none}}.scene-unavailable .hero{height:calc(100svh - var(--header-height));min-height:570px}.scene-unavailable .hero-stage{position:relative;top:0}.scene-unavailable .hero-chapter{display:none}.scene-unavailable .hero-wordmark{opacity:1!important;transform:none!important}.scene-unavailable .hero-progress{display:none}.formation-anchor{top:calc(100% - 100svh + var(--header-height));pointer-events:none;width:1px;height:1px;position:absolute}.hero-poster{height:65%;inset:5% 0 25%}.hero-wordmark{color:#010d40}.hero-status{background:#ffffffd9;border-radius:30px;width:fit-content;margin-left:auto;margin-right:auto;padding:6px 12px}html[lang=th] .hero-chapter>p{font-size:clamp(37px,5vw,76px)}@media (width<=760px){.hero-chapter{max-width:90%}.hero-poster{height:58%;inset:5% 0 30%}html[lang=th] .hero-chapter>p{font-size:clamp(32px,8vw,56px)}}@media (prefers-reduced-motion:reduce){.formation-anchor{display:none}}