@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--bg:#050510;--text:#eafcff;--muted:#8992b5;--cyan:#00f5ff;--pink:#ff2bd6;--line:rgba(145,165,255,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:#050510}body{margin:0;color:var(--text);font-family:Space Grotesk,sans-serif}a,button{font:inherit}button{cursor:pointer}a,button{color:inherit}a{text-decoration:none}.scene-wrap{position:fixed;inset:0;z-index:0;overflow:hidden;background:#050510}.scene-wrap canvas{display:block!important;width:100%!important;height:100%!important;background:#050510!important}.scene-wrap:after{display:none}.scene-loading{display:grid;place-items:center;height:100vh;color:var(--cyan);font:12px DM Mono,monospace;letter-spacing:.2em}.section,.sidebar,.topbar,footer{position:relative;z-index:1}.topbar{position:fixed;top:0;left:0;right:0;justify-content:space-between;padding:28px 4vw}.topbar,.topbar-tools{display:flex;align-items:center}.topbar-tools{gap:22px}.language-toggle{border:1px solid var(--line);background:#071322b8;color:var(--cyan);padding:8px 11px;font:10px DM Mono,monospace;letter-spacing:.08em;transition:.25s}.language-toggle span{color:#69728f;margin:0 5px}.language-toggle:focus-visible,.language-toggle:hover{border-color:var(--cyan);box-shadow:0 0 18px #00f5ff33;outline:none}.brand{display:flex;gap:12px;align-items:center;border:0;background:transparent;font:600 16px DM Mono,monospace;letter-spacing:.12em}.brand span:last-child span{color:var(--cyan)}.brand-mark{color:var(--pink);font-size:14px}.eyebrow,.nav-label,.project-index,.status,.tags,footer{font:11px DM Mono,monospace;letter-spacing:.13em}.status{color:var(--muted)}.status i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#39ff88;box-shadow:0 0 12px #39ff88}.sidebar{position:fixed;right:4vw;top:50%;display:grid;gap:15px;transform:translateY(-50%)}.nav-label{color:#59617e;margin-bottom:8px}.nav-item{border:0;border-left:1px solid var(--line);background:transparent;color:#7f89a8;padding:10px 0 10px 18px;text-align:left;transition:.25s}.nav-item span{display:inline-block;width:28px;color:#4c5471;font-size:10px}.nav-item.active,.nav-item:hover{border-color:var(--cyan);color:var(--cyan)}.social-links{display:flex;gap:10px;padding:22px 0 0 18px}.social-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:27px;color:#646d8e;font:10px DM Mono,monospace;text-decoration:none;transition:color .25s,transform .25s,filter .25s}.social-link svg{width:17px;height:17px;fill:currentColor;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.social-zalo svg{fill:none}.social-link:focus-visible,.social-link:hover{color:var(--pink);transform:translateY(-2px);filter:drop-shadow(0 0 7px currentColor);outline:none}.section{min-height:100vh;padding:16vh 18vw 14vh 8vw;display:grid;align-items:center;grid-template-columns:1fr 1fr;gap:8vw}.hero{padding-top:20vh}.hero-copy{max-width:590px}.eyebrow{color:var(--cyan);margin-bottom:26px}h1,h2{margin:0;font-size:clamp(54px,8vw,118px);line-height:.9;letter-spacing:-.07em;font-weight:500}h2{font-size:clamp(48px,6vw,90px)}h1 em,h2 em{color:var(--pink);font-style:normal;text-shadow:0 0 28px rgba(255,43,214,.4)}.lead{max-width:410px;margin:32px 0;color:var(--muted);font-size:18px;line-height:1.6}.primary-button{padding:15px 20px;border:1px solid var(--cyan);background:rgba(0,245,255,.08);color:var(--cyan);letter-spacing:.1em;font:11px DM Mono,monospace;transition:.25s}.primary-button:hover{background:var(--cyan);color:var(--bg);box-shadow:0 0 28px rgba(0,245,255,.4)}.primary-button span{margin-left:24px;font-size:16px}.content-copy{max-width:480px;color:var(--muted);font-size:18px;line-height:1.7}.stack-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.stack-list span,.tags span{padding:8px 10px;border:1px solid var(--line);color:#b9c3e4;font:10px DM Mono,monospace}.project-card{max-width:430px;padding:34px;border:1px solid rgba(0,245,255,.3);background:rgba(9,12,33,.65);box-shadow:inset 0 0 40px rgba(0,245,255,.04),0 0 35px rgba(0,245,255,.06)}.project-card h3{margin:28px 0 10px;font-size:42px;font-weight:500}.project-card p{color:var(--muted);line-height:1.6}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:26px 0}.project-card a{color:var(--cyan);font:11px DM Mono,monospace}.terminal{max-width:440px;padding:24px;border:1px solid rgba(139,92,255,.5);background:rgba(8,7,23,.75);color:#c7d2ff;font:14px/1.8 DM Mono,monospace;box-shadow:0 0 45px rgba(139,92,255,.1)}.terminal-top{display:flex;gap:6px;align-items:center;margin-bottom:25px;color:#62698c;font-size:11px}.terminal-top span{width:7px;height:7px;border-radius:50%;background:var(--pink)}.terminal-top span:nth-child(2){background:#ffca3a}.terminal-top span:nth-child(3){background:#39ff88}.terminal b{color:var(--pink)}.terminal i{color:var(--cyan);font-style:normal}.indent{padding-left:24px}.cursor{display:inline-block;width:8px;height:17px;margin-left:5px;vertical-align:middle;background:var(--cyan);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;padding:30px 4vw;border-top:1px solid var(--line);color:#69728f}footer a{color:var(--cyan)}.room-fallback{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;background-color:#050510;background-image:radial-gradient(circle at 52% 42%,rgba(0,195,255,.14),transparent 26%),radial-gradient(circle at 76% 25%,rgba(255,43,214,.12),transparent 22%)}.fallback-grid{position:absolute;width:150%;height:55%;left:-25%;bottom:-5%;opacity:.4;transform:perspective(480px) rotateX(62deg);background-image:linear-gradient(rgba(0,245,255,.2) 1px,transparent 0),linear-gradient(90deg,rgba(0,245,255,.2) 1px,transparent 0);background-size:52px 52px;-webkit-mask-image:linear-gradient(0deg,black,transparent);mask-image:linear-gradient(0deg,black,transparent)}.fallback-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.8;animation:orbit-pulse 5s ease-in-out infinite}.orb-one{width:260px;height:260px;top:18%;right:17%;border:1px solid rgba(0,245,255,.7);box-shadow:0 0 35px rgba(0,245,255,.25),inset 0 0 35px rgba(0,245,255,.18)}.orb-two{width:180px;height:180px;bottom:18%;left:22%;border:1px solid rgba(255,43,214,.6);box-shadow:0 0 35px rgba(255,43,214,.2),inset 0 0 30px rgba(255,43,214,.12);animation-delay:-2s}.fallback-monitor{position:absolute;top:25%;left:50%;width:235px;height:140px;padding:22px;transform:translateX(-50%) perspective(500px) rotateY(-8deg);border:1px solid rgba(0,245,255,.8);background:linear-gradient(135deg,rgba(8,52,69,.85),rgba(6,10,27,.85));box-shadow:0 0 50px rgba(0,245,255,.28),inset 0 0 25px rgba(0,245,255,.12);color:var(--cyan);font:12px DM Mono,monospace;animation:monitor-float 4s ease-in-out infinite}.fallback-monitor b,.fallback-monitor i{display:block;margin-top:20px;color:#72ffbd;font-size:9px;font-style:normal;animation:text-flicker 3s steps(2) infinite}.fallback-monitor i{margin-top:8px;color:#94a0cb}.fallback-person{position:absolute;top:46%;left:50%;width:100px;height:160px;transform:translateX(-50%);filter:drop-shadow(0 0 14px rgba(255,43,214,.4));animation:person-breathe 3s ease-in-out infinite}.person-arm,.person-body,.person-head{position:absolute;background:#182140;border:1px solid rgba(0,245,255,.5)}.person-head{width:34px;height:34px;left:33px;top:0;border-radius:50%;background:#ad7068;box-shadow:inset 0 -9px #131426}.person-body{width:62px;height:74px;left:19px;top:39px;border-radius:22px 22px 8px 8px;background:linear-gradient(135deg,#2d5185,#11152b)}.person-arm{width:16px;height:64px;top:53px;border-radius:12px;transform-origin:top center}.arm-left{left:11px;transform:rotate(42deg);animation:type-left 1.5s ease-in-out infinite}.arm-right{right:11px;transform:rotate(-42deg);animation:type-right 1.7s ease-in-out infinite}.room-fallback:after,.room-fallback:before{content:"";position:absolute;width:42vw;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 14px var(--cyan);opacity:.7;animation:laser-sweep 7s linear infinite}.room-fallback:before{top:28%;left:-10%}.room-fallback:after{top:62%;right:-10%;background:linear-gradient(90deg,transparent,var(--pink),transparent);box-shadow:0 0 14px var(--pink);animation-delay:-3.5s}@keyframes orbit-pulse{0%,to{transform:scale(.96) rotate(0);opacity:.55}50%{transform:scale(1.08) rotate(18deg);opacity:1}}@keyframes monitor-float{0%,to{margin-top:0}50%{margin-top:-12px}}@keyframes person-breathe{0%,to{margin-top:0}50%{margin-top:5px}}@keyframes type-left{50%{transform:rotate(48deg) translateY(4px)}}@keyframes type-right{50%{transform:rotate(-48deg) translateY(4px)}}@keyframes text-flicker{0%,92%,to{opacity:1}94%{opacity:.35}}@keyframes laser-sweep{0%{transform:translateX(-20vw);opacity:0}20%,80%{opacity:.8}to{transform:translateX(120vw);opacity:0}}.hero-actions{display:flex;align-items:center;gap:24px}.text-button{border:0;background:transparent;color:#a8b2d4;font:10px DM Mono,monospace;letter-spacing:.08em}.text-button:hover{color:var(--cyan)}.hero-readout{align-self:end;justify-self:end;display:grid;gap:8px;color:#7b86aa;font:10px DM Mono,monospace;letter-spacing:.12em}.hero-readout strong{color:var(--cyan);font:100px Space Grotesk,sans-serif;line-height:.8;letter-spacing:-.08em}.hero-readout strong span{color:var(--pink)}.hero-readout small{line-height:1.5}.section-heading{max-width:500px}.section-intro{max-width:400px;margin-top:30px;color:var(--muted);line-height:1.7}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-card{min-height:230px;padding:25px;border:1px solid var(--line);background:rgba(9,12,33,.55);transition:.3s}.service-card:hover{transform:translateY(-6px);border-color:var(--cyan);box-shadow:0 0 30px rgba(0,245,255,.1)}.card-number{color:var(--cyan);font:11px DM Mono,monospace}.service-card h3{margin:35px 0 12px;font-size:23px;font-weight:500}.service-card p{min-height:66px;margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.6}.project-link,.service-card a{color:var(--cyan);font:10px DM Mono,monospace}.project-link span,.service-card a span{margin-left:12px}.customer-section{display:block}.customer-section .section-heading{margin-bottom:48px}.customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.customer-card{position:relative;min-height:260px;padding:0;overflow:hidden;border:1px solid var(--line);background:rgba(9,12,33,.7);transition:transform .35s,border-color .3s,box-shadow .3s;animation:customer-drift 6s ease-in-out infinite;animation-delay:calc(var(--customer-index) * -.18s)}.customer-card:nth-child(3n+2){animation-name:customer-drift-alt}.customer-card:nth-child(3n){animation-name:customer-drift-up}.customer-card:hover{transform:translateY(-8px) scale(1.015);border-color:var(--pink);box-shadow:0 0 28px rgba(255,43,214,.18);animation-play-state:paused}.customer-card img{display:block;height:142px;opacity:.78;filter:saturate(.8) contrast(1.08);transition:transform .5s,opacity .3s}.customer-card:hover img{transform:scale(1.08);opacity:1}.customer-card-body{padding:15px 18px 18px;background:linear-gradient(180deg,rgba(7,12,29,.55),rgba(7,12,29,.96))}.customer-card h3{margin:10px 0 6px;font-size:18px;font-weight:500}.customer-card p{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.45}.customer-link{color:var(--pink);font:10px DM Mono,monospace}.service-card{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,rgba(10,26,45,.92),rgba(8,10,28,.72))}.service-card:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 88% 12%,var(--service-accent,#00f5ff),transparent 34%),repeating-linear-gradient(90deg,transparent 0 31px,color-mix(in srgb,var(--service-accent,#00f5ff) 12%,transparent) 32px 33px),repeating-linear-gradient(0deg,transparent 0 31px,color-mix(in srgb,var(--service-accent,#00f5ff) 12%,transparent) 32px 33px);opacity:.28;-webkit-mask-image:linear-gradient(135deg,#000,transparent 72%);mask-image:linear-gradient(135deg,#000,transparent 72%)}.service-card:after{content:"AI / MODULE";position:absolute;top:18px;right:18px;color:var(--service-accent,var(--cyan));font:9px DM Mono,monospace;letter-spacing:.12em;opacity:.6}.service-card>*{position:relative;z-index:1}.service-card:hover{border-color:var(--service-accent,var(--cyan));box-shadow:0 0 35px color-mix(in srgb,var(--service-accent,#00f5ff) 18%,transparent),inset 0 0 35px color-mix(in srgb,var(--service-accent,#00f5ff) 8%,transparent)}.service-card:nth-child(2n){--service-accent:#b785ff}.service-card:nth-child(3n){--service-accent:#ffb55b}.service-card:nth-child(4n){--service-accent:#58f7c6}.service-card h3{letter-spacing:-.02em}.service-card .card-number{display:inline-flex;align-items:center;gap:8px}.service-card .card-number:after{content:"";display:inline-block;width:28px;height:1px;background:currentColor;box-shadow:0 0 8px currentColor}@keyframes customer-drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-7px,0)}}@keyframes customer-drift-alt{0%,to{transform:translateZ(0)}50%{transform:translate3d(7px,4px,0)}}@keyframes customer-drift-up{0%,to{transform:translateZ(0)}50%{transform:translate3d(-6px,-4px,0)}}.customer-marquee{gap:16px;width:calc(100vw - 8vw);margin-left:-8vw;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.customer-track{gap:16px;padding:4px 0}.customer-track-forward{animation:customer-slide-forward 48s linear infinite}.customer-track-reverse{animation:customer-slide-reverse 42s linear infinite}.customer-track .customer-card{flex:0 0 260px;width:260px}.customer-track .customer-card:hover{animation:none}@keyframes customer-slide-forward{0%{transform:translateX(-34%)}to{transform:translateX(2%)}}@keyframes customer-slide-reverse{0%{transform:translateX(2%)}to{transform:translateX(-34%)}}@media (prefers-reduced-motion:reduce){.customer-track-forward,.customer-track-reverse{animation:none}}@media (max-width:800px){.project-card{display:block;max-width:none}.project-art{min-height:120px;height:120px}.project-art b{font-size:32px;bottom:30px}.project-info{padding:18px}.project-info h3{font-size:23px}}.project-list{display:grid;gap:14px}.project-card{display:grid;grid-template-columns:190px 1fr;max-width:620px;padding:0;overflow:hidden}.project-art{position:relative;min-height:180px;padding:18px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 82% 22%,rgba(0,245,255,.28),transparent 42%),linear-gradient(145deg,#0b2432,#07101e 68%);color:var(--cyan);font:10px DM Mono,monospace}.project-art:before{content:"";position:absolute;inset:18px;z-index:-1;border:1px solid;opacity:.28;background:repeating-linear-gradient(0deg,transparent 0 18px,currentColor 19px 20px),repeating-linear-gradient(90deg,transparent 0 24px,currentColor 25px 26px);-webkit-mask-image:linear-gradient(135deg,#000,transparent 75%);mask-image:linear-gradient(135deg,#000,transparent 75%)}.project-art:after{content:"";position:absolute;left:18px;right:18px;bottom:20px;height:2px;background:currentColor;box-shadow:0 0 14px currentColor;opacity:.75}.project-art b{position:absolute;right:18px;bottom:32px;z-index:1;font-size:38px;letter-spacing:-.08em;opacity:.5}.art-lines{display:none}.project-info{padding:25px}.project-info h3{margin:12px 0 7px;font-size:28px;font-weight:500}.project-info p{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.5}.project-pink .project-art{color:var(--pink);background:radial-gradient(circle at 82% 22%,rgba(255,43,214,.35),transparent 42%),linear-gradient(145deg,#30153b,#150b21 68%)}.project-green .project-art{color:#39ff88;background:radial-gradient(circle at 82% 22%,rgba(57,255,136,.28),transparent 42%),linear-gradient(145deg,#0d342c,#071d1a 68%)}.terminal-status{margin-top:30px;color:#39ff88;font-size:10px}.trust-strip{position:relative;z-index:1;display:flex;justify-content:space-around;gap:20px;padding:30px 8vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#76809e;font:11px DM Mono,monospace;letter-spacing:.12em}.contact-panel{max-width:420px;border:1px solid rgba(255,43,214,.3);background:rgba(22,9,32,.6)}.contact-panel p{margin:0 0 26px;color:var(--muted);line-height:1.7}.contact-link{display:block;padding:15px 0;border-top:1px solid var(--line);color:var(--pink);font:11px DM Mono,monospace}@media (max-width:800px){.topbar{padding:22px 6vw}.status{display:none}.sidebar{top:auto;right:6vw;bottom:22px;left:6vw;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--line);background:rgba(5,5,16,.8);transform:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-label,.social-links{display:none}.nav-item{border:0;padding:7px;font-size:10px}.nav-item span{display:none}.section{min-height:auto;padding:28vh 8vw 16vh;display:block}.hero{min-height:100vh;padding-top:28vh}.hero-readout{margin-top:70px;justify-self:start}.hero-readout strong{font-size:72px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.customer-grid,.service-grid{grid-template-columns:1fr;margin-top:45px}.project-card{grid-template-columns:110px 1fr;margin-top:12px}.project-art{min-height:170px}.project-art b{font-size:34px}.content-copy,.terminal{margin-top:45px}.trust-strip{flex-wrap:wrap;justify-content:flex-start;padding:24px 8vw;font-size:9px}.lead{font-size:16px}footer{display:block;padding-bottom:110px;line-height:2.1}}main{--scene-glow:#13cbb4}main[data-scene=services]{--scene-glow:#8770ff}main[data-scene=projects]{--scene-glow:#ed5ca7}main[data-scene=lab]{--scene-glow:#46aaff}main[data-scene=contact]{--scene-glow:#ffb75f}.ambient-color{position:fixed;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 -90px 180px -120px var(--scene-glow);transition:box-shadow 1s}.ambient-color:after{content:"";position:absolute;right:8%;top:8%;width:35vw;height:35vw;border-radius:50%;background:var(--scene-glow);opacity:.09;filter:blur(90px);transition:background 1s}.scene-vignette{position:fixed;inset:0;pointer-events:none;z-index:0;background:linear-gradient(90deg,#030711dd,rgba(3,7,17,.7) 20%,rgba(3,7,17,.12) 48%,transparent 72%)}.cat-companion{position:fixed;bottom:20px;left:20px;z-index:30;width:min(320px,calc(100vw - 40px))}.cat-stage{position:relative;height:130px}.cat-avatar{position:absolute;bottom:0;left:12px;width:130px;padding:0;border:0;background:transparent;filter:drop-shadow(0 0 12px #65e7cc55)}.cat-avatar.walking{animation:cat-walk 9s ease-in-out infinite alternate}.cat-tail{transform-origin:107px 88px;animation:tail-wave 2.2s ease-in-out infinite alternate}.cat-eyes{transform-origin:76px 57px;animation:cat-blink 5s infinite}.cat-greeting{position:absolute;left:0;bottom:115px;padding:12px 16px;border:1px solid #77efcf66;border-radius:14px 14px 14px 0;background:#071727f5;color:#b7ffed;font-size:12px;box-shadow:0 0 24px #63edcf19}.cat-pause{position:absolute;bottom:5px;right:40px;border:1px solid #638793;border-radius:50%;width:27px;height:27px;background:#0a1624;color:#bdd2e1}.cat-dialog{background:#081421f5;border:1px solid #a28aff88;border-radius:18px;padding:18px;box-shadow:0 15px 60px #0009,0 0 40px #9874ef19;max-height:min(480px,60dvh);overflow:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.cat-dialog header{display:flex;align-items:center;justify-content:space-between;color:#a9f7df;font:11px monospace}.cat-dialog header button{background:transparent;border:0;font-size:24px}.cat-dialog p{font-size:14px;line-height:1.7;color:#c2d3e0}.cat-topics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cat-go,.cat-topics button{padding:10px;font-size:12px;border:1px solid #73cbb744;border-radius:8px;background:#102737;color:#c6f7ed}.cat-topics button[aria-pressed=true]{border-color:#ae83ff;background:#33294d}.cat-go{width:100%;margin-top:12px;color:#8effd5}.cat-dialog footer{padding:12px 0 0;margin-top:12px;font-size:9px;line-height:1.6}@keyframes cat-walk{0%{transform:translateX(0) rotate(-2deg)}to{transform:translateX(100px) rotate(2deg)}}@keyframes tail-wave{to{transform:rotate(15deg)}}@keyframes cat-blink{0%,44%,48%,to{transform:scaleY(1)}46%{transform:scaleY(.1)}}@media (min-width:1000px) and (min-height:650px){.section{min-height:100svh;padding-top:100px;padding-bottom:90px}.project-list{grid-template-columns:1fr 1fr;gap:12px}.project-card{grid-template-columns:1fr}.project-art{min-height:70px}.project-art b{font-size:30px}.project-info{padding:15px}.project-info h3{font-size:20px}}@media (max-width:800px){.cat-companion{bottom:90px;left:12px;width:min(300px,calc(100vw - 24px))}.cat-stage{height:80px}.cat-avatar{width:85px}.cat-greeting{bottom:78px;padding:8px;font-size:10px}.cat-pause{right:110px}}.scene-transition{position:fixed;inset:0;z-index:3;pointer-events:none;border-top:1px solid #65ebda;background:linear-gradient(120deg,transparent 30%,#3ccdb712 48%,transparent 65%);animation:scene-pass 1s ease-out both}@keyframes scene-pass{0%{opacity:1;transform:translateY(-25%)}to{opacity:0;transform:translateY(25%)}}.cyber-cursor{position:fixed;left:0;top:0;width:36px;height:36px;margin:-18px;z-index:100;pointer-events:none;opacity:0;color:#75ffe4;display:grid;place-items:center}.cyber-cursor i{position:absolute;inset:0;border:1px solid #75ffe480;border-radius:50%;box-shadow:0 0 20px #50eaca30;transition:scale .2s}.cyber-cursor[data-hover=true] i{scale:1.6;border-color:#d08aff}.project-assistant{position:relative;z-index:1;margin:0 18vw 90px 8vw;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#071322ed;border:1px solid #65e6d044}.project-assistant p{color:#a7b8cd;line-height:1.7}.assistant-options{display:flex;flex-wrap:wrap;gap:8px}.assistant-options button{background:#0c2633;border:1px solid #70c6cf66;padding:12px;color:#8dffe4}.assistant-answer{min-height:100px}@media (pointer:fine){a,button{cursor:crosshair}}@media (pointer:coarse),(prefers-reduced-motion:reduce){.cyber-cursor{display:none}}@media (max-width:800px){.project-assistant{margin:0 8vw 50px;padding:22px;grid-template-columns:1fr}}.sidebar,.topbar{z-index:10}.topbar{background:linear-gradient(#030711d9,transparent)}.hero-copy{max-width:470px}.hero h1{font-size:clamp(64px,7vw,110px)}.hero h1 em{color:#7affdc;text-shadow:0 0 50px #36e7ba44}.hero-readout{padding:20px;background:#07131fb3;border-left:2px solid #47d9ca;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.room-caption{position:fixed;bottom:26px;left:42%;right:18%;z-index:2;display:flex;justify-content:space-between;color:#82c8cb;font:10px monospace;letter-spacing:.13em;pointer-events:none}.section:not(.hero){background:linear-gradient(90deg,#030711ee,#03071199 55%,#03071177);border-top:1px solid #55cbe519}.contact-panel,.project-card,.service-card,.terminal{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background-color:#06121ee6}.project-card,.service-card{transition:transform .35s,border-color .35s,box-shadow .35s}.project-card:hover{transform:perspective(900px) rotateY(-3deg) translateY(-4px);border-color:#6df1d0;box-shadow:0 12px 60px #27dcc81c}.sidebar{padding:22px 18px;background:#05101bbd;border:1px solid #60d7ff20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.scene-loading{background:radial-gradient(ellipse at 70% 50%,#153753,#030711 65%)}@media (max-width:800px){.scene-vignette{background:linear-gradient(0deg,#030711f5,#03071177 50%,transparent)}.hero{padding-top:48vh}.hero h1{font-size:64px}.hero-readout{display:none}.room-caption{top:90px;bottom:auto;left:8%;right:8%;font-size:8px}.sidebar{padding:10px 12px}.section:not(.hero){padding-top:100px}}.cyber-cursor:before{width:220px;height:220px;background:radial-gradient(circle,#62ffd622,#6485ff0c 40%,transparent 68%)}.cyber-cursor:after,.cyber-cursor:before{content:"";position:absolute;border-radius:50%}.cyber-cursor:after{width:6px;height:6px;background:#bdffee;box-shadow:0 0 14px #69ffe4,0 0 30px #9477ff}.cursor-click{position:fixed;width:24px;height:24px;margin:-12px;pointer-events:none;z-index:101;border:1px solid #82ffe2;border-radius:50%;box-shadow:0 0 16px #71e4ff66,inset 0 0 15px #b17eff44;animation:cursor-burst .65s ease-out forwards}.cursor-click:after{content:"";position:absolute;inset:-7px;border:1px dashed #c394ff;border-radius:50%}@keyframes cursor-burst{to{transform:scale(4);opacity:0}}.cat-avatar{transition:transform .45s cubic-bezier(.2,.8,.3,1)}.cat-avatar svg{overflow:visible;transform-origin:50% 65%;transition:transform .65s ease}.cat-avatar.walking svg{animation:cat-hop 4.2s ease-in-out infinite}.cat-avatar[data-hunting=true]{animation:none;transform:translate(var(--chase-x,0),var(--chase-y,0))}.cat-avatar[data-hunting=true] .cat-paw{transform-origin:75px 88px;animation:cat-grab .45s ease-in-out infinite alternate}.cat-avatar[data-hunting=true]:after{content:"Bắt được rồi!";position:absolute;bottom:100%;left:0;font-size:10px;color:#9affde;white-space:nowrap}.cat-belly{opacity:0;transition:opacity .3s}.belly-up svg{transform:rotate(155deg) translateY(-5px)}.belly-up .cat-belly{opacity:1}.belly-up .cat-paw{transform-origin:75px 88px;transform:rotate(22deg)}@keyframes cat-hop{0%,35%,55%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(3px) scaleY(.93)}46%{transform:translateY(-28px) rotate(-6deg)}52%{transform:translateY(2px) scaleY(.95)}}@keyframes cat-grab{to{transform:translateY(-15px) rotate(-16deg)}}.cat-companion{pointer-events:none}.cat-dialog,.cat-greeting,.cat-pause{pointer-events:auto}.cat-avatar,.cat-avatar.walking,.cat-avatar[data-hunting=true]{position:fixed;bottom:8px;width:125px;transform:none;animation:none;transition:none;pointer-events:auto}.cat-avatar .cat-profile{transform:scaleX(var(--cat-facing,1))}.cat-avatar.walking svg{animation:side-stride .65s ease-in-out infinite alternate}.cat-avatar.belly-up svg{transform:scaleX(var(--cat-facing,1)) rotate(155deg)}.cat-avatar .cat-tail{transform-origin:40px 76px}.cat-avatar[data-hunting=true]:after{content:"Meow!"}@keyframes side-stride{0%{transform:scaleX(var(--cat-facing,1)) translateY(0)}to{transform:scaleX(var(--cat-facing,1)) translateY(-3px)}}@media (max-width:800px){.cat-avatar,.cat-avatar.walking,.cat-avatar[data-hunting=true]{bottom:82px;width:85px}}:root{--cyan:#ffd166;--pink:#b785ff;--line:#ba87ff33}main{--scene-glow:#ffc14d}main[data-scene=services]{--scene-glow:#ac72ff}main[data-scene=projects]{--scene-glow:#ff622e}main[data-scene=lab]{--scene-glow:#b875ff}main[data-scene=contact]{--scene-glow:#ffc053}.ambient-color{box-shadow:inset 0 -100px 200px -110px var(--scene-glow)}.ambient-color:after{opacity:.16}.hero h1 em{color:#ffd166;text-shadow:0 0 20px #ffb13d44,0 0 65px #ff722a55}.primary-button{box-shadow:0 0 22px #ffc04a22,inset 0 0 16px #ff983311}.project-card:hover,.service-card:hover{border-color:#ffc265;box-shadow:0 8px 40px #ff722a22,0 0 18px #a965ff22}.hero-readout{border-color:#ffc662}.scene-transition{border-color:#ffbc63;background:linear-gradient(120deg,transparent 30%,#ff91351c 48%,transparent 65%)}.cyber-cursor{color:#ffd482}.cyber-cursor i{border-color:#ffca6b99;box-shadow:0 0 25px #ff7a3244}.cyber-cursor:before{background:radial-gradient(circle,#ffaf382b,#ac72ff17 40%,transparent 68%)}.cyber-cursor:after{background:#ffe7b0;box-shadow:0 0 16px #ffba4e,0 0 35px #a87aff}.cat-leg{transform-box:view-box}.back-near{transform-origin:43px 87px}.front-near{transform-origin:94px 87px}.back-far{transform-origin:50px 87px}.front-far{transform-origin:86px 87px}.walking .back-near,.walking .front-far{animation:paw-stride .65s ease-in-out infinite alternate}.walking .back-far,.walking .front-near{animation:paw-stride .65s ease-in-out infinite alternate-reverse}@keyframes paw-stride{0%{transform:rotate(-24deg)}to{transform:rotate(24deg)}}.cat-avatar[data-hunting=true] .front-near{animation:paw-pounce .35s ease-in-out infinite alternate}@keyframes paw-pounce{to{transform:rotate(-65deg)}}.contact-context{position:fixed;z-index:150;width:220px;padding:16px;border:1px solid #bd88ff99;border-radius:14px;background:#0c1022f5;box-shadow:0 12px 45px #0009,0 0 28px #ff993322;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.contact-context>span{display:block;color:#ffcc75;font:11px monospace;margin-bottom:10px}.contact-context a{display:flex;justify-content:space-between;padding:11px 8px;border-radius:6px;font-size:14px}.contact-context a:focus-visible,.contact-context a:hover{background:#ac72ff26;color:#ffcf80;outline:1px solid #b889ff}.contact-context small{display:block;margin-top:8px;font-size:10px;color:#8793af}@media (min-width:1000px) and (min-height:650px){.service-card{min-height:0;padding:18px}.service-card h3{margin-top:12px;font-size:20px}.service-card p{min-height:0;margin-bottom:12px}}.person-hotspot{position:relative;width:150px;text-align:center;font:11px Space Grotesk,sans-serif}.person-label{display:inline-block;color:#ffe0aa;padding:9px 12px;background:#101527ec;border:1px solid #bf90ff88;border-radius:20px;white-space:nowrap;box-shadow:0 0 20px #b984ff22}.person-label:after{content:"";position:absolute;left:35px;right:35px;top:100%;height:95px}.person-speech{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);width:min(270px,75vw);padding:16px;border-radius:14px;background:#101527f5;border:1px solid #ddb46b99;color:#f5dfbd;line-height:1.7;box-shadow:0 12px 30px #0008;text-align:left}.person-speech button{border:0;color:#fff;background:transparent;float:right;font-size:20px}.typing-caret{display:inline-block;width:1px;height:1.15em;margin-left:3px;vertical-align:-.18em;background:#ffd166;box-shadow:0 0 8px #ffd166;animation:typing-caret-blink .65s steps(1) infinite}@keyframes typing-caret-blink{50%{opacity:0}}.ambient-color,.scene-transition{display:none}.scroll-reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease var(--reveal-delay,0s),transform .65s cubic-bezier(.2,.7,.3,1) var(--reveal-delay,0s)}.scroll-reveal.reveal-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transform:none}html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}}:root{--ice:#7cebdc;--violet:#bda2ff;--gold:#ffd28b;--muted:#a0adc3}html{scroll-padding-top:100px}body{overflow-x:clip}main{--scene-glow:#7cebdc}main[data-scene=customers]{--scene-glow:#65ceeb}::selection{color:#06141e;background:#8ce6da}:is(a,button):focus-visible{outline:2px solid var(--ice);outline-offset:5px}.topbar{padding-block:20px}.brand{padding:10px 0}.sidebar{border-radius:20px;background:#071320dc;box-shadow:0 20px 70px #0005;gap:10px}.nav-item{border-radius:0 8px 8px 0;font-size:12px}.nav-item.active{background:linear-gradient(90deg,#ffd28b12,transparent)}.social-link{min-height:36px}.language-toggle{min-height:40px;border-radius:9px}.section{gap:5vw}.section,.section>*{min-width:0}.section:not(.hero){background:linear-gradient(105deg,#030b15f7,#07111fe8 58%,#08121bc7)}.section h2{font-size:clamp(42px,5vw,76px);line-height:1.06;letter-spacing:-.055em;text-wrap:balance}.section-heading .eyebrow{margin-bottom:20px}.section-intro{font-size:15px;line-height:1.85}.hero h1{line-height:1.02}.hero-readout{border-radius:16px;box-shadow:0 20px 60px #0005}.scene-vignette{background:linear-gradient(90deg,#030711ef,#0307118c 33%,transparent 63%)}.ambient-color{display:block;box-shadow:inset 0 -100px 180px -120px var(--scene-glow)}.ambient-color:after{width:28vw;height:28vw;opacity:.065;filter:blur(65px)}.primary-button{border-radius:10px;min-height:48px}.tech-glyph{display:inline-grid;place-items:center;flex-shrink:0;width:56px;height:56px;color:var(--service-accent,var(--ice));border:1px solid #a3ceef26;border-radius:15px;background:linear-gradient(145deg,#a7d8ff1c,#0b1b2a);box-shadow:inset 0 1px 0 #ffffff21,0 9px 20px #0004;transform:translateZ(16px)}.tech-glyph svg{width:38px;height:38px;filter:drop-shadow(0 0 6px #7cebdc35)}.project-section,.service-section{display:block}.project-section>.section-heading,.service-section>.section-heading{max-width:720px;margin-bottom:44px}.project-list,.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.contact-panel,.project-card,.service-card,.terminal{--tilt-x:0deg;--tilt-y:0deg;border:1px solid #9cbbdd24;border-radius:18px;background:radial-gradient(circle at var(--light-x,80%) var(--light-y,0),#87caff0b,transparent 60%),linear-gradient(145deg,#0d2033ed,#081321f5);box-shadow:inset 0 1px 0 #d0e8ff0d,0 16px 40px #0003;transition:transform .24s ease,border-color .24s,box-shadow .24s}.service-card{--service-accent:#7cebdc;padding:26px;min-height:280px;display:flex;flex-direction:column}.service-card:before{opacity:.13}.service-card:after{display:none}.service-card-top{display:flex;justify-content:space-between;align-items:center}.service-card .card-number{color:#a7b6ca;font-size:11px}.service-card .card-number:after{display:none}.service-card h3{margin:26px 0 12px;font-size:21px}.service-card p{min-height:0;line-height:1.8;flex:1 1;margin-bottom:22px}.service-card a{display:flex;align-items:center;justify-content:space-between;min-height:32px;color:var(--service-accent)}.project-card{display:flex;flex-direction:column;max-width:none;margin:0}.project-art,.project-green .project-art,.project-pink .project-art{display:flex;align-items:center;gap:12px;padding:22px 22px 0;height:auto;min-height:78px;color:var(--ice);background:transparent}.art-lines,.project-art:after,.project-art:before{display:none}.project-art>span:not(.tech-glyph){font:10px DM Mono,monospace;letter-spacing:.08em}.project-art .project-source{margin-left:auto;color:#9cacc5;font-size:9px!important}.project-art .tech-glyph{width:42px;height:42px;border-radius:12px}.project-art .tech-glyph svg{width:29px;height:29px}.project-info{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1 1}.project-index{display:none}.project-info h3{font-size:20px;line-height:1.4;margin:0 0 10px;overflow-wrap:anywhere}.project-info p{line-height:1.75;flex:1 1}.project-link{padding-top:14px;border-top:1px solid #b7cfff14;display:flex;justify-content:space-between;min-height:42px}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){:is(.service-card,.project-card,.terminal,.contact-panel)[data-lit=true]{transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-4px);border-color:#7cebdc65;box-shadow:0 24px 50px #0006,0 0 24px #7cebdc0d}}.customer-section{overflow:clip}.customer-section .section-heading{max-width:760px;margin-bottom:36px}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;color:#a8bcd0;font:10px DM Mono,monospace;margin-bottom:18px}.gallery-toolbar button{border:1px solid #a3ceef33;border-radius:9px;background:#102238;padding:10px 14px;min-height:44px}.customer-marquee{display:grid;gap:20px;margin-left:0;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.customer-lane{overflow:hidden}.customer-track{display:flex;width:max-content;gap:0;padding:6px 0}.customer-set{display:flex;gap:20px;padding-right:20px}.customer-track-forward{animation:client-flow 100s linear infinite reverse}.customer-track-reverse{animation:client-flow 90s linear infinite}.client-gallery[data-paused=true] .customer-track,.client-gallery[data-visible=false] .customer-track,.customer-lane:focus-within .customer-track,.customer-lane:hover .customer-track{animation-play-state:paused}.customer-track .customer-card{flex:0 0 300px;width:300px;border-radius:16px;min-height:0;background:#0c1c2b;border-color:#adc8e326;animation:none}.customer-track .customer-card:hover{transform:none;border-color:#7cebdc77}.customer-image{position:relative;overflow:hidden}.customer-card img{width:100%;height:170px;object-fit:cover;opacity:.92;filter:none}.customer-image-arrow{position:absolute;right:14px;bottom:12px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#071625d9;color:#fff}.customer-card-body{padding:18px;background:transparent}.customer-card h3{margin:0 0 8px;font-size:17px}.customer-card p{min-height:36px;margin-bottom:12px}.customer-link{display:flex;justify-content:space-between;align-items:center;min-height:32px;color:var(--ice)}@keyframes client-flow{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.neural-orb{width:200px;height:175px;position:relative;margin-bottom:20px;perspective:700px}.neural-orbits{position:absolute;inset:12px 24px 30px;transform-style:preserve-3d;animation:neural-turn 22s linear infinite}.neural-orbits>i{position:absolute;inset:0;border:1px solid #7cebdc99;border-radius:50%;box-shadow:0 0 18px #7cebdc20,inset 0 0 20px #7cebdc14;transform:rotateY(60deg)}.neural-orbits>i:nth-child(2){border-color:#bda2ff;transform:rotateX(65deg) rotateY(-25deg)}.neural-orbits>i:nth-child(3){border-color:#ffd28b;transform:rotateX(-60deg) rotateY(25deg)}.neural-orbits>span{position:absolute;inset:0;display:grid;place-items:center}.neural-base{position:absolute;bottom:8px;left:28px;right:28px;height:16px;background:radial-gradient(ellipse,#7cebdc6b,transparent 70%);filter:blur(7px)}@keyframes neural-turn{to{transform:rotateY(1turn) rotate(12deg)}}.terminal{width:100%;max-width:none;padding:28px;overflow:hidden;font-size:13px}.terminal-top{border-bottom:1px solid #bda2ff25;padding-bottom:20px}.terminal-top span{width:8px;height:8px;flex-shrink:0}.terminal-status{border:1px solid #7cebdc25;border-radius:8px;padding:12px;color:var(--ice);background:#7cebdc08;line-height:1.8}.project-assistant{border-radius:20px;background:linear-gradient(130deg,#102239,#081322)}.assistant-options button,.cat-topics button{border-radius:8px;min-height:44px}.contact-panel{position:relative;width:100%;max-width:none;padding:30px}.contact-beacon{display:flex;align-items:center;gap:15px;margin-bottom:24px;color:var(--ice);font:10px DM Mono,monospace;letter-spacing:.08em}.contact-link{padding:18px 0;font-size:12px;overflow-wrap:anywhere;transition:color .2s}.contact-link:hover{color:var(--ice)}.person-label{font-size:11px;box-shadow:0 6px 18px #0006}.person-speech:after{content:"";position:absolute;top:100%;left:0;right:0;height:13px}.person-speech{max-width:min(270px,80vw)}.cat-avatar{filter:drop-shadow(0 5px 8px #000a) drop-shadow(0 0 6px #7cebdc25)}.cat-avatar .cat-profile{filter:drop-shadow(1px 2px 1px #050919)}.cat-pause{width:34px;height:34px}@media (min-width:801px) and (max-width:1200px){.project-list,.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding-right:23vw}.sidebar{right:2vw;padding:18px 12px}}@media (max-width:800px){html{scroll-padding-top:80px}.ambient-color{display:none}.scene-vignette{background:linear-gradient(0deg,#030711f5 5%,#03071135 65%,#03071133)}.topbar{padding:12px 5vw}.topbar-tools{gap:8px}.brand{font-size:14px}.sidebar{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));gap:2px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:8px 5px;border-radius:14px}.nav-label,.social-links{display:none}.nav-item{min-height:46px;padding:5px 2px;font-size:clamp(8px,2.15vw,11px);text-align:center;border-radius:8px;line-height:1.5;overflow-wrap:normal}.nav-item.active{background:#ffd28b14}.section,.section:not(.hero){padding:90px 6vw}.hero{min-height:100svh;padding-top:47svh;padding-bottom:110px}.hero h1{font-size:clamp(52px,15vw,76px)}.section h2{font-size:clamp(38px,10vw,58px)}.hero .lead{font-size:16px;margin:24px 0}.project-list,.service-grid{grid-template-columns:1fr;gap:16px;margin-top:30px}.service-card{min-height:0;padding:23px}.service-card h3{margin-top:20px;font-size:22px}.service-card p{font-size:14px}.project-card{display:flex;margin:0}.project-art{min-height:72px;height:auto}.project-info{padding:20px 22px}.project-info h3{font-size:21px}.customer-marquee{width:100%;margin:0;gap:14px;-webkit-mask-image:none;mask-image:none}.customer-track .customer-card{flex-basis:260px;width:260px}.customer-card img{height:155px}.customer-lane{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#7cebdc55 transparent}.customer-track{animation:none}.customer-set[aria-hidden=true]{display:none}.customer-set{scroll-snap-align:start}.terminal{margin-top:32px;padding:22px;font-size:clamp(10px,3vw,13px)}.neural-orb{width:160px;height:145px}.project-assistant{margin:0 6vw 45px;padding:24px}.contact-panel{margin-top:32px;padding:24px}.contact-link{font-size:11px}.cat-avatar,.cat-avatar.walking,.cat-avatar[data-hunting=true]{width:75px;bottom:74px}.cat-pause{bottom:-2px}.room-caption{top:76px;font-size:8px;left:6vw;right:6vw}.contact-panel,.project-card,.service-card,.terminal{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.customer-lane{overflow-x:auto}.customer-track,.neural-orbits{animation:none}.customer-set[aria-hidden=true]{display:none}.contact-panel:hover,.project-card:hover,.service-card:hover,.terminal:hover{transform:none}}