@import "https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600;700;800&family=Kanit:wght@300;400;500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#d7e2ea;background:#0c0c0c;min-height:100%;font-family:Kanit,sans-serif}html{scroll-behavior:smooth}body{overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app-shell{background:#0c0c0c;min-height:100vh;overflow-x:clip}.home-carousel{animation:.9s cubic-bezier(.16,1,.3,1) both moduleEnter}.marquee-section,.about-section-jack,.services-section,.projects-section,.contact-section-jack{animation:both sectionReveal;animation-timeline:view();animation-range:entry 12% cover 34%}.ability-section,.ability-card,.ability-tool-matrix,.ability-approach-grid,.project-card,.contact-info,.qr-contact-button{animation:both moduleReveal;animation-timeline:view();animation-range:entry 8% cover 28%}.ability-card:nth-child(2),.project-card:nth-child(2){animation-range:entry 12% cover 32%}.ability-card:nth-child(3),.project-card:nth-child(3){animation-range:entry 16% cover 36%}.hero-heading{color:#0000;background:linear-gradient(#646973 0%,#bbccd7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.home-carousel{background:#0c0c0c;height:100vh;min-height:660px;position:relative;overflow:hidden}.carousel-slide{opacity:0;pointer-events:none;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(1.015)}.carousel-slide.is-active{opacity:1;pointer-events:auto;transform:scale(1)}.carousel-controls{z-index:60;gap:10px;display:flex;position:absolute;bottom:28px;right:28px}.carousel-controls button{color:#d7e2eab8;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0c0c80;border:1px solid #d7e2ea38;border-radius:999px;align-items:center;gap:9px;min-height:38px;padding:0 14px;font-family:Kanit,sans-serif;font-size:.72rem;font-weight:600;transition:border-color .2s,color .2s,background .2s,box-shadow .26s;display:inline-flex;position:relative;overflow:hidden}.carousel-controls button span,.carousel-controls button b{z-index:2;position:relative}.carousel-controls button span{opacity:.55}.carousel-controls button b{font:inherit}.carousel-controls button.active{color:#fff;background:#a068ff1a;border-color:#a068ffc7;animation:10s linear both controlGlow;box-shadow:0 0 #a068ff00}.carousel-progress{z-index:1;border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#a068ff61,#fff3),linear-gradient(90deg,#a068ffe6,#be4c00b8);width:100%;animation:10s linear forwards controlFill;position:absolute;inset:0 auto 0 0;transform:scaleX(0)}.carousel-progress:after{content:"";filter:blur(8px);opacity:0;background:linear-gradient(90deg,#0000,#ffffffb3,#0000);width:42px;height:180%;animation:10s linear forwards controlShine;position:absolute;top:-40%;right:-18px;transform:translate(-18px)skew(-16deg)}.hero-section-jack{height:100%;min-height:inherit;background:radial-gradient(circle at 50% 84%,#ffffff14,#0000 26%),#0c0c0c;flex-direction:column;display:flex;position:relative;overflow:hidden}.hero-nav-wrap{z-index:30;position:relative}.portfolio-nav{color:#d7e2ea;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:20px;font-size:clamp(.875rem,1.35vw,1.4rem);font-weight:500;display:flex}.hero-nav{padding:24px 24px 0}.portfolio-nav a{transition:color .2s,opacity .2s,text-shadow .2s}.portfolio-nav a:hover{opacity:.7}.floating-nav-shell{z-index:90;opacity:0;pointer-events:none;width:min(720px,100% - 32px);transition:opacity .32s,transform .42s cubic-bezier(.16,1,.3,1);position:fixed;top:16px;left:50%;transform:translate(-50%,-130%)scale(.98)}.floating-nav-shell.is-docked{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.floating-nav{isolation:isolate;-webkit-backdrop-filter:blur(22px)saturate(1.45);color:#ffffffe0;background:linear-gradient(135deg,#ffffff3d,#ffffff14),#0c0c0c57;border:1px solid #ffffff2e;border-radius:999px;align-items:center;padding:12px 18px;font-size:clamp(.76rem,1vw,.92rem);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff40,inset 0 -18px 40px #ffffff0a,0 18px 60px #0000003d,0 0 36px #ffffff0f}.floating-nav:before,.floating-nav:after{content:"";pointer-events:none;position:absolute}.floating-nav:before{z-index:-1;opacity:.78;filter:blur(10px);background:radial-gradient(circle at 18% 34%,#ffffff73,#0000 28%),radial-gradient(circle at 84% 18%,#78beff33,#0000 32%),linear-gradient(100deg,#0000 8%,#ffffff2e 42%,#0000 68%);height:72px;animation:7s ease-in-out infinite alternate liquidNavGlow;inset:-28px -18px auto;transform:translate(-10%)}.floating-nav:after{border-radius:inherit;mix-blend-mode:screen;opacity:.72;background:linear-gradient(115deg,#ffffff5c,#0000 24% 72%,#ffffff21),radial-gradient(circle at 50% 120%,#0084ff2e,#0000 38%);inset:1px}.floating-nav a{z-index:1;border-radius:999px;padding:8px 14px;position:relative}.floating-nav a:hover{opacity:1;color:#fff;text-shadow:0 0 16px #ffffff8c}.back-to-top-button{z-index:120;opacity:0;pointer-events:none;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(18px)saturate(1.35);background:linear-gradient(135deg,#ffffff38,#ffffff14),#0c0c0c70;border:1px solid #ffffff2e;border-radius:999px;place-items:center;width:52px;height:52px;transition:opacity .26s,transform .32s cubic-bezier(.16,1,.3,1),box-shadow .22s;display:grid;position:fixed;bottom:24px;right:24px;transform:translateY(18px)scale(.94);box-shadow:inset 0 1px #ffffff3d,0 18px 60px #0000003d,0 0 34px #ffffff0f}.back-to-top-button.is-visible{opacity:1;pointer-events:auto;transform:translate(0,0)scale(1)}.back-to-top-button:hover{transform:translateY(-3px)scale(1.02);box-shadow:inset 0 1px #ffffff4d,0 18px 60px #00000042,0 0 34px #ffd20038}.hero-heading-wrap{z-index:20;width:100%;margin-top:clamp(1.5rem,1.4vw,2rem);position:relative;overflow:hidden}.hero-title{letter-spacing:-.06em;text-align:center;text-transform:uppercase;white-space:nowrap;width:100%;font-size:max(3.2rem,13.5vw);font-weight:900;line-height:.82}.hero-cn-title-wrap{z-index:9;pointer-events:none;width:min(1320px,100% - 40px);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.hero-cn-title{text-align:center;position:relative}.hero-cn-title:before{content:"";opacity:.58;filter:blur(36px);background:radial-gradient(circle,#2495ff57,#0000 56%),linear-gradient(90deg,#0000,#ffffff57,#0000);height:138px;position:absolute;inset:18% 2% auto}.hero-cn-title:after{content:"";opacity:.62;background:linear-gradient(90deg,#0000,#0084ffd9,#ffffffb8,#0084ffd9,#0000);height:2px;position:absolute;inset:54% 8% auto;box-shadow:0 0 22px #0084ffa6}.hero-cn-title p,.hero-cn-title h2{margin:0;position:relative}.hero-cn-title p{color:#d7e2eab8;letter-spacing:.38em;text-indent:.38em;margin-bottom:clamp(.45rem,1vw,.8rem);font-size:clamp(.8rem,1.4vw,1.08rem);font-weight:400}.hero-cn-title h2{color:#0000;letter-spacing:-.105em;text-indent:-.11em;filter:drop-shadow(0 0 18px #0084ff33);text-shadow:0 1px #ffffff2e,0 4px #556678bd,0 13px #0a0e147a,0 24px 52px #0000008c,0 0 48px #4aaeff4d;-webkit-text-stroke:1px #e4f4ff33;background:linear-gradient(105deg,#f8fbff 0%,#8e98a5 33%,#fff 49%,#707c89 66%,#f4f8ff 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(4.1rem,11.8vw,13.6rem);font-weight:900;line-height:.78;transform:scaleX(1.12)}.hero-portrait-wrap{z-index:10;pointer-events:none;width:clamp(196px,25.2vw,364px);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-portrait{aspect-ratio:1;pointer-events:auto;width:100%;transform:translate(calc(var(--look-x) * .14), calc(var(--look-y) * .1)) rotate(calc(var(--face-tilt) * .28));transform-origin:bottom;will-change:transform;position:relative}.avatar-stack,.avatar-sprite{width:100%;height:100%;position:absolute;inset:0}.avatar-stack{z-index:1}.avatar-sprite{opacity:0;filter:none;will-change:opacity, transform;background-image:url(/assets/afee-avatar-sprite-DYOmTtWw.png);background-position:0 0;background-repeat:no-repeat;background-size:300% 200%;transition:opacity .18s,transform .18s,filter .18s}.avatar-sprite[data-avatar=focus]{background-position:0 0}.avatar-sprite[data-avatar=wink]{background-position:50% 0}.avatar-sprite[data-avatar=wow]{background-position:100% 0}.avatar-sprite[data-avatar=smirk]{background-position:0 100%}.avatar-sprite[data-avatar=chaos]{background-position:50% 100%}.avatar-sprite[data-avatar=sleepy]{background-position:100% 100%}.hero-portrait:before,.hero-portrait:after{content:"";z-index:2;pointer-events:none;position:absolute}.hero-portrait:before{background:radial-gradient(circle at calc(50% + var(--look-x) * 2.2) calc(42% + var(--look-y) * 2), #6dc2ff47, transparent 16%), radial-gradient(circle at calc(52% + var(--look-x) * 1.4) calc(54% + var(--look-y) * 1.4), #a068ff2e, transparent 24%), radial-gradient(circle at 50% 88%, #ffffff1a, transparent 26%);mix-blend-mode:screen;opacity:.28;filter:blur(3px);will-change:opacity;transition:opacity .16s;inset:-16% -18% -8%}.hero-portrait:after{opacity:.72;width:26%;height:11%;transform:translate(calc(-50% + var(--look-x) * .18), calc(var(--look-y) * .14)) rotate(calc(var(--face-tilt) * .2));border-top:3px solid #d7e2eadb;border-bottom:3px solid #d7e2eaa8;border-radius:999px;transition:width .18s,height .18s,border-radius .18s,border-color .18s,box-shadow .18s,opacity .18s,transform .18s;display:none;top:32%;left:50%;box-shadow:0 0 20px #6dc2ff47,inset 0 0 12px #a068ff29}.hero-portrait[data-expression=focus] .avatar-sprite[data-avatar=focus]{filter:drop-shadow(0 38px 80px #000000a3)drop-shadow(0 0 18px #6dc2ff29)}.hero-portrait[data-expression=focus] .avatar-sprite[data-avatar=focus],.hero-portrait[data-expression=wink] .avatar-sprite[data-avatar=wink],.hero-portrait[data-expression=wow] .avatar-sprite[data-avatar=wow],.hero-portrait[data-expression=smirk] .avatar-sprite[data-avatar=smirk],.hero-portrait[data-expression=chaos] .avatar-sprite[data-avatar=chaos],.hero-portrait[data-expression=sleepy] .avatar-sprite[data-avatar=sleepy]{opacity:1}.hero-portrait[data-expression=wink] .avatar-sprite[data-avatar=wink]{filter:drop-shadow(0 38px 80px #000000a3)drop-shadow(-8px 5px 18px #a068ff38);transform:rotate(-2deg)translate(-2px)}.hero-portrait[data-expression=wink]:after{width:22%;height:7%;transform:translate(calc(-50% + var(--look-x) * .18 - 5px), calc(var(--look-y) * .14 + 5px)) rotate(-10deg);border-bottom-color:#0000}.hero-portrait[data-expression=wow] .avatar-sprite[data-avatar=wow]{filter:drop-shadow(0 38px 80px #000000a3)drop-shadow(0 -3px 22px #6dc2ff4d);transform:translateY(-5px)scale(1.025)}.hero-portrait[data-expression=wow]:before{opacity:.52}.hero-portrait[data-expression=wow]:after{border:3px solid #d7e2eae6;border-radius:999px;width:18%;height:18%}.hero-portrait[data-expression=smirk] .avatar-sprite[data-avatar=smirk]{filter:drop-shadow(0 38px 80px #000000a3)drop-shadow(8px 5px 18px #ff60b533);transform:rotate(2deg)translate(2px)}.hero-portrait[data-expression=smirk]:after{width:30%;height:8%;transform:translate(calc(-50% + var(--look-x) * .18 + 5px), calc(var(--look-y) * .14 + 3px)) rotate(10deg)}.hero-portrait[data-expression=chaos]{animation:.32s steps(2,end) infinite portraitPulse}.hero-portrait[data-expression=chaos] .avatar-sprite[data-avatar=chaos]{filter:drop-shadow(0 38px 80px #000000a3)drop-shadow(-8px 0 18px #6dc2ff47)drop-shadow(8px 0 18px #ff60b53d)}.hero-portrait[data-expression=chaos]:before{opacity:.64;background:radial-gradient(circle at 42% 40%,#ff60b552,#0000 18%),radial-gradient(circle at 58% 46%,#6dc2ff47,#0000 18%),linear-gradient(90deg,#0000,#ffffff24,#0000)}.hero-portrait[data-expression=chaos]:after{width:32%;height:9%;transform:translate(calc(-50% + var(--look-x) * .18), calc(var(--look-y) * .14 + 2px)) rotate(-6deg);border-color:#ffffffdb}.hero-portrait[data-expression=sleepy] .avatar-sprite[data-avatar=sleepy]{filter:drop-shadow(0 38px 80px #000000a3)drop-shadow(0 6px 14px #6dc2ff1f);transform:translateY(4px)scale(.985)}.hero-portrait[data-expression=sleepy]:after{opacity:.55;border-bottom-color:#0000;width:22%;height:6%}.reactive-expression{z-index:3;aspect-ratio:1.16;-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);opacity:.96;pointer-events:none;width:clamp(72px,6.2vw,98px);transform:translate(calc(-50% + var(--look-x)), var(--look-y)) rotate(var(--face-tilt));transform-origin:bottom;will-change:transform;background:radial-gradient(circle at 30% 18%,#ffffff4d,#0000 18%),linear-gradient(145deg,#d7e2ea2e,#0c0c0c9e 42%,#a068ff2e);border:1px solid #d7e2ea3d;border-radius:22px 22px 26px 26px;transition:border-color .18s,border-radius .22s,box-shadow .22s,background .22s;position:absolute;top:clamp(18px,4vw,52px);left:108%;box-shadow:0 20px 60px #0000007a,0 0 36px #a068ff2e,inset 0 1px #ffffff2e}.reactive-expression:before,.reactive-expression:after{content:"";pointer-events:none;position:absolute}.reactive-expression:before{border-radius:inherit;opacity:.48;background:linear-gradient(90deg,#0000 0 18%,#ffffff14 18% 19%,#0000 19% 40%,#ffffff0f 40% 41%,#0000 41%),linear-gradient(#0000,#ffffff14,#0000);inset:8px}.reactive-expression:after{background:#14141cc2;border-bottom:1px solid #d7e2ea38;border-right:1px solid #d7e2ea38;width:20px;height:14px;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.expression-scan{border-radius:inherit;position:absolute;inset:8px;overflow:hidden}.expression-scan:after{content:"";opacity:.62;background:linear-gradient(90deg,#0000,#6dc2ffcc,#0000);width:140%;height:2px;animation:2.6s ease-in-out infinite expressionScan;position:absolute;top:0;left:-20%}.expression-eyes{justify-content:space-between;width:58%;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%)}.expression-eyes i{width:15px;height:15px;transform:translate(calc(var(--look-x) * .28), calc(var(--look-y) * .24));background:#d7e2ea;border-radius:999px;transition:width .18s,height .18s,border-radius .18s,transform .12s,background .18s;position:relative;box-shadow:0 0 18px #d7e2ea8f}.expression-eyes i:after{content:"";opacity:.82;background:#0c0c0c;border-radius:999px;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.expression-mouth{filter:drop-shadow(0 0 10px #d7e2ea6b);border:2px solid #d7e2ea;border-top:0;border-radius:0 0 24px 24px;width:23px;height:7px;transition:width .18s,height .18s,border-radius .18s,transform .18s,border-color .18s;position:absolute;bottom:26%;left:50%;transform:translate(-50%)}.expression-sparks span{background:#a068ff;border-radius:999px;width:4px;height:4px;animation:1.8s ease-in-out infinite sparkFloat;position:absolute;box-shadow:0 0 16px #a068ffe6}.expression-sparks span:first-child{top:10px;right:14px}.expression-sparks span:nth-child(2){width:4px;height:4px;animation-delay:-.5s;bottom:18px;left:13px}.expression-sparks span:nth-child(3){background:#6dc2ff;width:3px;height:3px;animation-delay:-1s;bottom:12px;right:20px;box-shadow:0 0 14px #6dc2ffe6}.reactive-expression b{color:#d7e2eadb;letter-spacing:.16em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c0c0ca3;border:1px solid #d7e2ea2e;border-radius:999px;min-width:max-content;padding:5px 8px;font-size:.48rem;font-weight:700;line-height:1;position:absolute;bottom:-26px;left:50%;transform:translate(-50%)}.reactive-expression[data-expression=wink] .expression-eyes i:first-child{height:5px;transform:translate(calc(var(--look-x) * .28), calc(var(--look-y) * .24 + 7px)) rotate(-8deg);border-radius:999px}.reactive-expression[data-expression=wink] .expression-mouth{width:20px;transform:translate(-50%)rotate(-10deg)}.reactive-expression[data-expression=wow]{border-color:#6dc2ff7a;box-shadow:0 14px 42px #00000070,0 0 28px #6dc2ff33}.reactive-expression[data-expression=wow] .expression-eyes i{width:18px;height:21px}.reactive-expression[data-expression=wow] .expression-mouth{border:2px solid #d7e2ea;border-radius:999px;width:17px;height:17px}.reactive-expression[data-expression=smirk]{border-radius:22px 26px 20px 30px}.reactive-expression[data-expression=smirk] .expression-eyes i{height:8px;transform:translate(calc(var(--look-x) * .28), calc(var(--look-y) * .24 + 5px)) rotate(-4deg);border-radius:999px 999px 40% 40%}.reactive-expression[data-expression=smirk] .expression-mouth{width:30px;height:8px;transform:translate(-50%)rotate(-8deg)}.reactive-expression[data-expression=chaos]{background:radial-gradient(circle at 20% 20%,#ff60b542,#0000 22%),linear-gradient(145deg,#d7e2ea2e,#0c0c0ca3 42%,#a068ff47);border-color:#ff60b580;animation:.28s steps(2,end) infinite expressionGlitch}.reactive-expression[data-expression=chaos] .expression-eyes i:first-child{width:18px;height:6px;transform:translate(calc(var(--look-x) * .28), calc(var(--look-y) * .24 + 5px)) rotate(22deg);border-radius:999px}.reactive-expression[data-expression=chaos] .expression-eyes i:last-child{width:6px;height:18px;transform:translate(calc(var(--look-x) * .28), calc(var(--look-y) * .24)) rotate(22deg)}.reactive-expression[data-expression=chaos] .expression-mouth{border-radius:999px 999px 10px 10px;width:34px;height:10px;transform:translate(-50%)rotate(6deg)}.reactive-expression[data-expression=sleepy]{opacity:.88}.reactive-expression[data-expression=sleepy] .expression-eyes i{height:5px;transform:translate(calc(var(--look-x) * .12), calc(var(--look-y) * .12 + 7px))}.reactive-expression[data-expression=sleepy] .expression-mouth{border:2px solid #d7e2ea;border-radius:999px;width:16px;height:13px}.hero-bottom{z-index:30;justify-content:space-between;align-items:flex-end;margin-top:auto;padding:0 24px 28px;display:flex;position:relative}.hero-design-meta{color:#fff}.hero-design-title{gap:8px;display:grid}.hero-design-title strong,.hero-design-title span{color:#fff;letter-spacing:.02em;text-transform:uppercase;font-size:clamp(.95rem,1.45vw,1.45rem);font-weight:700;line-height:1}.hero-design-title span{text-transform:none}.hero-design-title b{color:#0877ff;margin-left:12px;font-style:italic;font-weight:900}.hero-device-icons{color:#fff;grid-template-columns:repeat(4,44px);align-items:end;gap:clamp(1.8rem,4.8vw,4rem);margin-top:clamp(3rem,8vw,5rem);display:grid}.hero-device-icons svg{color:#fff;stroke:currentColor;filter:drop-shadow(0 0 10px #ffffff29);width:44px;height:44px}.serene-slide{height:100%;min-height:inherit;color:#fff;background:#0a0608;font-family:Inter,Kanit,sans-serif;position:relative;overflow:hidden}.serene-video,.serene-overlay{position:absolute;inset:0}.serene-video{object-fit:cover;filter:saturate(.92)contrast(1.04)brightness(.82);width:100%;height:100%}.serene-overlay{z-index:1;background:radial-gradient(circle at 50% 42%,#ffffff1f,#0000 34%),linear-gradient(#0a060833,#0a06087a)}.serene-nav{z-index:50;justify-content:space-between;align-items:center;gap:24px;padding:20px clamp(24px,4vw,48px);display:flex;position:absolute;top:0;left:0;right:0}.serene-logo{color:#fff;font-family:Dancing Script,cursive;font-size:clamp(1.6rem,3vw,2rem);font-weight:700}.serene-nav nav{gap:48px;display:flex}.serene-nav nav a{color:#fffc;letter-spacing:.04em;font-size:.88rem;transition:color .22s}.serene-nav nav a:hover{color:#fff}.serene-menu{background:#ffffff0a;border:1px solid #fff3;border-radius:999px;width:40px;height:40px;display:none}.serene-menu span{background:#fff;width:16px;height:1px;margin:5px auto;display:block}.serene-content{z-index:4;text-align:center;flex-direction:column;align-items:center;width:min(1040px,100% - 56px);display:flex;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)}.serene-content h2{color:#fff;letter-spacing:-.04em;text-shadow:0 0 40px #fff6,0 0 80px #fff3,0 0 120px #ffffff1a;font-family:Instrument Serif,serif;font-size:clamp(2.25rem,6.6vw,6.15rem);font-weight:400;line-height:.96}.serene-content p{color:#ffffffb8;width:min(680px,100%);margin-top:clamp(1rem,1.8vw,1.45rem);font-size:clamp(.9rem,1.4vw,1rem);line-height:1.7}.serene-quote{z-index:5;color:#fff;border-radius:28px;width:min(520px,100% - 72px);min-height:166px;padding:26px 30px;position:absolute;top:61%;left:50%;transform:translate(-50%)}.liquid-glass{-webkit-backdrop-filter:blur(14px);background:#ffffff0d;border:none;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff1a}.liquid-glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff73,#ffffff26 20%,#0000 40% 60%,#ffffff26 80%,#ffffff73);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.serene-quote blockquote{z-index:2;font-family:Instrument Serif,serif;font-size:clamp(1.1rem,2vw,1.55rem);line-height:1.35;position:relative}.serene-quote>p{z-index:2;color:#ffffffbf;letter-spacing:.04em;margin-top:18px;font-size:.86rem;position:relative}.serene-rainbow,.serene-cloud{pointer-events:none;position:absolute}.serene-rainbow{z-index:1;opacity:.5;width:124%;top:-46%;left:-12%}.serene-cloud{z-index:0;opacity:.28;filter:blur(.3px);width:260px}.serene-cloud-left{bottom:-30%;left:-44%}.serene-cloud-right{bottom:-22%;right:-54%;transform:scaleX(-1)}.serene-sound{z-index:5;color:#fff9;align-items:center;gap:12px;font-size:.75rem;line-height:1.35;display:flex;position:absolute;bottom:32px;left:32px}.serene-sound span{border:1px solid #fff3;border-radius:999px;place-items:center;width:40px;height:40px;display:grid}.serene-sound i{background:#ffffffc7;border-radius:999px;width:13px;height:2px}.marquee-section{background:#0c0c0c;flex-direction:column;gap:clamp(1rem,2.6vw,2rem);padding:clamp(5rem,9vw,8rem) 0 clamp(4rem,8vw,6rem);display:flex;overflow:hidden}.marquee-row{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-row.move-right{transform:translate(-7%)}.marquee-row.move-left{transform:translate(7%)}.marquee-track{will-change:transform;gap:clamp(1rem,2.2vw,1.6rem);width:max-content;animation:34s linear infinite showcaseLoopLeft;display:flex}.marquee-row.move-right .marquee-track{animation-name:showcaseLoopRight}.marquee-row:hover .marquee-track{animation-play-state:paused}.marquee-tile{aspect-ratio:16/9;object-fit:cover;background:#181818;border:1px solid #ffffff1f;border-radius:clamp(16px,2vw,28px);flex:none;width:clamp(280px,40vw,540px);height:auto;transition:transform .24s,border-color .24s,box-shadow .24s;box-shadow:0 22px 70px #00000061,0 0 28px #49c6ff0f}.marquee-tile:hover{border-color:#49c6ff73;transform:translateY(-8px)scale(1.015);box-shadow:0 28px 86px #00000075,0 0 34px #49c6ff29}.about-section-jack{background:radial-gradient(circle at 50% 18%,#a468ff21,#0000 36%),radial-gradient(circle at 12% 82%,#ff4ae729,#0000 26%),radial-gradient(circle at 90% 78%,#1497ff24,#0000 24%),#07080d;min-height:112vh;padding:clamp(5rem,8vw,7rem) 20px;position:relative;overflow:hidden}.about-section-jack:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 48%,#000 0 48%,#0000 78%);mask-image:radial-gradient(circle at 50% 48%,#000 0 48%,#0000 78%)}.about-decor{z-index:1;pointer-events:none;position:absolute}.about-decor img{filter:drop-shadow(0 0 28px #6cb3ff4d)drop-shadow(0 0 44px #d648ff2e);width:100%}.decor-moon{width:clamp(92px,11vw,160px);top:5%;left:4%}.decor-object{width:clamp(110px,13vw,190px);bottom:4%;left:2%}.decor-lego{width:clamp(96px,11vw,166px);top:6%;right:4%}.decor-group{width:clamp(110px,12vw,180px);bottom:5%;right:4%}.about-content{z-index:2;max-width:1380px;margin:0 auto;position:relative}.about-profile-layout{display:block}.about-title-block{text-align:center}.about-title-block .section-heading{font-size:clamp(4rem,12vw,11rem);line-height:.82}.about-title-block>span{color:#b875ff;letter-spacing:.42em;text-transform:uppercase;text-shadow:0 0 22px #b875ff6b;align-items:center;gap:22px;margin-top:12px;font-size:clamp(.85rem,1.5vw,1.14rem);font-weight:700;display:inline-flex}.about-title-block>span:before,.about-title-block>span:after{content:"";background:linear-gradient(90deg,#0000,#46c3ffd9,#b875ff1a);width:120px;height:1px;box-shadow:0 0 12px #46c3ff59}.about-title-block>span:after{background:linear-gradient(90deg,#b875ff1a,#46c3ffd9,#0000)}.about-grid{grid-template-columns:minmax(300px,390px) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,4.5rem);margin-top:clamp(2.4rem,5vw,4.2rem);display:grid}.about-profile-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff0f,#ffffff05),#080a12c2;border:1px solid #57c6ff47;border-radius:18px;padding:clamp(1.6rem,3vw,2.2rem);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #be40ff1f,0 28px 90px #0000005c,0 0 42px #743fff14}.about-profile-card:before{content:"";background:radial-gradient(circle,#bb50ff29,#0000 66%);border-radius:999px;width:220px;height:220px;position:absolute;inset:-40% auto auto -25%}.about-profile-card h3{color:#fff;letter-spacing:.03em;font-size:clamp(2rem,4vw,3rem);font-weight:900;position:relative}.about-profile-card>strong{color:#b875ff;letter-spacing:.42em;text-transform:uppercase;margin-top:6px;font-size:.84rem;font-weight:800;display:block;position:relative}.about-profile-line{background:linear-gradient(90deg,#28c9ff,#c45cff);width:58px;height:2px;margin:18px 0 28px;box-shadow:0 0 16px #4bc2ff6b}.about-profile-item{grid-template-columns:46px 1fr;align-items:start;gap:16px;padding:18px 0;display:grid;position:relative}.about-profile-item i{background:radial-gradient(circle at 50% 45%,#4ac6ff80,#0000 18%),#ffffff0a;border:1px solid #c45cff8c;border-radius:999px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 0 20px #c45cff33}.about-profile-item b{color:#fff;font-size:1rem;font-weight:800;display:block}.about-profile-item p{color:#d7e2eac7;margin-top:7px;font-size:.94rem;font-weight:400;line-height:1.65}.about-profile-item:nth-of-type(3) p,.about-profile-item:nth-of-type(4) p{color:#ffffffe0;letter-spacing:.01em;font-size:1.06rem}.about-timeline{padding-top:2rem;position:relative}.about-timeline-title{align-items:center;gap:18px;margin-bottom:28px;display:flex}.about-timeline-title span{color:#49c6ff;letter-spacing:.38em;text-transform:uppercase;text-shadow:0 0 18px #49c6ff66;font-size:clamp(.82rem,1.4vw,1rem);font-weight:800}.about-timeline-title i{background:linear-gradient(90deg,#ffffff57,#0000);flex:1;height:1px}.about-timeline-row{grid-template-columns:minmax(280px,440px) minmax(280px,1fr);gap:clamp(1.4rem,4vw,3rem);padding:0 0 32px 64px;display:grid;position:relative}.about-timeline-row:before{content:"";background:linear-gradient(#ffffffb8,#ffffff14);width:1px;position:absolute;top:18px;bottom:-18px;left:15px}.about-timeline-row:last-child:before{bottom:52%}.about-dot{background:radial-gradient(circle,#d9e8ff 0 24%,#7e8cff 28% 45%,#7e8cff1a 50%);border:1px solid #9aadffcc;border-radius:999px;width:30px;height:30px;position:absolute;top:7px;left:-61px;box-shadow:0 0 0 6px #7e8cff1f,0 0 24px #7e8cff7a}.about-timeline-main{position:relative}.about-timeline-main h3{color:#d8e5ff;letter-spacing:.02em;font-size:clamp(1.55rem,3vw,2.15rem);font-weight:900}.about-timeline-main p{color:#ffffffe0;margin-top:8px;font-size:clamp(1rem,1.8vw,1.24rem);font-weight:500}.about-timeline-main em{color:#ffffff57;margin:0 16px;font-style:normal}.about-timeline-main b{color:#b875ff;font-weight:700}.about-timeline-row ul{color:#ffffffdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffff0e,#ffffff05),#070910ad;border:1px solid #49c6ff57;border-radius:14px;margin:0;padding:18px 22px 18px 36px;font-size:clamp(.92rem,1.4vw,1.05rem);line-height:1.75;box-shadow:inset 0 1px #ffffff14,0 0 30px #be40ff14}.section-heading{letter-spacing:-.04em;text-align:center;text-transform:uppercase;font-size:clamp(3rem,12vw,160px);font-weight:900;line-height:.9}.animated-text{color:#d7e2ea;text-align:center;max-width:560px;font-size:clamp(1rem,2vw,1.35rem);font-weight:500;line-height:1.65}.char-wrap{display:inline-block;position:relative}.char-placeholder{opacity:0}.char-animated{position:absolute;inset:0}.services-section{color:#0c0c0c;background:#fff;border-radius:clamp(40px,6vw,60px) clamp(40px,6vw,60px) 0 0;padding:clamp(5rem,9vw,8rem) 20px clamp(6rem,10vw,9rem);position:relative;overflow:hidden}.ability-starfield{z-index:0;pointer-events:none;position:absolute;inset:0}.ability-starfield span{opacity:0;background:#ffd200;border-radius:999px;width:4px;height:4px;animation:4.8s ease-in-out infinite abilityStarTwinkle;position:absolute;box-shadow:0 0 10px #ffd200a6,0 0 22px #ffd20047}.ability-starfield span:before,.ability-starfield span:after{content:"";background:linear-gradient(90deg,#0000,#ffd200e6,#0000);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.ability-starfield span:before{width:18px;height:1px}.ability-starfield span:after{width:1px;height:18px}.ability-starfield span:first-child{animation-delay:.1s;top:7%;left:18%}.ability-starfield span:nth-child(2){animation-delay:1.4s;top:10%;left:78%}.ability-starfield span:nth-child(3){animation-delay:2.1s;top:18%;left:6%}.ability-starfield span:nth-child(4){animation-delay:.8s;top:23%;left:91%}.ability-starfield span:nth-child(5){animation-delay:2.8s;top:33%;left:16%}.ability-starfield span:nth-child(6){animation-delay:1.1s;top:38%;left:84%}.ability-starfield span:nth-child(7){animation-delay:3.2s;top:47%;left:8%}.ability-starfield span:nth-child(8){animation-delay:.4s;top:50%;left:94%}.ability-starfield span:nth-child(9){animation-delay:1.9s;top:59%;left:21%}.ability-starfield span:nth-child(10){animation-delay:3.6s;top:62%;left:76%}.ability-starfield span:nth-child(11){animation-delay:2.4s;top:70%;left:11%}.ability-starfield span:nth-child(12){animation-delay:1.2s;top:73%;left:89%}.ability-starfield span:nth-child(13){animation-delay:3.9s;top:82%;left:18%}.ability-starfield span:nth-child(14){animation-delay:.7s;top:84%;left:69%}.ability-starfield span:nth-child(15){animation-delay:2.9s;top:91%;left:7%}.ability-starfield span:nth-child(16){animation-delay:1.6s;top:92%;left:86%}.ability-starfield span:nth-child(17){animation-delay:3.4s;top:42%;left:3%}.ability-starfield span:nth-child(18){animation-delay:.2s;top:66%;left:96%}.ability-starfield span:nth-child(3n){width:3px;height:3px;animation-duration:5.6s}.ability-starfield span:nth-child(4n){animation-duration:6.2s}.ability-shell{z-index:1;max-width:1180px;margin:0 auto;position:relative}.services-section h2{color:#0c0c0c;letter-spacing:-.045em;text-transform:uppercase;margin-bottom:0;font-size:clamp(4.5rem,13vw,172px);font-weight:900;line-height:.82}.ability-kicker{color:#0c0c0c;margin:1rem 0 clamp(3.5rem,7vw,6rem);font-size:clamp(1.25rem,3vw,2rem);font-weight:900;line-height:1}.ability-kicker span,.ability-content h3 span,.ability-card h4 span{color:#0c0c0c6b;letter-spacing:0;text-transform:uppercase;font-size:.62em;font-weight:700}.ability-section{border-top:1px solid #0c0c0c26;grid-template-columns:minmax(120px,.18fr) 1fr;gap:clamp(2rem,5vw,5rem);padding:clamp(2rem,5vw,4rem) 0;display:grid}.ability-section:last-child{border-bottom:1px solid #0c0c0c26}.ability-number{color:#0c0c0c;letter-spacing:-.08em;font-size:clamp(4rem,10vw,8.6rem);font-weight:900;line-height:.74}.ability-content h3{color:#0c0c0c;letter-spacing:-.035em;margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:900;line-height:1}.ability-lead{color:#07102d;max-width:860px;font-size:clamp(.98rem,1.5vw,1.15rem);font-weight:600;line-height:1.75}.ability-copy{color:#0c0c0c99;max-width:820px;font-size:clamp(.88rem,1.25vw,1rem);font-weight:400;line-height:1.85}.ability-overview-grid{grid-template-columns:1fr 1fr;gap:28px;margin-top:clamp(2rem,4vw,3rem);display:grid}.ability-card,.ability-tool-matrix,.ability-approach-grid{isolation:isolate;background:linear-gradient(135deg,#ffffffeb,#f4f4f4eb),#f7f7f7;border-radius:16px;transition:transform .26s,box-shadow .26s,background .26s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0c0c0c0a,0 24px 70px #0c0c0c0f}.ability-card{padding:clamp(1.35rem,2.4vw,2rem)}.ability-card:before,.ability-tool-matrix:before,.ability-approach-grid:before{content:"";z-index:-1;opacity:0;background:radial-gradient(circle at 18% 0,#ffe66047,#0000 34%),linear-gradient(115deg,#0000 18%,#ffffffad 45%,#0000 62%);transition:opacity .26s,transform .52s;position:absolute;inset:-1px;transform:translate(-14%)}.ability-card:hover,.ability-tool-matrix:hover,.ability-approach-grid:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px #ffd2001f,0 28px 88px #0c0c0c14,0 0 44px #ffd20014}.ability-card:hover:before,.ability-tool-matrix:hover:before,.ability-approach-grid:hover:before{opacity:1;transform:translate(12%)}.ability-card-wide{margin-top:clamp(2rem,4vw,3rem);padding:clamp(1.5rem,3vw,2.45rem)}.ability-card h4{color:#0c0c0c;margin-bottom:clamp(1.4rem,2.4vw,2rem);font-size:clamp(1rem,2vw,1.35rem);font-weight:900;line-height:1}.ability-tags{color:#07102d;font-size:clamp(1rem,1.6vw,1.32rem);font-weight:800;line-height:2}.ability-radar{place-items:center;display:grid}.ability-radar svg{width:min(420px,100%);height:auto;overflow:visible}.radar-grid{fill:none;stroke:#d7e8ff;stroke-width:2px}.radar-grid.middle{fill:#fd03;stroke:none}.radar-grid.inner{fill:#ffdd0061;stroke:none}.radar-fill{fill:#ffd2001f}.radar-line{fill:none;stroke:#ffd200;stroke-linejoin:round;stroke-width:5px;transition:filter .26s,stroke-width .26s}.ability-card:hover .radar-line{filter:drop-shadow(0 0 8px #ffd20075);stroke-width:6px}.ability-radar text{fill:#8392b5;text-anchor:middle;font-family:Kanit,sans-serif;font-size:18px;font-weight:600}.ability-radar text:nth-of-type(2),.ability-radar text:nth-of-type(3){text-anchor:start}.ability-radar text:nth-of-type(5),.ability-radar text:nth-of-type(6){text-anchor:end}.ability-bars{gap:20px;display:grid}.ability-bar{grid-template-columns:minmax(80px,.32fr) minmax(120px,.42fr) 1fr;align-items:center;gap:14px;transition:transform .22s;display:grid}.ability-bar:hover{transform:translate(6px)}.ability-bar strong{color:#07102d;white-space:nowrap;font-size:clamp(.9rem,1.4vw,1.05rem);font-weight:900}.ability-bar em{color:#0c0c0c85;font-size:.76rem;font-style:normal;font-weight:700;line-height:1.2}.ability-bar span{background:linear-gradient(90deg,#0c0c0c14,#0c0c0c0a);border-radius:999px;height:16px;overflow:hidden}.ability-bar i{border-radius:inherit;background:linear-gradient(90deg,#ffd200,#ffea7a);height:100%;transition:filter .22s,box-shadow .22s;display:block;box-shadow:0 0 20px #ffd20042}.ability-bar:hover i{filter:saturate(1.16)brightness(1.04);box-shadow:0 0 26px #ffd2006b}.ability-tool-matrix{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.8rem;display:grid;overflow:hidden}.ability-tool-group{border-right:1px solid #0c0c0c14;min-height:210px;padding:clamp(1.25rem,2.4vw,2rem);transition:background .22s;position:relative}.ability-tool-group:last-child{border-right:0}.ability-tool-group:before{content:"";opacity:0;background:radial-gradient(circle at 50% 0,#ffd2002e,#0000 62%);transition:opacity .22s;position:absolute;inset:0}.ability-tool-group:hover:before{opacity:1}.ability-tool-group:hover{background:#ffffff61}.ability-tool-group h4{color:#07102d;margin-bottom:1.35rem;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:900;position:relative}.ability-tool-group div{flex-wrap:wrap;gap:10px;display:flex;position:relative}.ability-tool-group span{color:#07102dc2;letter-spacing:0;background:#ffffffb8;border:1px solid #0c0c0c1a;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:.78rem;font-weight:800;transition:transform .18s,border-color .18s,box-shadow .18s,color .18s;display:inline-flex}.ability-tool-group span:hover{color:#07102d;border-color:#ffd20080;transform:translateY(-2px);box-shadow:0 10px 26px #0c0c0c14,0 0 18px #ffd2001f}.ability-approach-grid{grid-template-columns:repeat(4,1fr);margin-top:1.8rem;display:grid;overflow:hidden}.ability-approach{border-right:1px solid #0c0c0c1a;min-height:218px;padding:clamp(1.3rem,2.5vw,2.1rem);transition:background .24s,transform .24s;position:relative}.ability-approach:after{content:"";opacity:0;filter:blur(12px);background:#ffd2002e;border-radius:999px;width:38px;height:38px;transition:opacity .24s,transform .24s;position:absolute;bottom:24px;right:24px}.ability-approach:hover{background:#ffffff75;transform:translateY(-2px)}.ability-approach:hover:after{opacity:1;transform:scale(1.25)}.ability-approach:last-child{border-right:0}.ability-approach em{color:#0c0c0c24;margin-bottom:clamp(1rem,2vw,1.5rem);font-family:Kanit,sans-serif;font-size:clamp(3rem,5vw,4.5rem);font-style:normal;font-weight:900;line-height:.82;transition:color .24s;display:block}.ability-approach:hover em{color:#ffd20073}.ability-approach b,.ability-approach span{color:#07102d;font-weight:900;line-height:1.15;display:block}.ability-approach span{color:#0c0c0c7a;margin-top:.35rem;font-size:.88rem}.ability-approach p{color:#0c0c0c99;margin-top:1.2rem;font-size:.85rem;line-height:1.65}.projects-section{z-index:10;background:#0c0c0c;border-radius:clamp(40px,6vw,60px) clamp(40px,6vw,60px) 0 0;margin-top:-56px;padding:clamp(6rem,9vw,8rem) 20px 10rem;position:relative}.project-stack{max-width:1180px;margin:clamp(3.5rem,7vw,7rem) auto 0}.project-sticky-shell{height:85vh;min-height:690px}.project-card{transform-origin:top;background:#0c0c0c;border:2px solid #d7e2ea;border-radius:clamp(40px,6vw,60px);padding:clamp(1rem,2.4vw,2rem);position:sticky;overflow:hidden}.project-top{grid-template-columns:auto minmax(92px,.5fr) minmax(240px,1fr) auto;align-items:center;gap:clamp(1rem,2vw,2rem);margin-bottom:clamp(1rem,2vw,1.75rem);display:grid}.project-top strong{color:#d7e2ea;font-size:clamp(3rem,10vw,140px);font-weight:900;line-height:.8}.project-top span,.project-top h3{color:#d7e2ea;letter-spacing:.05em;text-transform:uppercase;font-weight:500}.project-top span{opacity:.75;font-size:clamp(.9rem,1.5vw,1.1rem)}.project-top h3{font-size:clamp(1.1rem,2.4vw,2.4rem)}.project-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.live-button{color:#d7e2ea;letter-spacing:.12em;text-transform:uppercase;border:2px solid #d7e2ea;border-radius:999px;justify-content:center;align-items:center;min-width:max-content;padding:12px 32px;font-size:clamp(.875rem,1.4vw,1rem);font-weight:500;transition:background .2s;display:inline-flex}.live-button:hover{background:#d7e2ea1a}.project-images{grid-template-columns:.4fr .6fr;gap:clamp(.8rem,1.5vw,1.25rem);display:grid}.project-left{gap:clamp(.8rem,1.5vw,1.25rem);display:grid}.project-left img,.project-right img{object-fit:cover;background:#171717;border-radius:clamp(34px,5vw,58px);width:100%}.project-left img:first-child{height:clamp(130px,16vw,230px)}.project-left img:last-child{height:clamp(160px,22vw,340px)}.project-right img{object-position:top center;height:calc(clamp(130px,16vw,230px) + clamp(160px,22vw,340px) + clamp(.8rem,1.5vw,1.25rem))}.project-card:first-child .project-left img:first-child{object-position:center top}.project-card:first-child .project-left img:last-child{object-position:center}.project-card:first-child .project-right img,.project-card:nth-child(n+3) img{object-position:center top}.wukong-page{color:#f5f7fb;background:#0a0d0f;min-height:100vh}.wukong-detail-hero{background:radial-gradient(circle at 72% 34%,#1574ff3d,#0000 34%),radial-gradient(circle at 18% 80%,#00dcff1f,#0000 30%),linear-gradient(135deg,#060708,#111615 48%,#050607);min-height:100vh;padding:clamp(1.2rem,3vw,2.4rem);position:relative;overflow:hidden}.wukong-detail-hero:before{content:"";opacity:.16;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0}.wukong-detail-nav,.wukong-hero-grid,.wukong-spec-strip{z-index:1;width:min(1180px,100% - 24px);margin:0 auto;position:relative}.wukong-detail-nav{color:#f5f7fb9e;letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:.2rem 0 clamp(3rem,6vw,5rem);font-size:.76rem;font-weight:800;display:flex}.wukong-detail-nav a{color:#fff}.wukong-hero-grid{grid-template-columns:minmax(320px,.82fr) minmax(420px,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.wukong-hero-copy>p:first-child{color:#48a4ff;letter-spacing:.14em;margin-bottom:1rem;font-size:clamp(.9rem,1.4vw,1.1rem);font-weight:700}.wukong-hero-copy h1{color:#fff;letter-spacing:-.05em;max-width:620px;font-size:clamp(3rem,7vw,7rem);font-weight:900;line-height:.96}.wukong-hero-copy>span{color:#f5f7fb94;margin-top:1rem;font-size:clamp(1rem,1.8vw,1.4rem);font-weight:600;display:block}.wukong-hero-desc{color:#f5f7fbad;max-width:590px;margin-top:clamp(1.8rem,3vw,2.6rem);font-size:clamp(.95rem,1.35vw,1.08rem);font-weight:500;line-height:1.9}.wukong-hero-actions{flex-wrap:wrap;gap:14px;margin-top:clamp(2rem,3vw,2.8rem);display:flex}.wukong-hero-actions a{color:#fff;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 22px;font-size:.82rem;font-weight:800;display:inline-flex}.wukong-hero-actions a:first-child{background:linear-gradient(135deg,#006cff,#00b2ff);border-color:#007aff8c;box-shadow:0 18px 50px #006aff47}.wukong-hero-visual{position:relative}.wukong-hero-visual:before{content:"";filter:blur(52px);background:#007aff38;border-radius:40px;position:absolute;inset:8% 4% 8% 0}.wukong-hero-visual img{object-fit:cover;object-position:top center;border:1px solid #7cbeff47;border-radius:clamp(24px,4vw,44px);width:100%;max-height:660px;position:relative;box-shadow:0 30px 90px #00000061}.wukong-spec-strip{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:22px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:clamp(3rem,6vw,5rem);display:grid;overflow:hidden}.wukong-spec-strip section{background:#0000002e;padding:clamp(1rem,2vw,1.45rem)}.wukong-spec-strip span,.wukong-spec-strip strong{display:block}.wukong-spec-strip span{color:#f5f7fb7a;margin-bottom:.5rem;font-size:.76rem;font-weight:800}.wukong-spec-strip strong{color:#fff;font-size:clamp(.9rem,1.25vw,1.05rem);font-weight:800}.wukong-white-case{color:#101217;background:radial-gradient(circle at 8% 20%,#007aff14,#0000 24%),#f6f8fb;padding:clamp(4rem,8vw,7rem) 20px}.wukong-case-cover,.wukong-case-sections,.wukong-long-shot{width:min(1180px,100%);margin-left:auto;margin-right:auto}.wukong-case-cover{background:#fff;border-radius:clamp(28px,5vw,54px);grid-template-columns:minmax(300px,.82fr) minmax(420px,1fr);align-items:center;gap:clamp(2rem,5vw,4rem);padding:clamp(1.5rem,4vw,3.2rem);display:grid;box-shadow:0 30px 90px #141e3214}.wukong-case-cover span{color:#8a94a6;letter-spacing:-.08em;font-size:clamp(2.5rem,8vw,6.5rem);font-weight:900;line-height:.8}.wukong-case-cover h2{color:#05070b;letter-spacing:-.05em;margin-top:1.6rem;font-size:clamp(2rem,5vw,4.4rem);font-weight:900}.wukong-case-cover p{color:#1012178f;max-width:560px;margin-top:1.3rem;font-size:clamp(.95rem,1.4vw,1.1rem);font-weight:600;line-height:1.85}.wukong-case-cover img{border-radius:clamp(20px,4vw,38px);width:100%}.wukong-feature-pills{flex-wrap:wrap;gap:12px;margin-top:2rem;display:flex}.wukong-feature-pills b{color:#006cff;border:1px solid #007aff2e;border-radius:999px;align-items:center;min-height:42px;padding:0 18px;font-size:.88rem;font-weight:900;display:inline-flex}.wukong-case-sections{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;display:grid}.wukong-case-sections article{background:#fff;border-radius:24px;padding:clamp(1.3rem,2.8vw,2rem);box-shadow:0 18px 50px #141e320f}.wukong-case-sections strong{color:#006cff;font-size:.92rem;font-weight:900}.wukong-case-sections h3{color:#101217;margin-top:.9rem;font-size:clamp(1.2rem,2.2vw,1.65rem);font-weight:900}.wukong-case-sections p{color:#10121794;margin-top:.8rem;font-size:.92rem;font-weight:600;line-height:1.7}.wukong-long-shot{background:#0b0d0f;border-radius:clamp(24px,4vw,46px);margin-top:22px;overflow:hidden;box-shadow:0 30px 90px #141e321a}.wukong-long-shot img{width:100%;height:auto;display:block}.design-case-page{color:#07102d;background:#f3f8ff;min-height:100vh}.design-case-hero{background:radial-gradient(circle at 78% 18%,#0076ff29,#0000 28%),radial-gradient(circle at 12% 92%,#7ac1ff2e,#0000 30%),linear-gradient(135deg,#fff,#edf5ff);padding:clamp(1.2rem,3vw,2.4rem) 20px clamp(3rem,7vw,6rem);position:relative;overflow:hidden}.design-case-hero:before{content:"";opacity:.48;background:linear-gradient(120deg,#0000 0 42%,#0076ff1a 42% 43%,#0000 43%),radial-gradient(circle at 54% 45%,#fffc,#0000 34%);position:absolute;inset:0}.design-case-nav,.design-case-intro,.design-case-long{z-index:1;width:min(1180px,100%);margin:0 auto;position:relative}.design-case-nav{color:#07102d7a;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:1rem;padding-bottom:clamp(3rem,7vw,6rem);font-size:.74rem;font-weight:900;display:flex}.design-case-nav a{color:#006cff}.design-case-intro{grid-template-columns:minmax(90px,.18fr) 1fr;align-items:start;gap:clamp(1.5rem,4vw,4rem);display:grid}.design-case-intro>span{color:#006cff38;letter-spacing:-.08em;font-size:clamp(5rem,15vw,13rem);font-style:italic;font-weight:900;line-height:.72}.design-case-intro p:first-child{color:#006cff;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1rem;font-size:clamp(.85rem,1.4vw,1.05rem);font-weight:900}.design-case-intro h1{color:#07102d;letter-spacing:-.07em;max-width:840px;font-size:clamp(3rem,8vw,8.2rem);font-weight:900;line-height:.9}.design-case-intro strong{color:#07102db8;margin-top:1.2rem;font-size:clamp(1rem,2vw,1.4rem);font-weight:900;display:block}.design-case-intro p:last-child{color:#07102d94;max-width:720px;margin-top:1.6rem;font-size:clamp(.95rem,1.4vw,1.08rem);font-weight:600;line-height:1.8}.design-case-long{background:#fff;border-radius:clamp(24px,4vw,48px);margin-top:-2.4rem;overflow:hidden;box-shadow:0 30px 90px #1450a01a}.design-case-long img{width:100%;height:auto;display:block}.digital-twin-page{color:#eaf4ff;background:#02060d;min-height:100vh}.digital-twin-hero{background:radial-gradient(circle at 72% 34%,#006cff47,#0000 30%),radial-gradient(circle at 50% 100%,#00baff2e,#0000 32%),linear-gradient(135deg,#030915,#06111f 48%,#02050a);padding:clamp(1.2rem,3vw,2.4rem) 20px clamp(3rem,7vw,6rem);position:relative;overflow:hidden}.digital-twin-hero:before{content:"";opacity:.32;background-color:#0000;background-image:linear-gradient(#007aff1f 1px,#0000 1px),linear-gradient(90deg,#007aff1a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:58px 58px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.digital-twin-nav,.digital-twin-intro,.digital-twin-case-body{z-index:1;width:min(1180px,100%);margin:0 auto;position:relative}.digital-twin-nav{color:#eaf4ff94;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:1rem;padding-bottom:clamp(3rem,7vw,6rem);font-size:.74rem;font-weight:900;display:flex}.digital-twin-nav a{color:#4eb4ff}.digital-twin-intro{grid-template-columns:minmax(360px,.9fr) minmax(360px,.7fr);align-items:end;gap:clamp(2rem,5vw,5rem);display:grid}.digital-twin-intro>div:first-child>p{color:#0877ff;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem;font-size:clamp(.86rem,1.4vw,1.05rem);font-weight:900}.digital-twin-intro h1{color:#fff;letter-spacing:-.08em;max-width:760px;font-size:clamp(3.2rem,8.6vw,8.8rem);font-weight:900;line-height:.9}.digital-twin-intro>div:first-child>span{color:#eaf4ffa8;max-width:620px;margin-top:1.6rem;font-size:clamp(1rem,1.7vw,1.3rem);font-weight:600;line-height:1.7;display:block}.digital-twin-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040d1cc2;border:1px solid #007aff47;border-radius:28px;padding:clamp(1.2rem,2.6vw,2rem);overflow:hidden;box-shadow:0 30px 90px #00000052,inset 0 0 44px #007aff14}.digital-twin-panel>strong{color:#0877ff;letter-spacing:-.08em;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:900;line-height:.8}.digital-twin-panel h2{color:#fff;margin-top:1rem;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:900}.digital-twin-panel p{color:#eaf4ff9e;margin-top:.9rem;font-size:.95rem;font-weight:600;line-height:1.7}.digital-twin-module-tabs{grid-template-columns:1fr 1fr;gap:10px;margin-top:1.6rem;display:grid}.digital-twin-module-tabs button,.digital-twin-metrics button{cursor:pointer;color:#eaf4ffc7;font:inherit;background:#ffffff0a;border:1px solid #007aff3d;border-radius:16px;font-size:.86rem;font-weight:800;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}.digital-twin-module-tabs button{text-align:left;gap:.35rem;padding:14px;display:grid}.digital-twin-module-tabs button span{color:#0877ff;font-size:.72rem}.digital-twin-module-tabs button:hover,.digital-twin-module-tabs button.active,.digital-twin-metrics button:hover{background:#007aff29;border-color:#00a8ffa6;transform:translateY(-2px);box-shadow:0 0 28px #007aff2e}.digital-twin-case-body{padding:clamp(3rem,6vw,5rem) 20px clamp(5rem,8vw,7rem)}.digital-twin-metrics{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.digital-twin-metrics button{border-radius:999px;min-height:42px;padding:0 18px}.digital-twin-long-shot{background:#02060d;border:1px solid #007aff3d;border-radius:clamp(24px,4vw,46px);overflow:hidden;box-shadow:0 30px 90px #00000052}.digital-twin-long-shot img{width:100%;height:auto;display:block}.xiaomi-page{color:#f8f8f8;background:#080808;min-height:100vh}.xiaomi-hero{background:radial-gradient(circle at 74% 28%,#ff670038,#0000 28%),radial-gradient(circle at 22% 84%,#ffffff14,#0000 32%),linear-gradient(135deg,#111,#070707 52%,#150b04);padding:clamp(1.2rem,3vw,2.4rem) 20px clamp(3rem,7vw,6rem);position:relative;overflow:hidden}.xiaomi-nav,.xiaomi-intro,.xiaomi-case-body{z-index:1;width:min(1180px,100%);margin:0 auto;position:relative}.xiaomi-nav{color:#f8f8f894;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:1rem;padding-bottom:clamp(3rem,7vw,5.5rem);font-size:.74rem;font-weight:900;display:flex}.xiaomi-nav a{color:#ff6900}.xiaomi-intro{grid-template-columns:minmax(320px,.9fr) minmax(320px,.62fr);align-items:end;gap:clamp(2rem,5vw,5rem);display:grid}.xiaomi-logo-mark{color:#fff;background:#ff6900;border-radius:16px;grid-column:1/-1;place-items:center;width:58px;height:58px;font-size:1.3rem;font-weight:900;display:grid}.xiaomi-intro>p{color:#f8f8f894;letter-spacing:.12em;grid-column:1/2;margin:1rem 0 -1rem;font-size:clamp(.9rem,1.4vw,1.05rem);font-weight:800}.xiaomi-intro h1{color:#fff;letter-spacing:-.07em;grid-column:1/2;font-size:clamp(3.3rem,8vw,8.4rem);font-weight:900;line-height:.92}.xiaomi-intro>span{color:#f8f8f8ad;grid-column:1/2;max-width:540px;font-size:clamp(1rem,1.8vw,1.35rem);font-weight:700;display:block}.xiaomi-mode-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ff690014;border:1px solid #ff690057;border-radius:28px;grid-area:2/2/span 3/3;padding:clamp(1.2rem,2.6vw,2rem);box-shadow:0 28px 80px #0000004d,inset 0 0 40px #ff690014}.xiaomi-mode-card strong{color:#ff6900;letter-spacing:-.08em;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:900;line-height:.8}.xiaomi-mode-card h2{color:#fff;margin-top:1rem;font-size:clamp(1.5rem,3vw,2.3rem);font-weight:900}.xiaomi-mode-card p{color:#f8f8f89e;margin-top:.9rem;font-size:.95rem;font-weight:600;line-height:1.75}.xiaomi-mode-tabs{flex-wrap:wrap;grid-column:1/-1;gap:12px;margin-top:clamp(2rem,4vw,3rem);display:flex}.xiaomi-mode-tabs button,.xiaomi-quick-actions button{cursor:pointer;color:#f8f8f8c7;font:inherit;background:#ffffff0a;border:1px solid #ff690047;border-radius:999px;font-size:.86rem;font-weight:900;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}.xiaomi-mode-tabs button{min-height:44px;padding:0 18px}.xiaomi-mode-tabs button:hover,.xiaomi-mode-tabs button.active,.xiaomi-quick-actions button:hover{background:#ff690029;border-color:#ff6900b8;transform:translateY(-2px);box-shadow:0 0 30px #ff69002e}.xiaomi-case-body{padding:clamp(3rem,6vw,5rem) 20px clamp(5rem,8vw,7rem)}.xiaomi-quick-actions{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.xiaomi-quick-actions button{min-height:42px;padding:0 18px}.xiaomi-long-shot{background:#101010;border:1px solid #ff690038;border-radius:clamp(24px,4vw,46px);overflow:hidden;box-shadow:0 30px 90px #00000057}.xiaomi-long-shot img{width:100%;height:auto;display:block}.enterprise-page{color:#eaf4ff;background:#020817;min-height:100vh}.enterprise-hero{background:radial-gradient(circle at 76% 28%,#006cff4d,#0000 30%),radial-gradient(circle at 50% 100%,#00baff38,#0000 34%),linear-gradient(135deg,#030817,#06172d 50%,#02050d);padding:clamp(1.2rem,3vw,2.4rem) 20px clamp(3rem,7vw,6rem);position:relative;overflow:hidden}.enterprise-hero:before{content:"";opacity:.36;background-color:#0000;background-image:linear-gradient(#007aff21 1px,#0000 1px),linear-gradient(90deg,#007aff1c 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:56px 56px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.enterprise-nav,.enterprise-intro,.enterprise-case-body{z-index:1;width:min(1180px,100%);margin:0 auto;position:relative}.enterprise-nav{color:#eaf4ff94;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:1rem;padding-bottom:clamp(3rem,7vw,6rem);font-size:.74rem;font-weight:900;display:flex}.enterprise-nav a{color:#3aa7ff}.enterprise-intro{grid-template-columns:minmax(360px,.88fr) minmax(360px,.72fr);align-items:end;gap:clamp(2rem,5vw,5rem);display:grid}.enterprise-intro>div:first-child>p{color:#0877ff;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem;font-size:clamp(.86rem,1.4vw,1.05rem);font-weight:900}.enterprise-intro h1{color:#fff;letter-spacing:-.08em;max-width:760px;font-size:clamp(3.2rem,8.2vw,8.4rem);font-weight:900;line-height:.9}.enterprise-intro>div:first-child>span{color:#eaf4ffa8;max-width:640px;margin-top:1.6rem;font-size:clamp(1rem,1.7vw,1.3rem);font-weight:600;line-height:1.7;display:block}.enterprise-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040d22c7;border:1px solid #007aff57;border-radius:28px;padding:clamp(1.2rem,2.6vw,2rem);overflow:hidden;box-shadow:0 30px 90px #00000057,inset 0 0 46px #007aff1a}.enterprise-panel>strong{color:#0877ff;letter-spacing:-.08em;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:900;line-height:.8}.enterprise-panel h2{color:#fff;margin-top:1rem;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:900}.enterprise-panel p{color:#eaf4ff9e;margin-top:.9rem;font-size:.95rem;font-weight:600;line-height:1.7}.enterprise-layer-tabs{grid-template-columns:1fr 1fr;gap:10px;margin-top:1.6rem;display:grid}.enterprise-layer-tabs button,.enterprise-quick-actions button{cursor:pointer;color:#eaf4ffc7;font:inherit;background:#ffffff0a;border:1px solid #007aff42;border-radius:16px;font-size:.86rem;font-weight:800;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}.enterprise-layer-tabs button{text-align:left;gap:.35rem;padding:14px;display:grid}.enterprise-layer-tabs button span{color:#0877ff;font-size:.72rem}.enterprise-layer-tabs button:hover,.enterprise-layer-tabs button.active,.enterprise-quick-actions button:hover{background:#007aff29;border-color:#00a8ffa6;transform:translateY(-2px);box-shadow:0 0 28px #007aff2e}.enterprise-case-body{padding:clamp(3rem,6vw,5rem) 20px clamp(5rem,8vw,7rem)}.enterprise-quick-actions{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.enterprise-quick-actions button{border-radius:999px;min-height:42px;padding:0 18px}.enterprise-long-shot{background:#020817;border:1px solid #007aff40;border-radius:clamp(24px,4vw,46px);overflow:hidden;box-shadow:0 30px 90px #00000057}.enterprise-long-shot img{width:100%;height:auto;display:block}.contact-section-jack{text-align:center;background:#0c0c0c;place-items:center;gap:28px;min-height:75vh;padding:8rem 20px;display:grid}.contact-section-jack p{color:#d7e2ea;max-width:560px;font-size:clamp(1rem,2vw,1.35rem);font-weight:300;line-height:1.6}.contact-info{color:#d7e2ea;letter-spacing:.02em;gap:10px;font-size:clamp(1.25rem,3vw,2.1rem);font-weight:800;display:grid}.contact-info a{transition:color .18s,text-shadow .18s}.contact-info a:hover{color:#fff;text-shadow:0 0 22px #49c6ff66}.qr-contact-button,.qr-actions a{color:#fff;cursor:pointer;letter-spacing:.18em;background:linear-gradient(145deg,#ffffff1a,#ffffff08),#080a12b3;border:1px solid #49c6ff5c;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 34px;font-family:inherit;font-size:.92rem;font-weight:900;transition:transform .2s,border-color .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff24,0 0 #49c6ff00}.qr-contact-button:hover,.qr-actions a:hover{border-color:#b875ffbd;transform:translateY(-2px);box-shadow:inset 0 1px #fff3,0 0 26px #49c6ff3d,0 0 42px #b875ff33}.qr-modal{z-index:180;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.qr-modal-backdrop{cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b8;border:0;position:absolute;inset:0}.qr-card{z-index:1;background:#fff;border:1px solid #49c6ff57;border-radius:24px;width:min(420px,100%);padding:18px;animation:.28s cubic-bezier(.16,1,.3,1) both qrPop;position:relative;box-shadow:0 0 34px #49c6ff47,0 0 64px #b875ff2e,0 30px 100px #00000080}.qr-card img{border-radius:14px;width:100%}.qr-close{color:#fff;cursor:pointer;background:#080a12eb;border:1px solid #fff3;border-radius:999px;place-items:center;width:36px;height:36px;font-size:1.35rem;line-height:1;display:grid;position:absolute;top:-14px;right:-14px}.qr-actions{justify-content:center;margin-top:16px;display:flex}.qr-actions a{color:#fff;background:#0c0c0c;border-color:#0c0c0c29;min-height:44px;font-size:.82rem}@keyframes borderRotate{to{--border-angle:360deg}}@keyframes controlFill{0%{transform:scaleX(0)}96%{transform:scaleX(1)}to{transform:scaleX(1)}}@keyframes controlShine{0%,86%{opacity:0;transform:translate(-24px)skew(-16deg)}94%{opacity:.9}to{opacity:0;transform:translate(28px)skew(-16deg)}}@keyframes controlGlow{0%,88%{box-shadow:0 0 #a068ff00}96%{box-shadow:0 0 18px #a068ff6b,0 0 44px #be4c0038}to{box-shadow:0 0 26px #a068ff80,0 0 58px #be4c003d}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes blink{50%{opacity:0}}@keyframes spinLeft{to{transform:translate(-50%,-50%)rotate(-360deg)}}@keyframes spinRight{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes avatarFly{0%{opacity:0;filter:blur(10px);scale:.3}to{opacity:1;filter:blur();scale:1}}@keyframes logoScroll{to{transform:translate(-50%)}}@keyframes showcaseLoopLeft{0%{transform:translate(0,0)}to{transform:translate(calc(-33.333% - .55rem))}}@keyframes showcaseLoopRight{0%{transform:translate(calc(-33.333% - .55rem))}to{transform:translate(0,0)}}@keyframes expressionScan{0%,to{opacity:0;transform:translateY(6px)}40%,60%{opacity:.7}50%{transform:translateY(68px)}}@keyframes sparkFloat{0%,to{opacity:.35;transform:translateY(0)scale(.8)}50%{opacity:1;transform:translateY(-8px)scale(1.1)}}@keyframes expressionGlitch{0%{transform:translate(calc(-50% + var(--look-x) - 1px), var(--look-y)) rotate(calc(var(--face-tilt) - 1deg))}to{transform:translate(calc(-50% + var(--look-x) + 1px), calc(var(--look-y) + 1px)) rotate(calc(var(--face-tilt) + 1deg))}}@keyframes portraitPulse{0%{transform:translate(calc(var(--look-x) * .14 - 1px), calc(var(--look-y) * .1)) rotate(calc(var(--face-tilt) * .28 - 1deg))}to{transform:translate(calc(var(--look-x) * .14 + 1px), calc(var(--look-y) * .1 + 1px)) rotate(calc(var(--face-tilt) * .28 + 1deg))}}@keyframes liquidNavGlow{0%{transform:translate(-12%)scaleX(.96)}to{transform:translate(12%)scaleX(1.04)}}@keyframes abilityStarTwinkle{0%,72%,to{opacity:0;transform:scale(.4)rotate(0)}8%{opacity:.95;transform:scale(1)rotate(12deg)}16%{opacity:.36;transform:scale(.72)rotate(26deg)}}@keyframes moduleEnter{0%{opacity:0;transform:translateY(24px)scale(.985)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes sectionReveal{0%{opacity:0;transform:translateY(64px)}to{opacity:1;transform:translate(0,0)}}@keyframes moduleReveal{0%{opacity:0;transform:translateY(36px)scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes qrPop{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translate(0,0)scale(1)}}@media (prefers-reduced-motion:reduce){.carousel-progress,.carousel-progress:after,.carousel-controls button.active,.floating-nav:before,.marquee-track,.ability-starfield span,.home-carousel,.marquee-section,.about-section-jack,.services-section,.projects-section,.contact-section-jack,.ability-section,.ability-card,.ability-tool-matrix,.ability-approach-grid,.project-card,.contact-info,.qr-contact-button{animation:none}.carousel-progress{transform:scaleX(1)}.ability-card,.ability-tool-matrix,.ability-approach-grid,.ability-bar,.ability-tool-group,.ability-tool-group span,.ability-approach,.ability-approach em,.radar-line,.ability-bar i,.floating-nav-shell,.back-to-top-button{transition:none}.ability-starfield span{opacity:.28}.ability-card:hover,.ability-tool-matrix:hover,.ability-approach-grid:hover,.ability-bar:hover,.ability-approach:hover,.ability-tool-group span:hover{transform:none}}@media (width<=768px){.home-carousel,.hero-section-jack{min-height:780px}.hero-nav{letter-spacing:.06em;gap:12px;padding:22px 18px 0;font-size:.78rem}.hero-heading-wrap{margin-top:34px}.hero-title{letter-spacing:-.055em;font-size:clamp(3.6rem,18vw,6rem);line-height:.86}.hero-cn-title-wrap{width:min(440px,100% - 30px);top:35%}.hero-cn-title:before{filter:blur(24px);height:94px;inset:16% 0 auto}.hero-cn-title:after{inset:53% 4% auto}.hero-cn-title p{letter-spacing:.18em;text-indent:.18em;margin-bottom:.5rem;font-size:.72rem}.hero-cn-title h2{letter-spacing:-.12em;text-indent:-.12em;-webkit-text-stroke-width:.7px;font-size:clamp(3.45rem,17.8vw,6.4rem);line-height:.78;transform:scaleX(1.08)}.hero-portrait-wrap{width:clamp(170px,46vw,224px);top:64%;bottom:auto;transform:translate(-50%,-50%)}.hero-bottom{align-items:flex-start;padding:0 18px;bottom:86px}.hero-design-title{font-size:1rem}.hero-device-icons{grid-template-columns:repeat(4,34px);gap:1.4rem;margin-top:2rem}.hero-device-icons svg{width:34px;height:34px}.reactive-expression{width:70px;top:18px;left:108%}.reactive-expression b{display:none}.carousel-controls{justify-content:center;gap:8px;bottom:18px;left:16px;right:16px}.carousel-controls button{flex:1;justify-content:center;padding:0 10px}.carousel-controls button b{text-overflow:ellipsis;white-space:nowrap;max-width:92px;overflow:hidden}}@media (width<=480px){.serene-content{width:min(360px,100% - 32px);top:34%}.serene-content h2{font-size:clamp(2.35rem,12vw,3.9rem);line-height:1}.serene-content p{font-size:.88rem;line-height:1.55}.serene-quote{width:calc(100% - 36px);min-height:136px;padding:18px;display:block;top:61%;bottom:auto;left:50%;transform:translate(-50%)}.serene-quote blockquote{font-size:1.02rem;line-height:1.3}.serene-quote>p{margin-top:12px;font-size:.72rem}.marquee-section{padding-top:4.5rem}.marquee-tile{border-radius:18px;width:78vw}}@media (width>=640px){.hero-nav{padding:32px 40px 0}.hero-bottom{padding:0 40px 32px}.marquee-section{padding-top:128px}}@media (width>=768px){.hero-heading-wrap{margin-top:-20px}.hero-bottom{padding-bottom:40px}.marquee-section{padding-top:160px}}@media (width<=900px){.about-grid,.about-timeline-row{grid-template-columns:1fr}.about-timeline-row{gap:18px}.project-top{grid-template-columns:auto 1fr}.project-top h3,.project-actions{grid-column:1/-1}.project-actions{justify-content:flex-start}.wukong-hero-grid,.wukong-case-cover,.design-case-intro,.digital-twin-intro,.xiaomi-intro,.enterprise-intro{grid-template-columns:1fr}.wukong-spec-strip,.wukong-case-sections{grid-template-columns:1fr 1fr}}@media (width<=680px){.serene-nav{padding:16px 18px}.serene-nav nav{display:none}.serene-menu{display:block}.serene-content{top:34%}.serene-quote{width:calc(100% - 36px);min-height:150px;padding:22px;top:61%;bottom:auto;left:50%;transform:translate(-50%)}.serene-sound{display:none}.hero-section-jack{min-height:780px}.about-section-jack{min-height:auto;padding:4.5rem 14px}.about-title-block>span{letter-spacing:.22em;gap:12px}.about-title-block>span:before,.about-title-block>span:after{width:42px}.about-grid{margin-top:2rem}.about-profile-card{padding:1.35rem}.about-profile-item{grid-template-columns:36px 1fr;gap:12px}.about-profile-item i{width:34px;height:34px}.about-timeline{padding-top:0}.about-timeline-row{padding:0 0 28px 42px}.about-timeline-row:before{left:12px}.about-dot{width:24px;height:24px;left:-40px}.about-timeline-main em{margin:0 8px}.about-timeline-row ul{padding:16px 18px 16px 30px}.hero-nav{gap:12px;padding:22px 18px 0;font-size:.78rem}.floating-nav-shell{width:min(430px,100% - 20px);top:10px}.floating-nav{gap:4px;padding:8px;font-size:.72rem}.floating-nav a{padding:8px 9px}.back-to-top-button{width:46px;height:46px;bottom:14px;right:14px}.hero-heading-wrap{margin-top:34px}.hero-title{letter-spacing:-.055em;white-space:normal;font-size:clamp(3.6rem,18vw,6rem);line-height:.86}.hero-cn-title-wrap{width:min(440px,100% - 30px);top:35%}.hero-cn-title:before{filter:blur(24px);height:94px;inset:16% 0 auto}.hero-cn-title:after{inset:53% 4% auto}.hero-cn-title p{letter-spacing:.18em;text-indent:.18em;margin-bottom:.5rem;font-size:.72rem}.hero-cn-title h2{letter-spacing:-.12em;text-indent:-.12em;-webkit-text-stroke-width:.7px;font-size:clamp(3.45rem,17.8vw,6.4rem);line-height:.78;transform:scaleX(1.08)}.hero-portrait-wrap{width:clamp(170px,46vw,224px);top:64%;bottom:auto;transform:translate(-50%,-50%)}.reactive-expression{border-radius:26px 26px 30px 30px;width:82px;top:24px}.reactive-expression b{font-size:.52rem;bottom:-30px}.expression-eyes i{width:18px;height:18px}.hero-bottom{flex-direction:column;align-items:flex-start;gap:24px;padding:0 18px;bottom:86px}.hero-design-title strong,.hero-design-title span{font-size:1rem}.hero-device-icons{grid-template-columns:repeat(4,34px);gap:1.55rem;margin-top:2.3rem}.hero-device-icons svg{width:34px;height:34px}.marquee-tile{border-radius:18px;width:78vw;height:auto}.decor{opacity:.44}.decor-moon{left:1%}.decor-object{left:3%}.decor-lego{right:1%}.decor-group{right:3%}.services-section{padding:4.5rem 14px}.services-section h2{font-size:clamp(3.6rem,21vw,5.8rem)}.ability-kicker{margin-bottom:3rem}.ability-section,.ability-overview-grid,.ability-tool-matrix,.ability-approach-grid{grid-template-columns:1fr}.ability-section{gap:1.5rem}.ability-number{font-size:clamp(4.8rem,24vw,6.4rem)}.ability-card{border-radius:14px}.ability-bar{grid-template-columns:92px 1fr}.ability-bar em{display:none}.ability-tool-group{border-bottom:1px solid #0c0c0c14;border-right:0;min-height:auto}.ability-tool-group:last-child{border-bottom:0}.ability-approach{border-bottom:1px solid #0c0c0c1a;border-right:0}.ability-approach:last-child{border-bottom:0}.project-sticky-shell{height:auto;min-height:0;margin-bottom:28px}.project-card{position:relative;top:auto!important}.project-images{grid-template-columns:1fr}.project-right img{height:430px}.wukong-detail-hero{padding:1rem 14px 3rem}.wukong-detail-nav{gap:1rem;width:100%;padding-bottom:2.5rem;font-size:.64rem}.wukong-hero-grid,.wukong-spec-strip,.wukong-case-cover,.wukong-case-sections,.wukong-long-shot{width:100%}.wukong-hero-copy h1{font-size:clamp(2.6rem,15vw,4.4rem)}.wukong-hero-visual img{max-height:520px}.wukong-spec-strip,.wukong-case-sections{grid-template-columns:1fr}.wukong-white-case{padding:3rem 14px}.wukong-case-cover{border-radius:28px}.design-case-hero{padding:1rem 14px 3rem}.design-case-nav{padding-bottom:2.5rem;font-size:.62rem}.design-case-intro,.design-case-long{width:100%}.design-case-intro>span{font-size:clamp(4.2rem,24vw,6rem)}.design-case-intro h1{font-size:clamp(2.5rem,14vw,4.3rem)}.design-case-long{border-radius:24px;margin-top:0}.digital-twin-hero{padding:1rem 14px 3rem}.digital-twin-nav{padding-bottom:2.5rem;font-size:.62rem}.digital-twin-intro,.digital-twin-case-body{width:100%}.digital-twin-intro h1{font-size:clamp(2.6rem,14vw,4.5rem)}.digital-twin-module-tabs{grid-template-columns:1fr}.digital-twin-case-body{padding:3rem 14px 4.5rem}.digital-twin-long-shot{border-radius:24px}.xiaomi-hero,.enterprise-hero{padding:1rem 14px 3rem}.xiaomi-nav,.enterprise-nav{padding-bottom:2.5rem;font-size:.62rem}.xiaomi-intro,.xiaomi-case-body,.enterprise-intro,.enterprise-case-body{width:100%}.xiaomi-logo-mark{border-radius:14px;width:48px;height:48px}.xiaomi-intro>p,.xiaomi-intro h1,.xiaomi-intro>span,.xiaomi-mode-card{grid-column:1}.xiaomi-mode-card{grid-row:auto}.xiaomi-intro h1,.enterprise-intro h1{font-size:clamp(2.6rem,14vw,4.5rem)}.xiaomi-case-body,.enterprise-case-body{padding:3rem 14px 4.5rem}.xiaomi-long-shot,.enterprise-long-shot{border-radius:24px}.enterprise-layer-tabs{grid-template-columns:1fr}}@media (width<=430px){.hero-nav{font-size:.68rem}.hero-nav a{white-space:nowrap}.hero-cn-title-wrap{top:34%}.hero-cn-title h2{font-size:clamp(3rem,16.8vw,4.7rem)}.hero-portrait-wrap{width:178px;top:63%}.hero-bottom{bottom:92px}.floating-nav{letter-spacing:.04em;justify-content:center;gap:2px;font-size:.66rem}.floating-nav a{padding:8px 7px}.live-button{width:100%}.project-top{grid-template-columns:1fr}}