:root{color:#f5f7ff;font-synthesis:none;--bg:#050812;--surface:#0a0f1e;--surface-2:#0d1325;--text:#f5f7ff;--muted:#929bb0;--line:#8997c033;--line-bright:#93a5e67a;--blue:#4e6dff;--violet:#8b4dff;--radius:20px;scroll-behavior:smooth;background:#050812;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(65% 42% at 72% 10%,#2a43962e,#0000 70%),radial-gradient(50% 38% at 24% 48%,#5d35b717,#0000 74%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.site-header{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050812c2;border-radius:17px;align-items:center;width:min(1460px,100% - 40px);height:68px;padding:0 18px 0 28px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 45px #0000002e}.brand{letter-spacing:-.05em;font-size:26px;font-weight:780}.site-header nav{gap:46px;margin-left:auto;margin-right:42px;display:flex}.site-header nav a{color:var(--muted);font-size:15px;transition:color .25s}.site-header nav a:hover{color:var(--text)}.button{color:#fff;letter-spacing:.01em;background:linear-gradient(115deg,#3d5cff,#7136d9);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-height:54px;padding:0 30px;font-size:16px;font-weight:650;transition:transform .25s,box-shadow .25s,filter .25s;display:inline-flex;box-shadow:0 12px 32px #4643f033}.button:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 16px 42px #4d46f452}.button:focus-visible,button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #9bb4ff}.button-small{min-height:46px;padding-inline:25px;font-size:14px}.button-secondary{border-color:var(--line-bright);box-shadow:none;background:#080d1b66}main{overflow:hidden}.hero{grid-template-columns:.9fr 1.1fr;align-items:center;width:min(1460px,100% - 40px);min-height:940px;margin:0 auto;padding:218px 7.5% 110px;display:grid;position:relative}.hero:after{content:"";background:linear-gradient(90deg, transparent, var(--line-bright), transparent);height:1px;position:absolute;bottom:0;left:0;right:0}.hero-copy{z-index:2;position:relative}.hero h1{letter-spacing:-.075em;background:linear-gradient(155deg,#fff 25%,#9dacf7 83%);color:#0000;-webkit-background-clip:text;margin:0 0 22px;font-size:clamp(94px,10vw,158px);line-height:.82}.hero h2{letter-spacing:-.045em;max-width:650px;margin:0;font-size:clamp(30px,3vw,50px);line-height:1.16}.hero-copy>p{color:var(--muted);margin:26px 0 42px;font-size:clamp(17px,1.5vw,21px);line-height:1.7}.hero-actions{gap:14px;display:flex}.hero-visual{perspective:1000px;filter:drop-shadow(0 40px 70px #18247833);height:570px;position:relative}.product-plane{background:linear-gradient(145deg,#111934eb,#080c19b3);border:1px solid #a1b0eb8c;border-radius:16px;width:78%;height:168px;position:absolute;right:1%;overflow:hidden;transform:rotateX(57deg)rotate(4deg);box-shadow:inset 0 0 44px #4d56b714,0 18px 45px #0000004d}.plane-game{top:10px;right:0}.plane-ai{top:194px;right:8%}.plane-web{top:374px;right:16%}.plane-bar{border-bottom:1px solid var(--line);align-items:center;gap:7px;height:32px;padding:0 14px;display:flex}.plane-bar i{background:#65709a;border-radius:50%;width:5px;height:5px}.plane-bar span{background:linear-gradient(90deg, var(--blue), var(--violet));border-radius:99px;width:90px;height:4px;margin-left:auto}.game-stage{border:1px solid var(--line);background:linear-gradient(#36438621,#080c1999);border-radius:11px;justify-content:space-around;align-items:end;height:100px;margin:17px;padding:12px 24px;display:flex}.game-stage span{background:#29325c;border:1px solid #7c89d340;border-radius:4px 4px 0 0;width:20%}.game-stage span:first-child{height:28%}.game-stage span:nth-child(2){height:58%}.game-stage span:nth-child(3){height:88%;box-shadow:0 0 18px #6447ff52}.plane-ai{grid-template-columns:20% 1fr;gap:18px;padding:18px;display:grid}.plane-sidebar{border-right:1px solid var(--line);flex-direction:column;gap:13px;padding:7px 16px 0 0;display:flex}.plane-sidebar i,.web-copy i{background:#27304f;border-radius:99px;height:6px}.ai-core{grid-template-rows:1fr 1fr;grid-template-columns:1.5fr 1fr;gap:10px;display:grid}.ai-core span{border:1px solid var(--line);background:#262f564d;border-radius:9px}.ai-core span:first-child{grid-row:1/3}.plane-web{gap:24px;padding:26px;display:flex}.web-chart{border:1px solid var(--line);background:linear-gradient(150deg,#0000 45%,#4a5bbe73 46%,#5f44da1f 70%);border-radius:12px;width:46%}.web-copy{flex-direction:column;flex:1;gap:17px;padding-top:18px;display:flex}.web-copy i:nth-child(2){width:80%}.web-copy i:nth-child(3){width:56%}.validation-line{z-index:5;background:linear-gradient(#62ccff,#566fff 50%,#a44fff);width:2px;height:475px;position:absolute;top:33px;right:28%;transform:rotate(16deg);box-shadow:0 0 14px #6d77ff}.validation-line i{background:#b4e8ff;border-radius:50%;width:11px;height:11px;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #69baff}.validation-line i:nth-child(2){background:#8a82ff;top:48%}.validation-line i:nth-child(3){background:#c47dff;top:100%}.scroll-cue{color:#68718a;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;display:flex;position:absolute;bottom:36px;left:7.5%}.scroll-cue span{background:#68718a;width:36px;height:1px}.section{width:min(1320px,100% - 48px);margin:0 auto;padding:150px 0}.section-heading{align-items:flex-start;gap:32px;margin-bottom:72px;display:flex}.section-number,.project-count{color:#6674a0;letter-spacing:.18em;margin-top:11px;font-size:12px}.section-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(43px,5vw,68px);line-height:1}.section-heading p{color:var(--muted);margin:22px 0 0;font-size:18px}.capability-layout{grid-template-columns:.95fr 1.05fr;align-items:center;gap:70px;display:grid}.capability-feature{border:1px solid var(--line-bright);border-radius:var(--radius);background:radial-gradient(70% 80% at 20% 20%,#404faa33,#0000),#080d1b85;align-items:center;gap:52px;min-height:430px;padding:52px;display:flex;position:relative;box-shadow:0 32px 90px #00000040}.capability-feature:after{content:"";background:linear-gradient(90deg,#6e8dff,#8c63ff);width:72px;height:1px;position:absolute;top:50%;right:-72px}.mini-planes{perspective:500px;width:42%;height:180px;position:relative}.mini-planes i{background:linear-gradient(140deg,#172143,#0b1021);border:1px solid #8899e37a;border-radius:11px;width:100%;height:72px;position:absolute;transform:rotateX(55deg)rotate(-7deg);box-shadow:0 13px 25px #0000004d}.mini-planes i:nth-child(2){top:54px}.mini-planes i:nth-child(3){top:108px}.feature-orbit{border:1px solid #7889dc;border-radius:50%;width:62px;height:62px;margin-bottom:35px;display:block;box-shadow:inset 0 0 0 10px #505fc412,0 0 28px #6352e529}.capability-feature h3{letter-spacing:-.035em;margin:0;font-size:30px}.capability-feature p{color:#8c7dff;margin:12px 0 0;font-size:22px}.capability-list{flex-direction:column;gap:16px;display:flex;position:relative}.capability-list:before{content:"";background:linear-gradient(#6faeff,#865eff,#b356ff);width:1px;position:absolute;top:12%;bottom:12%;left:-71px;box-shadow:0 0 10px #6866ffcc}.capability-row{border:1px solid var(--line);background:#080d1b66;border-radius:15px;grid-template-columns:62px 1fr 22px;align-items:center;gap:20px;min-height:96px;padding:17px 25px;transition:border-color .25s,transform .25s,box-shadow .25s;display:grid}.capability-row:hover{border-color:var(--line-bright);transform:translate(5px);box-shadow:0 14px 34px #282c8129}.icon-wrap{color:#c6cced;background:#313b7726;border:1px solid #7c8ad459;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.line-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:26px}.capability-row h3{margin:0;font-size:20px}.capability-row p{color:var(--muted);margin:6px 0 0;font-size:14px}.capability-row>svg{fill:none;stroke:#7e88a1;stroke-width:1.8px;width:20px}.projects{padding-top:170px}.project-filters{flex-wrap:wrap;gap:12px;margin:-36px 0 42px 96px;display:flex}.category-pill{min-height:42px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#080d1b66;border-radius:999px;padding:0 18px;transition:color .25s,border-color .25s,background .25s,box-shadow .25s}.category-pill:hover{color:var(--text);border-color:var(--line-bright)}.category-pill.active{color:#fff;background:linear-gradient(115deg,#3d5cff6b,#7136d95c);border-color:#8497ffc7;box-shadow:0 12px 30px #4643f029}.project-showcase{grid-template-columns:320px 1fr;gap:54px;display:grid}.project-index{flex-direction:column;gap:8px;display:flex;position:relative}.project-index:before{content:"";background:#202944;width:1px;position:absolute;top:28px;bottom:28px;left:27px}.project-tab{z-index:1;text-align:left;min-height:112px;color:var(--muted);cursor:pointer;background:0 0;border:0;grid-template-columns:74px 1fr;align-items:center;padding:18px 12px 18px 0;transition:color .25s;display:grid;position:relative}.project-tab>span{letter-spacing:-.06em;background:var(--bg);width:55px;font-size:36px;font-weight:680}.project-tab>span:before{content:"";background:var(--bg);border:2px solid #3f4b72;border-radius:50%;width:9px;height:9px;margin:0 12px 5px 0;display:inline-block}.project-tab strong{color:#b9c0d2;margin-bottom:8px;font-size:18px;display:block}.project-tab small{font-size:13px;line-height:1.45}.project-tab.active{color:#5f74ff}.project-tab.active>span:before{background:#7084ff;border-color:#94a8ff;box-shadow:0 0 18px #6c70ff}.project-tab.active strong{color:var(--text)}.project-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#0d142ac7,#070b1785);grid-template-columns:1.45fr .75fr;align-items:center;gap:40px;min-height:560px;padding:26px;animation:.45s both panel-in;display:grid}.project-image-wrap{background:radial-gradient(90% 110% at 50% 20%, var(--media-glow,#3b48943d), transparent 68%), #070b16;border:1px solid #94a4e152;border-radius:14px;place-items:center;height:100%;min-height:500px;padding:13px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #050812b8}.project-image-wrap:before{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff06}.project-image-wrap.media-01{--media-glow:#c49a6429}.project-image-wrap.media-02{--media-glow:#58682e38}.project-image-wrap.media-03{--media-glow:#bf865b24}.project-image-wrap.media-04{--media-glow:#c49a6429}.project-image-wrap.media-05{--media-glow:#58682e38}.project-image-wrap.media-06{--media-glow:#bf865b24}.project-image-frame{z-index:1;background:#03060c;border:1px solid #b8c4ea38;border-radius:10px;width:100%;position:relative;overflow:hidden;box-shadow:0 18px 42px #00000061}.project-image-frame img{width:100%;height:auto;display:block}.project-image-wrap.media-03 .project-image-frame{width:min(360px,100%);max-height:100%}.project-image-wrap.media-03 .project-image-frame img{width:100%;height:auto}.project-copy{padding-right:24px}.project-copy h3{letter-spacing:-.04em;margin:20px 0 10px;font-size:35px}.project-copy em{color:#aeb8ff;background:#4456be24;border:1px solid #8497ff57;border-radius:999px;margin-bottom:13px;padding:5px 10px;font-size:13px;font-style:normal;display:inline-flex}.project-copy>p{color:#bdc3d3;margin:0;font-size:17px;line-height:1.6}.project-copy ul{color:var(--muted);margin:34px 0 40px;padding:0;list-style:none}.project-copy li{margin:16px 0;padding-left:20px;line-height:1.5;position:relative}.project-copy li:before{content:"";background:#6e72ff;border-radius:50%;width:6px;height:6px;position:absolute;top:.7em;left:0;box-shadow:0 0 12px #6e72ff}.project-link{align-items:center;gap:12px;font-weight:650;display:inline-flex}.project-link svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:20px;transition:transform .25s}.project-link:hover svg{transform:translate(3px,-3px)}.process{width:min(1460px,100% - 48px);padding-block:180px}.timeline{grid-template-columns:repeat(4,1fr);padding:20px 38px 30px;display:grid;position:relative}.timeline-line{background:linear-gradient(90deg,#65bfff,#6872ff 52%,#a34dff);height:2px;position:absolute;top:150px;left:8%;right:2%;box-shadow:0 0 12px #6468ffa6}.timeline-line:after{content:"";border-top:2px solid #b980ff;border-right:2px solid #b980ff;width:10px;height:10px;position:absolute;top:-5px;right:-1px;transform:rotate(45deg)}.timeline-step{min-height:220px;padding-left:18px;position:relative}.timeline-number{color:#484f62;letter-spacing:-.08em;font-size:clamp(65px,7vw,108px);font-weight:650;line-height:1;display:block}.timeline-step.focal .timeline-number{background:linear-gradient(135deg,#85c5ff,#9a4fff);color:#0000;filter:drop-shadow(0 0 18px #6a64ff52);-webkit-background-clip:text}.timeline-dot{background:var(--bg);border:2px solid #89acff;border-radius:50%;width:14px;height:14px;position:absolute;top:124px;left:24px;box-shadow:0 0 12px #647eff}.timeline-step.focal .timeline-dot{background:#b8a4ff;border-color:#fff;width:22px;height:22px;top:120px;left:20px;box-shadow:0 0 28px #7d66ff}.timeline-step h3{margin:58px 0 0;font-size:22px}.process-cta{width:fit-content;margin:32px auto 0;display:flex}.contact{border-top:1px solid var(--line);grid-template-columns:1.25fr .75fr;align-items:center;gap:90px;width:min(1460px,100% - 40px);min-height:720px;margin:0 auto;padding:160px 5%;display:grid;position:relative}.contact:before{content:"";border:1px solid var(--line);pointer-events:none;border-bottom:0;border-radius:28px 28px 0 0;height:62%;position:absolute;inset:10% 0 auto}.contact-line{opacity:.8;pointer-events:none;border-top:1px solid #78adff;border-right:1px solid #936dff;border-radius:27px 27px 24px 0;height:37%;position:absolute;top:10%;left:5%;right:27%}.contact-line i{background:#8168ff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-5px;right:-5px;box-shadow:0 0 16px #8067ff}.contact-copy{z-index:1;position:relative}.contact h2{letter-spacing:-.065em;margin:0;font-size:clamp(48px,6.4vw,88px);line-height:1.13}.contact-copy p{color:var(--muted);margin:30px 0 0;font-size:20px}.wechat{z-index:1;align-self:center;position:relative}.wechat>span{color:#b5bdd0;margin-bottom:14px;display:block}.wechat-control{border:1px solid var(--line);background:#070b16b3;border-radius:14px;align-items:center;gap:20px;min-height:86px;padding:10px 10px 10px 26px;display:flex}.wechat-control strong{color:var(--muted);font-size:24px;font-weight:450}.wechat-control button{color:#fff;cursor:pointer;background:linear-gradient(115deg,#3d5cff,#7136d9);border:0;border-radius:10px;min-width:156px;min-height:62px;margin-left:auto;font-weight:650}.wechat small{text-align:right;color:#a8b1c7;opacity:0;height:20px;margin:14px 10px 0 0;transition:opacity .2s;display:block}.wechat small.visible{opacity:1}footer{border-top:1px solid var(--line);min-height:150px;color:var(--muted);align-items:center;gap:52px;padding:0 max(5vw,50vw - 660px);display:flex}footer strong{color:#fff;letter-spacing:-.06em;font-size:38px}footer a{margin-left:auto;font-size:13px}.reveal{opacity:0;transition:opacity .75s,transform .75s cubic-bezier(.2,.7,.2,1);transform:translateY(26px)}.reveal.is-visible{opacity:1;transform:none}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)scale(.992)}to{opacity:1;transform:none}}@media (width<=1050px){.hero{grid-template-columns:1fr;min-height:1060px;padding-top:170px}.hero-copy{text-align:center}.hero h2,.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-visual{height:480px;margin-top:50px}.product-plane{width:68%;right:12%}.plane-ai{right:18%}.plane-web{right:24%}.validation-line{right:38%}.capability-layout{grid-template-columns:1fr}.capability-feature:after,.capability-list:before{display:none}.project-filters{margin-left:0}.project-showcase{grid-template-columns:1fr}.project-index{grid-template-columns:repeat(3,1fr);display:grid}.project-index:before{display:none}.project-tab{grid-template-columns:55px 1fr}.project-tab>span{width:auto;font-size:27px}.project-tab>span:before{display:none}.project-panel{grid-template-columns:1fr}.project-image-wrap{min-height:0}.project-copy{padding:8px 18px 20px}.timeline{padding-inline:0}.timeline-step{padding-left:0}.timeline-dot{left:6px}.timeline-step.focal .timeline-dot{left:2px}.contact{grid-template-columns:1fr;gap:55px}.contact-line{height:20%;right:10%}.wechat{width:min(580px,100%)}}@media (width<=700px){.site-header{width:calc(100% - 20px);height:60px;padding:0 10px 0 18px;top:10px}.site-header nav{display:none}.site-header .button-small{min-height:42px;margin-left:auto;padding-inline:18px}.hero{width:calc(100% - 28px);min-height:920px;padding:150px 8px 90px}.hero h1{font-size:92px}.hero h2{font-size:33px}.hero-copy>p{max-width:350px;font-size:16px}.hero-actions .button{min-height:50px;padding-inline:22px}.hero-visual{height:365px;margin-top:35px;transform:scale(1.05)}.product-plane{width:78%;height:116px;right:7%}.plane-game{top:10px}.plane-ai{padding:10px;top:125px;right:13%}.plane-web{padding:16px;top:239px;right:19%}.validation-line{height:303px;top:25px;right:37%}.scroll-cue{left:8px}.section{width:calc(100% - 32px);padding:105px 0}.section-heading{gap:16px;margin-bottom:50px}.section-number{margin-top:6px}.section-heading h2{font-size:43px}.section-heading p{font-size:15px;line-height:1.6}.capability-feature{flex-direction:column;align-items:flex-start;gap:28px;min-height:390px;padding:34px 26px}.mini-planes{width:80%;height:145px}.mini-planes i{height:55px}.mini-planes i:nth-child(2){top:42px}.mini-planes i:nth-child(3){top:84px}.feature-orbit{display:none}.capability-row{grid-template-columns:48px 1fr 18px;gap:12px;padding-inline:14px}.icon-wrap{width:44px;height:44px}.project-filters{gap:8px;margin-top:-24px;margin-bottom:30px}.category-pill{min-height:38px;padding-inline:13px;font-size:13px}.project-index{scrollbar-width:none;flex-direction:row;gap:0;display:flex;overflow-x:auto}.project-tab{grid-template-columns:46px 1fr;min-width:205px;min-height:90px}.project-tab small{display:none}.project-panel{gap:18px;padding:12px}.project-image-wrap{height:auto;min-height:0;padding:7px}.project-copy{padding:12px 10px 20px}.project-copy h3{font-size:30px}.project-copy ul{margin:26px 0}.process{width:calc(100% - 32px)}.timeline{flex-direction:column;gap:5px;padding:0 0 0 12px;display:flex}.timeline-line{width:2px;height:auto;inset:38px auto 38px 34px}.timeline-line:after{top:auto;bottom:0;right:-4px;transform:rotate(135deg)}.timeline-step{grid-template-columns:80px 1fr;align-items:center;min-height:130px;padding-left:0;display:grid}.timeline-number{font-size:65px}.timeline-dot,.timeline-step.focal .timeline-dot{top:50%;left:16px;transform:translateY(-50%)}.timeline-step h3{margin:0;font-size:20px}.process-cta{margin-top:22px}.contact{gap:55px;width:calc(100% - 20px);min-height:690px;padding:130px 18px 90px}.contact:before{top:8%}.contact-line{height:17%;top:8%;left:0;right:5%}.contact h2{font-size:47px}.contact-copy p{font-size:16px;line-height:1.65}.wechat-control{min-height:76px;padding-left:18px}.wechat-control button{min-width:122px;min-height:56px;font-size:14px}footer{flex-wrap:wrap;align-items:flex-start;gap:14px 26px;min-height:180px;padding:40px 20px}footer strong{width:100%}footer a{width:100%;margin-top:12px;margin-left:0}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}