:root{--bg:#03050d;--bg-deep:#070b18;--ink:#f7fbff;--muted:#9ba8c7;--line:#9fb8ff2e;--cyan:#31e7ff;--blue:#5e8cff;--violet:#a855f7;--pink:#ff4ecd;--green:#5cffc6;--panel:#0a1024ad;--panel-strong:#101834e0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 18% 12%, #5e8cff33, transparent 30%), radial-gradient(circle at 82% 10%, #a855f733, transparent 28%), linear-gradient(180deg, #02030a 0%, var(--bg) 46%, #07101e 100%);min-width:320px;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow-x:hidden}body:before{z-index:-3;content:"";background-color:#0000;background-image:linear-gradient(90deg,#5cffc60d 1px,#0000 1px),linear-gradient(#5e8cff0d 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:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000 78%);mask-image:linear-gradient(#000000e6,#0000 78%)}a{color:inherit;text-decoration:none}.site-shell{width:min(1200px,100% - 40px);margin:0 auto;position:relative}.ambient{z-index:-2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient span{filter:blur(56px);opacity:.2;border-radius:999px;width:42vw;height:42vw;animation:16s ease-in-out infinite alternate drift;position:absolute}.ambient span:first-child{background:var(--blue);top:8vh;left:-16vw}.ambient span:nth-child(2){background:var(--violet);animation-delay:-5s;top:18vh;right:-18vw}.ambient span:nth-child(3){background:var(--cyan);animation-delay:-9s;bottom:-20vw;left:28vw}.nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:24px;padding:18px 0;display:flex;position:sticky;top:0}.nav:after{background:linear-gradient(90deg, transparent, var(--line), transparent);content:"";height:1px;position:absolute;bottom:0;left:0;right:0}.brand,.nav nav{align-items:center;display:flex}.brand{letter-spacing:0;gap:10px;font-weight:800}.brand-mark{color:#fff;background:linear-gradient(135deg,#31e7ff3d,#a855f72e),#ffffff0f;border:1px solid #31e7ff6b;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 28px #31e7ff2e}.nav nav{color:var(--muted);gap:28px;font-size:14px}.nav a{transition:color .18s,text-shadow .18s}.nav a:hover{color:var(--ink);text-shadow:0 0 18px #31e7ff99}.hero{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);align-items:center;gap:58px;min-height:calc(100vh - 72px);padding:88px 0 92px;display:grid;position:relative}.hero-bg{z-index:-1;border-radius:8px;position:absolute;inset:0;overflow:hidden}.hero-bg:before{content:"";background:radial-gradient(circle,#31e7ff2e,#0000 34%),linear-gradient(120deg,#0000 0 48%,#5e8cff2e 49%,#0000 51% 100%);border:1px solid #5e8cff24;height:68%;position:absolute;inset:7% 10% auto;transform:perspective(900px)rotateX(62deg)rotate(-9deg);box-shadow:inset 0 0 80px #5e8cff14}.particle-field i{opacity:.72;background:#fff;border-radius:999px;width:3px;height:3px;animation:8s linear infinite particle-rise;position:absolute;box-shadow:0 0 16px #31e7ffe6}.particle-field i:nth-child(3n){background:var(--cyan);animation-duration:11s}.particle-field i:nth-child(4n){background:var(--violet);animation-duration:13s}.particle-field i:first-child{top:72%;left:5%}.particle-field i:nth-child(2){top:32%;left:10%}.particle-field i:nth-child(3){top:58%;left:14%}.particle-field i:nth-child(4){top:18%;left:18%}.particle-field i:nth-child(5){top:82%;left:23%}.particle-field i:nth-child(6){top:40%;left:28%}.particle-field i:nth-child(7){top:64%;left:33%}.particle-field i:nth-child(8){top:20%;left:38%}.particle-field i:nth-child(9){top:76%;left:43%}.particle-field i:nth-child(10){top:48%;left:48%}.particle-field i:nth-child(11){top:26%;left:52%}.particle-field i:nth-child(12){top:86%;left:57%}.particle-field i:nth-child(13){top:36%;left:62%}.particle-field i:nth-child(14){top:66%;left:66%}.particle-field i:nth-child(15){top:16%;left:70%}.particle-field i:nth-child(16){top:78%;left:74%}.particle-field i:nth-child(17){top:44%;left:78%}.particle-field i:nth-child(18){top:24%;left:82%}.particle-field i:nth-child(19){top:68%;left:86%}.particle-field i:nth-child(20){top:36%;left:90%}.particle-field i:nth-child(21){top:46%;left:7%}.particle-field i:nth-child(22){top:12%;left:26%}.particle-field i:nth-child(23){top:90%;left:36%}.particle-field i:nth-child(24){top:12%;left:54%}.particle-field i:nth-child(25){top:52%;left:68%}.particle-field i:nth-child(26){top:88%;left:80%}.particle-field i:nth-child(27){top:58%;left:94%}.particle-field i:nth-child(28){top:20%;left:98%}.data-stream{background:linear-gradient(90deg, transparent, var(--cyan), transparent);opacity:.72;width:240px;height:1px;animation:5.5s linear infinite stream;position:absolute}.stream-a{top:30%;left:-18%}.stream-b{animation-delay:-2.8s;top:66%;right:-18%}.neural-orbit{border:1px solid #31e7ff24;border-radius:999px;width:240px;height:240px;animation:18s linear infinite slow-spin;position:absolute;top:13%;right:22%}.neural-orbit span{background:var(--cyan);border-radius:999px;width:10px;height:10px;position:absolute;box-shadow:0 0 24px #31e7ffcc}.neural-orbit span:first-child{top:-5px;left:50%}.neural-orbit span:nth-child(2){top:50%;right:-5px}.neural-orbit span:nth-child(3){bottom:-5px;left:50%}.neural-orbit span:nth-child(4){top:50%;left:-5px}.hero-content{max-width:720px;animation:.9s both fade-up}.eyebrow{color:var(--green);text-transform:uppercase;margin:0 0 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{color:#0000;letter-spacing:0;background:linear-gradient(100deg,#fff 0%,#cbe5ff 40%,#b894ff 72%,#fff 100%) 0 0/220% 100%;-webkit-background-clip:text;background-clip:text;max-width:760px;margin-bottom:24px;font-size:clamp(48px,8vw,92px);font-weight:900;line-height:1.02;animation:7s ease-in-out infinite title-glow}h2{color:var(--ink);letter-spacing:0;margin-bottom:0;font-size:clamp(30px,4vw,52px);font-weight:850;line-height:1.14}h3{color:#fff;margin-bottom:12px;font-size:22px;line-height:1.25}.lead{color:#c0c9df;max-width:650px;margin-bottom:0;font-size:18px;line-height:1.85}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.button{border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:15px;font-weight:800;transition:border-color .18s,box-shadow .18s,transform .18s;display:inline-flex;position:relative;overflow:hidden}.button:after{content:"";background:linear-gradient(110deg,#0000,#ffffff57,#0000);transition:transform .42s;position:absolute;inset:0;transform:translate(-120%)}.button:hover{transform:translateY(-2px)}.button:hover:after{transform:translate(120%)}.button.primary{color:#04101c;background:linear-gradient(135deg,#31e7fff2,#a855f7e6);border:1px solid #31e7ffa3;box-shadow:0 18px 50px #31e7ff38}.button.secondary{color:#fff;background:#ffffff0f;border:1px solid #ffffff2e}.hero-panel{background:linear-gradient(#ffffff14,#ffffff05),#080e20b8;border:1px solid #9fb8ff3d;border-radius:8px;min-height:520px;animation:.9s .16s both fade-up;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 34px 120px #0006}.hero-panel:before{content:"";background-color:#0000;background-image:linear-gradient(90deg,#31e7ff14 1px,#0000 1px),linear-gradient(#a855f714 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:36px 36px;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,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.hero-panel:after{content:"";background:linear-gradient(120deg,#0000 45%,#31e7ff1f,#0000 55%);animation:5.5s ease-in-out infinite scan;position:absolute;inset:-80% -20%}.panel-top,.signal-grid,.holo-core{z-index:1;position:relative}.panel-top{color:var(--muted);justify-content:space-between;align-items:center;gap:18px;padding:22px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;display:flex}.panel-top strong{color:var(--green);text-shadow:0 0 18px #5cffc6b3}.holo-core{perspective:900px;min-height:356px;transform-style:preserve-3d;place-items:center;display:grid}.holo-core:before,.holo-core:after{content:"";position:absolute}.holo-core:before{filter:blur(.2px);background:radial-gradient(#31e7ff2e,#0000 58%),repeating-radial-gradient(#31e7ff2e 0 1px,#0000 1px 13px);border:1px solid #31e7ff29;border-radius:50%;width:min(72%,310px);height:86px;animation:5.8s ease-in-out infinite holo-floor;transform:translateY(110px)rotateX(72deg)}.holo-core:after{filter:blur(.4px);opacity:.46;background:linear-gradient(#0000,#31e7ffc2,#0000);width:2px;height:260px;animation:4.8s ease-in-out infinite energy-beam;transform:translateY(10px)}.ring{transform-style:preserve-3d;border:1px solid #31e7ff2e;border-radius:50%;position:absolute}.ring:before,.ring:after{border-radius:inherit;content:"";position:absolute;inset:-1px}.ring:before{background:linear-gradient(var(--bg-deep), var(--bg-deep)) padding-box, conic-gradient(from 90deg, transparent, var(--cyan), transparent 34%, var(--violet), transparent 68%, var(--green), transparent) border-box;opacity:.88;border:1px solid #0000;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ring:after{background:var(--cyan);width:10px;height:10px;transform:translateY(calc(-50% - var(--orbit-radius)));border-radius:50%;margin:auto;animation:2.8s ease-in-out infinite node-flicker;box-shadow:0 0 16px #31e7fff2,0 0 36px #31e7ff6b}.ring-one{--orbit-radius:130px;width:260px;height:260px;animation:13s cubic-bezier(.45,0,.55,1) infinite ring-one}.ring-two{--orbit-radius:105px;width:210px;height:210px;animation:10.5s cubic-bezier(.45,0,.55,1) infinite ring-two}.ring-two:after{background:var(--violet);animation-delay:-1.1s;box-shadow:0 0 16px #a855f7f2,0 0 36px #a855f76b}.ring-three{--orbit-radius:69px;width:138px;height:138px;animation:8.2s cubic-bezier(.45,0,.55,1) infinite ring-three}.ring-three:after{background:var(--green);animation-delay:-1.8s;box-shadow:0 0 16px #5cffc6f2,0 0 36px #5cffc66b}.core-dot{z-index:2;background:radial-gradient(circle, #fff 0 8%, var(--cyan) 9% 28%, #a855f761 29% 100%);border:1px solid #ffffff52;border-radius:50%;width:64px;height:64px;animation:3.8s ease-in-out infinite core-breathe;position:relative;box-shadow:0 0 34px #31e7ffcc,0 0 90px #a855f761}.core-dot:before,.core-dot:after{content:"";background:radial-gradient(circle,#31e7ff38,#0000 64%);border-radius:50%;animation:3.8s ease-out infinite core-wave;position:absolute;inset:-18px}.core-dot:after{animation-delay:-1.9s;inset:-34px}.signal-grid{background:#9fb8ff24;border:1px solid #9fb8ff2e;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:1px;margin:0 22px 22px;display:grid;overflow:hidden}.signal-grid span{color:#dce7ff;background:#0408149e;min-height:54px;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.section{padding:92px 0 0}.section-heading{max-width:860px;margin-bottom:34px}.card-grid{gap:18px;display:grid}.card-grid.three{grid-template-columns:repeat(3,1fr)}.card-grid.four{grid-template-columns:repeat(4,1fr)}.glass-card,.tech-card{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff14, #ffffff06), var(--panel);border-radius:8px;min-height:270px;padding:28px;transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden;box-shadow:0 20px 70px #00000038}.glass-card:before,.tech-card:before{content:"";opacity:0;background:radial-gradient(circle at 30% 0,#31e7ff29,#0000 42%);transition:opacity .18s;position:absolute;inset:0}.glass-card:hover,.tech-card:hover{border-color:#31e7ff8a;transform:translateY(-6px);box-shadow:0 24px 90px #31e7ff1f}.glass-card:hover:before,.tech-card:hover:before{opacity:1}.glass-card p,.tech-card p{color:var(--muted);margin-bottom:0;line-height:1.75;position:relative}.tech-icon{background:#31e7ff14;border:1px solid #31e7ff57;border-radius:8px;place-items:center;width:54px;height:54px;margin-bottom:52px;display:grid;position:relative;box-shadow:inset 0 0 18px #31e7ff1f}.tech-icon:before,.tech-icon:after{content:"";position:absolute}.tech-icon:before{border:1px solid var(--cyan);border-radius:4px;inset:13px}.tech-icon:after{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 16px #5cffc6d6}.tech-icon.stack:before,.tech-icon.code:before{border-radius:0;transform:rotate(45deg)}.tech-icon.pulse:before,.tech-icon.ai:before{border-radius:50%}.tech-icon.data:after{border-radius:999px;width:24px;height:2px}.tech-icon.cloud:before{border-radius:999px}.card-line{background:#9fb8ff24;height:1px;position:absolute;bottom:28px;left:28px;right:28px;overflow:hidden}.card-line:after{background:linear-gradient(90deg, transparent, var(--cyan), transparent);content:"";width:44%;height:100%;animation:3.2s ease-in-out infinite line-flow;display:block}.contact-section{background:radial-gradient(circle at 0 0,#31e7ff29,#0000 38%),linear-gradient(135deg,#101834f5,#070a18f5);border:1px solid #9fb8ff38;border-radius:8px;grid-template-columns:minmax(0,.86fr) minmax(360px,1fr);align-items:start;gap:48px;margin:110px 0 56px;padding:44px;display:grid}.contact-list{gap:12px;display:grid}.contact-item{background:#ffffff0b;border:1px solid #9fb8ff29;border-radius:8px;grid-template-columns:110px 1fr;align-items:center;gap:18px;min-height:64px;padding:16px 18px;display:grid}.contact-item span{color:var(--muted);font-size:14px}.contact-item strong{color:#fff;overflow-wrap:anywhere;font-size:16px}.site-footer{color:#9ba8c7c2;text-align:center;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:-26px 0 34px;font-size:13px;display:flex}.site-footer a{transition:color .18s,text-shadow .18s}.site-footer a:hover{color:#fff;text-shadow:0 0 18px #31e7ff6b}.reveal{animation:both fade-up;animation-timeline:view();animation-range:entry 10% cover 32%}@keyframes fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes title-glow{0%,to{background-position:0%}50%{background-position:100%}}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(5vw,4vh)scale(1.1)}}@keyframes particle-rise{0%{transform:translateY(40px)}to{transform:translateY(-160px)}}@keyframes stream{0%{transform:translate(0)rotate(-12deg)}to{transform:translate(140vw)rotate(-12deg)}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes scan{0%,20%{transform:translate(-25%)}80%,to{transform:translate(25%)}}@keyframes ring-one{0%{opacity:.74;transform:rotateX(64deg)rotate(0)scale(.985)}50%{opacity:1;transform:rotateX(66deg)rotate(180deg)scale(1.025)}to{opacity:.74;transform:rotateX(64deg)rotate(360deg)scale(.985)}}@keyframes ring-two{0%{opacity:.8;transform:rotateY(62deg)rotate(0)scale(1.02)}50%{opacity:.98;transform:rotateY(58deg)rotate(-180deg)scale(.98)}to{opacity:.8;transform:rotateY(62deg)rotate(-360deg)scale(1.02)}}@keyframes ring-three{0%{opacity:.86;transform:rotateX(72deg)rotateY(48deg)rotate(0)scale(.96)}50%{opacity:1;transform:rotateX(68deg)rotateY(52deg)rotate(180deg)scale(1.06)}to{opacity:.86;transform:rotateX(72deg)rotateY(48deg)rotate(360deg)scale(.96)}}@keyframes holo-floor{0%,to{opacity:.42;transform:translateY(110px)rotateX(72deg)scale(.92)}50%{opacity:.76;transform:translateY(112px)rotateX(72deg)scale(1.04)}}@keyframes energy-beam{0%,to{opacity:.28;transform:translateY(12px)scaleY(.78)}50%{opacity:.66;transform:translateY(2px)scaleY(1.08)}}@keyframes node-flicker{0%,to{opacity:.52;filter:saturate()}45%{opacity:1;filter:saturate(1.5)}68%{opacity:.72}}@keyframes core-breathe{0%,to{transform:scale(.96);box-shadow:0 0 28px #31e7ffad,0 0 76px #a855f74d}50%{transform:scale(1.05);box-shadow:0 0 42px #31e7ffeb,0 0 118px #a855f77a}}@keyframes core-wave{0%{opacity:.45;transform:scale(.72)}to{opacity:0;transform:scale(1.24)}}@keyframes line-flow{0%{transform:translate(-120%)}to{transform:translate(260%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width<=980px){.site-shell{width:min(100% - 32px,760px)}.nav nav{display:none}.hero,.contact-section{grid-template-columns:1fr}.hero{min-height:auto;padding-top:70px}.hero-panel{min-height:460px}.card-grid.three,.card-grid.four{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.site-shell{width:min(100% - 26px,520px)}.hero{padding:56px 0 70px}h1{font-size:clamp(42px,14vw,64px)}.lead{font-size:16px}.hero-actions,.button{width:100%}.hero-panel{min-height:390px}.holo-core{min-height:260px}.ring-one{width:218px;height:218px}.ring-two{width:172px;height:172px}.ring-three{width:112px;height:112px}.signal-grid,.card-grid.three,.card-grid.four{grid-template-columns:1fr}.section{padding-top:76px}.glass-card,.tech-card{min-height:240px}.contact-section{margin-top:82px;padding:28px}.contact-item{grid-template-columns:1fr;gap:6px}}