:root{--bg:#05070a;--panel:#0a0e13;--line:rgba(143,176,210,.17);--text:#edf5ff;--muted:#8996a6;--blue:#1688ff;--cyan:#42d8ff;--lime:#b9ff39;--sans:"IBM Plex Sans Thai",Arial,sans-serif;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--lime);color:#05070a}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(22,136,255,.12),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;z-index:1}#network{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.32}.progress{position:fixed;right:18px;top:50%;height:130px;width:1px;background:#27303a;z-index:30}.progress i{display:block;background:var(--lime);height:0;width:1px}.loader{position:fixed;inset:0;z-index:100;background:#05070a;display:grid;place-content:center;justify-items:center;transition:clip-path 1.1s cubic-bezier(.75,0,.15,1);clip-path:inset(0)}.loader.done{clip-path:inset(0 0 100% 0);pointer-events:none}.loader__mark{font:500 3rem var(--mono);letter-spacing:-.12em;position:relative}.loader__mark i{position:absolute;width:9px;height:9px;background:var(--lime);border-radius:50%;right:-22px;top:4px;animation:blink .65s infinite}.loader__line{width:220px;height:1px;background:#17202a;margin:28px 0 14px}.loader__line b{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--lime));animation:load 1.3s ease both}.loader p,.eyebrow,.section-tag{font:500 10px var(--mono);letter-spacing:.16em;color:#a7b2bf}.nav{position:fixed;top:0;left:0;right:0;height:88px;padding:0 3.6vw;display:flex;align-items:center;justify-content:space-between;z-index:50;border-bottom:1px solid transparent;transition:.3s}.nav.scrolled{height:68px;background:rgba(5,7,10,.82);backdrop-filter:blur(15px);border-color:var(--line)}.brand{display:flex;align-items:center;gap:11px;font:500 10px/1.1 var(--mono);letter-spacing:.12em}.brand__cube{display:grid;place-items:center;width:32px;height:32px;color:#05070a;background:var(--lime);font-size:11px}.nav__links{display:flex;gap:40px;font:400 11px var(--mono);text-transform:uppercase}.nav__links a{position:relative;color:#c1cad5}.nav__links a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--lime);transition:.35s}.nav__links a:hover:after{right:0}.nav__contact{border:1px solid #495461;padding:11px 15px;font:500 10px var(--mono);text-transform:uppercase;display:flex;gap:22px}.nav__contact span,.live{color:var(--lime)}.menu-btn,.menu-panel{display:none}
.hero{min-height:100svh;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero__media{position:absolute;inset:-6%;will-change:transform}.hero__media img{width:100%;height:100%;object-fit:cover}.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,8,.96),rgba(3,5,8,.68) 35%,rgba(3,5,8,.06) 72%),linear-gradient(0deg,rgba(3,5,8,.72),transparent 42%)}.hero__hud{position:absolute;right:3.6vw;top:110px;display:flex;gap:22px;font:9px var(--mono);letter-spacing:.1em;color:#8190a0}.live i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px var(--lime);margin-right:6px;animation:blink 1s infinite}.hero__copy{position:relative;z-index:2;min-height:100svh;padding:21vh 3.6vw 6vh;display:flex;flex-direction:column}.hero h1{font:500 clamp(3.35rem,7.3vw,8.5rem)/.83 var(--sans);letter-spacing:-.065em;margin:25px 0 0;max-width:1200px;text-transform:uppercase}.hero h1 span{display:block;transform:translateY(115%);opacity:0}.loaded .hero h1 span{animation:titleIn 1s cubic-bezier(.2,.8,.2,1) forwards}.loaded .hero h1 span:nth-child(2){animation-delay:.12s}.loaded .hero h1 span:nth-child(3){animation-delay:.24s}.hero h1 .accent{color:transparent;-webkit-text-stroke:1px rgba(237,245,255,.78)}.hero__bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:end;max-width:800px}.hero__bottom p{font-size:14px;line-height:1.8;color:#b4c0cd;margin:0}.orb-link{width:110px;height:110px;border:1px solid rgba(185,255,57,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;font:9px/1.4 var(--mono);letter-spacing:.1em;color:var(--lime);transition:.35s}.orb-link i{position:absolute;right:17px;bottom:18px;font-style:normal}.orb-link:hover{background:var(--lime);color:#05070a;box-shadow:0 0 55px rgba(185,255,57,.22);transform:scale(1.06)}.scan{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0,rgba(66,216,255,.11) 49%,rgba(66,216,255,.5) 50%,transparent 51%);background-size:100% 35%;animation:scan 7s linear infinite;opacity:.5}.ticker{height:52px;overflow:hidden;border-bottom:1px solid var(--line);display:flex;align-items:center;position:relative;z-index:2;background:#070a0e}.ticker div{white-space:nowrap;font:500 10px var(--mono);letter-spacing:.18em;color:#a5afba;animation:ticker 35s linear infinite}.ticker b{color:var(--lime);padding:0 35px}
.section{position:relative;z-index:2;padding:120px 3.6vw;border-bottom:1px solid var(--line);background:rgba(5,7,10,.93)}.section-tag{display:flex;gap:18px;align-items:center;margin-bottom:70px}.section-tag span{color:var(--lime)}.intro__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;align-items:start}.intro h2,.solutions h2,.works h2,.contact h2{font:500 clamp(2.8rem,5.4vw,6.6rem)/.93 var(--sans);letter-spacing:-.06em;margin:0;text-transform:uppercase}.section h2 em{font-style:normal;color:var(--blue)}.intro__body>p{margin:8px 0 70px;color:#aab5c2;line-height:1.9;font-size:16px;max-width:560px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metrics div{padding:22px 0;border-top:1px solid #33404d}.metrics strong{font:400 2.2rem var(--mono);display:block;margin-bottom:10px}.metrics span{font:9px var(--mono);letter-spacing:.1em;color:#748292}.solutions{background:linear-gradient(140deg,#05070a,#080d14)}.solutions__head,.works__head{display:flex;justify-content:space-between;align-items:end;margin-bottom:85px}.solutions__head p,.works__head p{font:10px var(--mono);letter-spacing:.12em;color:#778493}
.matrix{display:grid;grid-template-columns:1fr 1.12fr;border:1px solid var(--line);min-height:640px;background:#070a0e}.matrix__visual{position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle,rgba(22,136,255,.11),transparent 62%);border-right:1px solid var(--line);transform-style:preserve-3d}.matrix__visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle,#000,transparent 70%)}.matrix__visual img{position:relative;width:85%;mix-blend-mode:screen;transform:translateZ(28px)}.visual-label{position:absolute;left:24px;bottom:22px;font:9px/1.5 var(--mono);letter-spacing:.13em;color:#697a8d}.rings i{position:absolute;left:50%;top:50%;border:1px solid rgba(66,216,255,.24);border-radius:50%;transform:translate(-50%,-50%);animation:ring 5s linear infinite}.rings i:nth-child(1){width:38%;height:38%}.rings i:nth-child(2){width:62%;height:62%;animation-delay:-2s}.rings i:nth-child(3){width:88%;height:88%;animation-delay:-4s}.matrix__control{display:grid;grid-template-columns:1.04fr .96fr}.service-tabs{border-right:1px solid var(--line)}.service-tab{width:100%;height:20%;padding:0 24px;border:0;border-bottom:1px solid var(--line);background:transparent;color:#8a98a7;display:grid;grid-template-columns:35px 1fr auto;align-items:center;text-align:left;cursor:pointer;transition:.35s}.service-tab span,.service-detail>span{font:9px var(--mono)}.service-tab b{font-weight:400}.service-tab i{font-style:normal;opacity:0;color:var(--lime)}.service-tab:hover,.service-tab.is-active{background:#0c1219;color:#fff}.service-tab.is-active{box-shadow:inset 3px 0 var(--lime)}.service-tab:hover i,.service-tab.is-active i{opacity:1}.service-detail{padding:42px 32px;align-self:end}.service-detail>span{color:var(--lime);letter-spacing:.15em}.service-detail h3{font-size:28px;line-height:1.25;font-weight:400;letter-spacing:-.03em;margin:22px 0}.service-detail p{font-size:13px;line-height:1.8;color:#91a0af}.service-detail ul{list-style:none;margin:35px 0 0;padding:0}.service-detail li{border-top:1px solid var(--line);padding:11px 0;font:9px var(--mono);letter-spacing:.08em;color:#7f8c9b}
.work-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-card{background:#090d12;border:1px solid var(--line);transform-style:preserve-3d}.work-card:hover{border-color:rgba(66,216,255,.6)}.work-card__image{height:360px;overflow:hidden;position:relative}.work-card__image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,10,.8),transparent 55%)}.work-card__image img{width:100%;height:100%;object-fit:cover;filter:saturate(.55);transition:.8s}.work-card:hover img{transform:scale(1.05);filter:saturate(1)}.work-card__image span{position:absolute;z-index:2;right:17px;bottom:14px;font:9px var(--mono);color:var(--lime)}.work-card__copy{padding:25px}.work-card small{font:9px var(--mono);letter-spacing:.12em;color:#758494}.work-card h3{font:400 25px/1.05 var(--sans);margin:18px 0}.work-card p{font-size:12px;line-height:1.7;color:#83909e}.ecosystem__lead{font-size:clamp(1.6rem,3.6vw,4rem);line-height:1.25;letter-spacing:-.04em;max-width:980px;margin-bottom:80px}.logos{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.logos span{min-height:100px;display:grid;place-items:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font:500 15px var(--mono);color:#718092;transition:.3s}.logos span:hover{background:var(--blue);color:white}
.contact{overflow:hidden;background:#080c11}.contact h2{font-size:clamp(4rem,9.5vw,11rem);position:relative;z-index:2}.contact h2 em{color:transparent;-webkit-text-stroke:1px rgba(66,216,255,.8)}.contact__mail{display:flex;justify-content:space-between;margin:80px 0 70px;padding:25px 0;border-block:1px solid #4e5d6e;font:400 clamp(1.1rem,2.5vw,2.7rem) var(--mono);position:relative;z-index:2}.contact__mail span{color:var(--lime)}.contact__grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:30px;position:relative;z-index:2}.contact__grid small{display:block;font:9px var(--mono);letter-spacing:.14em;color:#627183;margin-bottom:14px}.contact__grid a,.contact__grid p{display:block;margin:5px 0;font-size:13px;line-height:1.7;color:#b3bfcc}.contact__signal{position:absolute;width:600px;height:600px;right:-160px;top:0}.contact__signal i{position:absolute;inset:0;border:1px solid rgba(22,136,255,.16);border-radius:50%;animation:pulse 5s ease-out infinite}.contact__signal i:nth-child(2){animation-delay:-1.5s}.contact__signal i:nth-child(3){animation-delay:-3s}.contact__signal b{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--lime);left:50%;top:50%;box-shadow:0 0 60px 18px rgba(185,255,57,.3)}footer{height:85px;padding:0 3.6vw;display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);letter-spacing:.1em;color:#667382;border-top:1px solid var(--line)}.reveal{opacity:0;transform:translateY(38px);transition:opacity .9s,transform .9s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}.ripple{position:fixed;width:12px;height:12px;border:1px solid var(--lime);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:99;animation:ripple .7s ease-out forwards}
@keyframes load{from{width:0}to{width:100%}}@keyframes titleIn{to{transform:none;opacity:1}}@keyframes blink{50%{opacity:.25}}@keyframes scan{from{background-position:0 -50vh}to{background-position:0 150vh}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes ring{50%{opacity:.35;transform:translate(-50%,-50%) scale(1.05)}}@keyframes pulse{0%{transform:scale(.05);opacity:.9}100%{transform:scale(1.25);opacity:0}}@keyframes ripple{to{width:160px;height:160px;opacity:0}}
@media(max-width:900px){.nav{height:68px;padding:0 20px}.nav__links,.nav__contact{display:none}.menu-btn{display:grid;gap:6px;background:none;border:0;padding:10px;z-index:2}.menu-btn i{display:block;width:25px;height:1px;background:white;transition:.3s}.menu-btn.open i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-btn.open i:last-child{transform:translateY(-3.5px) rotate(-45deg)}.menu-panel{display:flex;position:fixed;inset:0;z-index:40;background:#070b10;flex-direction:column;justify-content:center;padding:50px;clip-path:inset(0 0 100% 0);transition:clip-path .6s}.menu-panel.open{clip-path:inset(0)}.menu-panel a{font-size:clamp(2.5rem,12vw,5rem);line-height:1.25}.hero__copy{padding:21vh 20px 36px}.hero__hud{display:none}.hero__media{inset:0}.hero__media img{object-position:68% center}.hero__shade{background:linear-gradient(90deg,rgba(3,5,8,.92),rgba(3,5,8,.28)),linear-gradient(0deg,rgba(3,5,8,.86),transparent 60%)}.hero h1{font-size:clamp(3.1rem,13vw,5.5rem)}.hero__bottom{gap:25px}.hero__bottom p{font-size:12px}.orb-link{min-width:82px;width:82px;height:82px}.section{padding:85px 20px}.section-tag{margin-bottom:50px}.intro__grid{grid-template-columns:1fr;gap:55px}.metrics{grid-template-columns:1fr 1fr}.solutions__head,.works__head{align-items:start;flex-direction:column;gap:25px;margin-bottom:55px}.matrix{grid-template-columns:1fr}.matrix__visual{min-height:420px;border-right:0;border-bottom:1px solid var(--line)}.matrix__control{grid-template-columns:1fr}.service-tabs{border-right:0}.service-tab{height:74px}.service-detail{min-height:330px}.work-list{grid-template-columns:1fr}.logos{grid-template-columns:repeat(2,1fr)}.contact__grid{grid-template-columns:1fr 1fr}.contact__grid div:last-child{grid-column:1/-1}.cursor-glow{display:none}}@media(max-width:520px){.hero h1{font-size:12.2vw}.hero__bottom p{max-width:210px}.intro h2,.solutions h2,.works h2{font-size:12vw}.metrics{grid-template-columns:1fr}.matrix__visual{min-height:340px}.matrix__control{display:block}.service-detail{min-height:370px}.work-card__image{height:290px}.contact h2{font-size:17vw}.contact__mail{font-size:4vw}.contact__grid{grid-template-columns:1fr}.contact__grid div:last-child{grid-column:auto}footer{height:auto;padding:28px 20px;gap:20px;align-items:flex-start;flex-direction:column}.progress{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero h1 span{opacity:1;transform:none}}