:root{color-scheme:dark;--bg: #05070b;--bg-2: #080d13;--panel: rgba(9, 16, 24, .72);--panel-strong: rgba(11, 20, 30, .92);--ink: #eef8ff;--muted: #9fb0c1;--muted-strong: #c7d5e2;--line: rgba(109, 246, 191, .18);--line-cyan: rgba(85, 243, 255, .28);--cyan: #55f3ff;--mint: #6df6bf;--violet: #a982ff;--amber: #ffcf5a;--hot: #ff5f9f;--max: min(1480px, calc(100% - 56px) );--shadow: 0 28px 90px rgba(0, 0, 0, .38)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{min-height:100vh;margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}body::selection{background:#55f3ff52;color:#fff}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}.techBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-10;overflow:hidden;background:radial-gradient(ellipse at 18% 14%,rgba(85,243,255,.16),transparent 34%),radial-gradient(ellipse at 82% 22%,rgba(169,130,255,.12),transparent 32%),radial-gradient(ellipse at 74% 86%,rgba(109,246,191,.1),transparent 30%),linear-gradient(135deg,#04060a,#071018 48%,#09070d)}.techBackdrop:before,.techBackdrop:after{content:"";position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;pointer-events:none}.techBackdrop:before{background:conic-gradient(from 90deg at 50% 50%,transparent 0deg,rgba(85,243,255,.1) 60deg,transparent 120deg,rgba(109,246,191,.08) 210deg,transparent 300deg),linear-gradient(120deg,transparent 0 42%,rgba(255,207,90,.08) 48%,transparent 58% 100%);filter:blur(22px);opacity:.72;animation:energyDrift 20s ease-in-out infinite alternate}.techBackdrop:after{background:repeating-linear-gradient(90deg,transparent 0 78px,rgba(85,243,255,.045) 78px 79px),repeating-linear-gradient(0deg,transparent 0 78px,rgba(109,246,191,.036) 78px 79px);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 82%,transparent 100%);opacity:.8}.gridLayer{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(85,243,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(85,243,255,.08) 1px,transparent 1px),linear-gradient(rgba(109,246,191,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(109,246,191,.08) 1px,transparent 1px);background-size:44px 44px,44px 44px,220px 220px,220px 220px;transform:perspective(720px) rotateX(58deg) translateY(-18%);transform-origin:center top;opacity:.62;animation:gridPulse 9s ease-in-out infinite}.scanLayer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(85,243,255,.14) 48%,transparent 54%),repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 7px);background-size:100% 34%,100% 7px;opacity:.46;animation:scanSweep 7s linear infinite;mix-blend-mode:screen}.circuitLayer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.58}.circuitLayer span{position:absolute;display:block;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--mint),transparent);box-shadow:0 0 18px #55f3ff5c;transform-origin:left center;animation:circuitFlow 5.8s linear infinite}.circuitLayer span:nth-child(1){top:18%;left:7%;width:26vw}.circuitLayer span:nth-child(2){top:34%;right:6%;width:22vw;transform:rotate(90deg);animation-delay:-1.2s}.circuitLayer span:nth-child(3){top:60%;left:58%;width:28vw;transform:rotate(-28deg);animation-delay:-2.3s}.circuitLayer span:nth-child(4){top:74%;left:10%;width:18vw;transform:rotate(24deg);animation-delay:-3.4s}.circuitLayer span:nth-child(5){top:46%;left:28%;width:16vw;transform:rotate(90deg);animation-delay:-4.1s}.circuitLayer span:nth-child(6){top:12%;left:66%;width:20vw;transform:rotate(36deg);animation-delay:-5s}.particleLayer{position:absolute;top:0;right:0;bottom:0;left:0}.particleLayer span{position:absolute;top:var(--y);left:var(--x);width:var(--size);height:var(--size);border-radius:999px;background:var(--cyan);box-shadow:0 0 12px #55f3fff2,0 0 24px #6df6bf52;opacity:.82;animation:particleFloat var(--duration) ease-in-out infinite;animation-delay:var(--delay)}main{position:relative;z-index:1}.hero{position:relative;min-height:clamp(720px,86svh,1180px);overflow:hidden;isolation:isolate;background:linear-gradient(90deg,#05070bc7,#05070b6b 55%,#05070ba3),linear-gradient(180deg,rgba(85,243,255,.06),transparent 60%)}.heroOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(120deg,rgba(85,243,255,.16) 0 1px,transparent 1px 44%),radial-gradient(ellipse at 72% 36%,rgba(169,130,255,.16),transparent 38%),linear-gradient(180deg,transparent 72%,var(--bg) 100%);opacity:.82}.hero:before{content:"";position:absolute;right:clamp(24px,8vw,160px);bottom:clamp(70px,14vh,190px);width:min(42vw,560px);aspect-ratio:1;border:1px solid rgba(85,243,255,.24);border-radius:50%;background:linear-gradient(90deg,transparent 49%,rgba(85,243,255,.18) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(109,246,191,.15) 50%,transparent 51%),repeating-radial-gradient(circle,transparent 0 38px,rgba(85,243,255,.12) 39px 40px);filter:drop-shadow(0 0 36px rgba(85,243,255,.18));opacity:.72;animation:radarRotate 18s linear infinite}.hero:after{content:"";position:absolute;inset:auto 0 0;height:26vh;background:linear-gradient(180deg,transparent,var(--bg));z-index:-1}.nav{position:fixed;top:22px;left:50%;z-index:1000;pointer-events:auto;width:var(--max);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:12px 14px;border:1px solid rgba(85,243,255,.24);border-radius:8px;background:#04090eb8;box-shadow:0 18px 60px #00000061;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%)}.brand{display:inline-flex;align-items:center;justify-content:center;width:60px;height:36px;border:1px solid rgba(85,243,255,.52);border-radius:6px;background:linear-gradient(135deg,#55f3ff38,#6df6bf14),#081018eb;color:#fff;font-size:14px;font-weight:900;letter-spacing:0;box-shadow:inset 0 0 18px #55f3ff29,0 0 24px #55f3ff1f}.navLinks{display:flex;justify-content:center;gap:clamp(20px,3vw,42px);color:var(--muted-strong);font-size:15px;font-weight:700}.navLinks a{position:relative;padding:8px 0}.navLinks a:after{content:"";position:absolute;right:0;bottom:2px;left:0;height:1px;background:linear-gradient(90deg,var(--cyan),var(--mint));transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.navLinks a:hover:after{transform:scaleX(1)}.navButton,.primaryButton,.ghostButton{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 18px;border-radius:6px;font-weight:800;white-space:nowrap}.navButton{border:1px solid rgba(109,246,191,.52);background:#6df6bf1f;color:var(--mint)}.heroInner{width:var(--max);min-height:clamp(720px,86svh,1180px);display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:150px 0 96px}.eyebrow,.sectionKicker{margin:0 0 16px;color:var(--mint);font-size:13px;font-weight:900;letter-spacing:0;text-transform:uppercase}.hero h1{max-width:980px;margin:0;background:linear-gradient(115deg,#ffffff 0%,var(--cyan) 42%,var(--violet) 76%,var(--amber) 100%);color:transparent;font-size:clamp(76px,11vw,174px);line-height:.92;letter-spacing:0;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 28px rgba(85,243,255,.18))}.heroLead{max-width:760px;margin:30px 0 0;color:var(--muted-strong);font-size:clamp(19px,2vw,24px);line-height:1.75;overflow-wrap:anywhere}.heroLead span{display:inline}.heroActions,.footerActions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.primaryButton{border:1px solid rgba(85,243,255,.65);background:linear-gradient(135deg,#55f3fff2,#6df6bfdb);color:#041015;box-shadow:0 0 30px #55f3ff38}.ghostButton{border:1px solid rgba(169,130,255,.48);background:#0b141eb8;color:var(--ink);box-shadow:inset 0 0 18px #a982ff14}.section{position:relative;padding:112px 0}.section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(85,243,255,.055),transparent),linear-gradient(180deg,rgba(255,255,255,.018),transparent 26%,transparent 72%,rgba(255,255,255,.02))}.sectionShell{width:var(--max);margin:0 auto}.aboutSection{background:#05070b5c}.aboutGrid{display:grid;grid-template-columns:minmax(300px,410px) 1fr minmax(280px,360px);gap:34px;align-items:center}.portraitWrap{position:relative;aspect-ratio:4 / 5;overflow:hidden;border:1px solid rgba(85,243,255,.36);border-radius:8px;background:#08121bc7;box-shadow:var(--shadow),0 0 38px #55f3ff1f}.portraitWrap:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px solid rgba(109,246,191,.28);pointer-events:none;z-index:2}.portraitWrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,transparent 58%,rgba(5,7,11,.72)),repeating-linear-gradient(180deg,rgba(85,243,255,.06) 0 1px,transparent 1px 8px);pointer-events:none}.portraitWrap img{width:100%;height:100%;object-fit:cover;object-position:center 16%;filter:saturate(.9) contrast(1.08)}.aboutText{min-width:0}.aboutText h2,.sectionHead h2,.contactInner h2{margin:0;color:var(--ink);font-size:clamp(38px,4vw,68px);line-height:1.06;letter-spacing:0}.aboutText p:not(.sectionKicker),.sectionHead p,.contactInner p{max-width:760px;color:var(--muted);font-size:18px;line-height:1.82}.contactRows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}.contactRows a,.contactRows span{min-width:0;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1px solid rgba(85,243,255,.16);border-radius:6px;background:#0a141eb8;color:var(--muted-strong);font-weight:700;overflow-wrap:anywhere}.contactRows svg{flex:0 0 auto;color:var(--cyan)}.statsGrid{display:grid;gap:14px}.statCard{position:relative;overflow:hidden;min-height:126px;padding:24px;border:1px solid rgba(109,246,191,.22);border-radius:8px;background:linear-gradient(135deg,#6df6bf1f,#55f3ff09),#081018d6;box-shadow:var(--shadow)}.statCard:after{content:"";position:absolute;right:18px;bottom:18px;width:56px;height:1px;background:linear-gradient(90deg,transparent,var(--mint))}.statCard strong{display:block;color:var(--cyan);font-size:48px;line-height:1;text-shadow:0 0 18px rgba(85,243,255,.28)}.statCard span{display:block;margin-top:8px;color:var(--muted);font-weight:800}.projectsSection{background:linear-gradient(180deg,#05070b38,#080d13c2),linear-gradient(90deg,rgba(85,243,255,.04) 1px,transparent 1px);background-size:auto,58px 58px}.sectionHead{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:end;margin-bottom:48px}.sectionHead.compact{align-items:center}.projectGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.projectCard,.strengthCard{position:relative;overflow:hidden;border:1px solid rgba(85,243,255,.18);border-radius:8px;background:linear-gradient(180deg,#0d1823eb,#080e16e0),var(--panel-strong);box-shadow:var(--shadow)}.projectCard:before,.strengthCard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(85,243,255,.16),transparent 36%,rgba(109,246,191,.1));opacity:0;transition:opacity .18s ease;pointer-events:none}.projectLink{display:block;height:100%}.projectLink .projectCard{height:100%;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.projectLink:hover .projectCard{border-color:#55f3ff8f;box-shadow:0 34px 95px #00000075,0 0 42px #55f3ff29;transform:translateY(-6px)}.projectLink:hover .projectCard:before,.strengthCard:hover:before{opacity:1}.projectCard img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-bottom:1px solid rgba(85,243,255,.16);background:linear-gradient(135deg,#55f3ff29,#a982ff1f),#081018}.projectBody{position:relative;z-index:1;padding:24px}.projectBody span{color:var(--mint);font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.projectBody h3{margin:10px 0 12px;color:var(--ink);font-size:27px;line-height:1.18;letter-spacing:0}.projectBody p,.strengthCard p{color:var(--muted);font-size:16px;line-height:1.75}.tagRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tagRow em{padding:6px 10px;border:1px solid rgba(85,243,255,.22);border-radius:4px;background:#55f3ff14;color:#c7fbff;font-size:13px;font-style:normal;font-weight:800}.tagRow em:nth-child(2n){border-color:#6df6bf3d;background:#6df6bf14;color:#cdfbe8}.tagRow em:nth-child(3n){border-color:#ffcf5a3d;background:#ffcf5a14;color:#ffe4a0}.projectAction{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--cyan);font-size:15px}.strengthsSection{background:linear-gradient(135deg,rgba(169,130,255,.07),transparent 34%),linear-gradient(315deg,rgba(109,246,191,.08),transparent 38%),#05070b8f}.strengthGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.strengthCard{min-height:260px;padding:28px}.strengthCard svg{color:var(--cyan);filter:drop-shadow(0 0 14px rgba(85,243,255,.3))}.strengthCard h3{margin:26px 0 12px;color:var(--ink);font-size:25px;letter-spacing:0}.contactSection{position:relative;min-height:100svh;display:grid;place-items:center;padding:110px 0;overflow:hidden;color:#fff}.contactSection:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,rgba(85,243,255,.16) 1px,transparent 1px),linear-gradient(180deg,rgba(109,246,191,.1) 1px,transparent 1px),linear-gradient(135deg,#05070b57,#05070beb);background-size:76px 76px,76px 76px,auto;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 100%)}.contactInner{width:min(1160px,calc(100% - 56px));text-align:center}.contactInner>svg{color:var(--amber);filter:drop-shadow(0 0 18px rgba(255,207,90,.35))}.contactInner .sectionKicker{color:var(--amber)}.contactInner h2{max-width:1040px;margin:0 auto}.contactInner p{margin:24px auto 0}.footerActions{justify-content:center}.ghostButton.light{border-color:#ffffff42;background:#ffffff0f;color:#fff}.footerMeta{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:42px;color:#e6f2ffb8;font-weight:700}.footerMeta span{display:inline-flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}.footerMeta svg{color:var(--amber);flex:0 0 auto}@keyframes energyDrift{0%{transform:translate3d(-2%,-1%,0) rotate(0) scale(1)}to{transform:translate3d(2%,2%,0) rotate(8deg) scale(1.06)}}@keyframes gridPulse{0%,to{opacity:.48}50%{opacity:.76}}@keyframes scanSweep{0%{background-position:0 -34vh,0 0}to{background-position:0 120vh,0 0}}@keyframes circuitFlow{0%{opacity:0;filter:brightness(.8)}18%,72%{opacity:1;filter:brightness(1.25)}to{opacity:0;filter:brightness(.9)}}@keyframes particleFloat{0%,to{transform:translateZ(0) scale(1);opacity:.36}50%{transform:translate3d(18px,-28px,0) scale(1.4);opacity:.95}}@keyframes radarRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1180px){.aboutGrid,.sectionHead,.projectGrid,.strengthGrid{grid-template-columns:1fr}.statsGrid,.strengthGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.portraitWrap{width:min(420px,100%)}}@media(max-width:760px){:root{--max: calc(100% - 28px) }.nav{top:12px;left:14px;width:auto;grid-template-columns:auto;gap:0;padding:10px;transform:none}.navLinks,.navButton{display:none}.heroInner{width:calc(100vw - 28px);max-width:calc(100vw - 28px);margin-right:14px;margin-left:14px;min-height:clamp(680px,86svh,1040px);padding:126px 0 78px}.sectionShell,.contactInner{width:calc(100vw - 28px);max-width:calc(100vw - 28px);margin-right:14px;margin-left:14px}.hero h1{font-size:clamp(70px,22vw,96px)}.heroLead{width:100%;font-size:18px;max-width:100%;word-break:break-all}.heroLead span{display:block}.heroActions{width:100%;max-width:100%}.hero:before{right:-28vw;bottom:80px;width:86vw;opacity:.34}.heroActions,.footerActions{align-items:stretch;flex-direction:column}.primaryButton,.ghostButton{width:100%}.section{padding:76px 0}.contactRows,.statsGrid,.strengthGrid{grid-template-columns:1fr}.aboutText h2,.sectionHead h2,.contactInner h2{font-size:36px}.aboutText p:not(.sectionKicker),.sectionHead p,.contactInner p{font-size:16px}.projectBody h3,.strengthCard h3{font-size:23px}.contactInner{width:calc(100% - 28px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
