@charset "utf-8";
:root{--bg:#05070c;--surface:#090c14;--card:#0c101b;--line:rgba(122,151,255,.14);--blue:#155cff;--cyan:#25d7ff;--violet:#914eff;--text:#f5f7ff;--muted:#8790a6;--header:72px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{min-width:320px;color:var(--text);background:var(--bg);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.65}body::selection{color:#fff;background:#155cff}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}.section-anchor{scroll-margin-top:var(--header)}
.site-header{height:var(--header);padding:0 max(5vw,24px);display:flex;align-items:center;gap:42px;position:fixed;z-index:100;left:0;right:0;top:0;background:rgba(5,7,13,.76);border-bottom:1px solid rgba(115,143,255,.12);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center}.brand img{width:118px;display:block}.site-header nav{height:100%;display:flex;align-items:center;gap:32px;margin-left:auto}.site-header nav a{height:100%;display:flex;align-items:center;position:relative;color:#a2a9bb;font-size:13px;transition:.25s}.site-header nav a:hover,.site-header nav a.active{color:#fff}.site-header nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 12px var(--cyan)}.header-cta{padding:9px 16px;border:1px solid rgba(94,148,255,.38);border-radius:999px;font-size:12px;background:rgba(21,92,255,.12);transition:.25s}.header-cta:hover{border-color:var(--cyan);background:rgba(21,92,255,.25)}.header-cta span{margin-left:8px;color:var(--cyan)}.nav-toggle{display:none}
.hero{min-height:100svh;padding:calc(var(--header) + 70px) max(8vw,32px) 75px;display:grid;grid-template-columns:minmax(430px,600px) 1fr;align-items:center;gap:50px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 38%,rgba(18,88,255,.32),transparent 27%),radial-gradient(circle at 68% 45%,rgba(126,42,255,.18),transparent 38%),linear-gradient(135deg,#03050a 28%,#07112c 70%,#03050a)}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(53,108,255,.1) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(53,108,255,.08) 50%,transparent 50.2%);background-size:120px 120px;mask-image:linear-gradient(to right,#000,transparent 30%,#000);opacity:.55}.hero-grid{position:absolute;inset:0;background:linear-gradient(120deg,transparent 32%,rgba(39,116,255,.16) 32.1%,transparent 32.3%),linear-gradient(55deg,transparent 68%,rgba(39,116,255,.1) 68.1%,transparent 68.3%)}.hero-copy{position:relative;z-index:3}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:3px}.eyebrow i{width:24px;height:1px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.hero h1{margin:18px 0 22px;font-size:clamp(46px,5.4vw,82px);font-weight:600;line-height:1.12;letter-spacing:-3px}.hero h1 em{color:transparent;font-style:normal;background:linear-gradient(92deg,#3dbaff,#6873ff 52%,#b65aff);background-clip:text;-webkit-background-clip:text}.hero-copy>p{max-width:540px;color:#a3aac0;font-size:15px}.hero-actions{display:flex;gap:13px;margin-top:34px}.button{min-height:48px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:26px;border-radius:6px;font-size:13px;transition:.25s}.button.primary{color:#fff;background:linear-gradient(100deg,#164cff,#7447f4);box-shadow:0 9px 32px rgba(36,76,255,.25)}.button.primary:hover{transform:translateY(-3px);box-shadow:0 13px 38px rgba(36,76,255,.38)}.button.ghost{color:#bbc2d4;border:1px solid rgba(140,155,198,.25);background:rgba(255,255,255,.025)}.button.ghost:hover{color:#fff;border-color:rgba(99,164,255,.6)}.hero-stats{margin-top:70px;display:flex;gap:48px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:22px;font-weight:500}.hero-stats span{color:#737d95;font-size:10px;letter-spacing:1px}.hero-visual{height:650px;position:relative;z-index:2}.sphere{width:min(37vw,520px);aspect-ratio:1;position:absolute;left:48%;top:47%;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 62% 68%,#75d9ff 0 1%,#0756ff 3%,transparent 12%),radial-gradient(circle at 28% 25%,rgba(84,151,255,.9),transparent 9%),radial-gradient(circle at 44% 40%,#0a0e2c 10%,#09104b 35%,#03163f 55%,#1535bd 68%,#ba4df5 72%,#0627bb 76%,#020515 82%);box-shadow:inset -30px -25px 70px #02020b,inset 18px 20px 55px rgba(76,143,255,.65),0 0 45px rgba(24,78,255,.55),0 0 130px rgba(61,59,255,.28)}.sphere::before{content:"";position:absolute;inset:7%;border-radius:50%;border-top:3px solid rgba(50,184,255,.75);border-right:2px solid rgba(123,56,255,.75);transform:rotate(-28deg);filter:blur(1px)}.sphere::after{content:"";position:absolute;width:58%;height:20%;left:17%;bottom:15%;border-radius:50%;border-bottom:4px solid rgba(36,180,255,.8);transform:rotate(-12deg);filter:blur(2px);box-shadow:0 6px 20px #0e54ff}.sphere span{position:absolute;width:22%;height:7%;left:28%;top:18%;border-radius:50%;background:rgba(113,171,255,.22);filter:blur(9px);transform:rotate(-25deg)}.orbit{position:absolute;left:48%;top:47%;border:1px solid rgba(58,133,255,.25);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.orbit-one{width:610px;height:420px}.orbit-two{width:680px;height:510px;transform:translate(-50%,-50%) rotate(42deg)}.float-card{position:absolute;padding:11px 15px;display:flex;align-items:center;gap:10px;color:#9cabc8;font-size:10px;border:1px solid rgba(102,144,255,.24);border-radius:7px;background:rgba(8,13,31,.72);backdrop-filter:blur(10px);box-shadow:0 15px 35px rgba(0,0,0,.28)}.float-card b{color:var(--cyan);font-size:11px}.card-a{left:3%;top:29%}.card-b{right:3%;bottom:26%}.scroll-cue{position:absolute;z-index:4;left:max(8vw,32px);bottom:24px;display:flex;align-items:center;gap:11px;color:#59647e;font-size:8px;letter-spacing:2px}.scroll-cue span{width:1px;height:30px;background:linear-gradient(var(--cyan),transparent)}
.section{padding:110px max(8vw,28px)}.section-heading{text-align:center}.section-heading h2,.cases-top h2,.about h2,.contact-panel h2,.product-copy h2{margin:9px 0 10px;font-size:clamp(30px,3vw,44px);line-height:1.25;font-weight:600}.section-heading p,.cases-top p{color:var(--muted);font-size:13px}.business{background:#080b11}.business-grid{width:min(1080px,100%);margin:50px auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.business-card{min-height:330px;padding:38px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,rgba(15,19,33,.96),rgba(8,11,19,.96));transition:.3s}.business-card::after{content:"";position:absolute;width:250px;height:250px;right:-100px;bottom:-150px;border-radius:50%;background:rgba(25,94,255,.15);filter:blur(30px)}.business-card:hover{transform:translateY(-5px);border-color:rgba(51,126,255,.45)}.card-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:35px;color:#2586ff;font-size:28px;border-radius:12px;background:#0a1839;box-shadow:inset 0 0 20px rgba(20,89,255,.15)}.card-icon.violet{color:#b260ff;background:#1b1035}.business-card small{color:#4e5b78;font-size:9px;letter-spacing:2px}.business-card h3{margin:6px 0 13px;font-size:23px}.business-card p{max-width:470px;color:#858da1;font-size:13px}.business-card ul{display:flex;gap:18px;margin-top:28px;list-style:none;color:#3e8dff;font-size:11px}.business-card li::before{content:"+";margin-right:5px;color:var(--cyan)}
.solutions{background:#0a0d14}.solution-grid{width:min(1080px,100%);margin:48px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.solution-card{min-height:225px;padding:29px;position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(15,19,31,.8),rgba(8,11,18,.8));transition:.3s}.solution-card:hover{z-index:2;background:#0e1424;box-shadow:inset 0 -2px var(--blue)}.solution-card>b{position:absolute;right:22px;top:18px;color:#283047;font-size:10px}.solution-icon{width:36px;height:36px;display:grid;place-items:center;margin-bottom:34px;color:#9ba8c4;font-size:18px;border-radius:50%;background:linear-gradient(145deg,#2e3442,#0e1118);box-shadow:inset 4px 4px 7px rgba(255,255,255,.06)}.solution-card h3{margin-bottom:8px;font-size:17px}.solution-card p{color:#747d92;font-size:12px}
.cases{background:#05070c}.cases-top{width:min(1080px,100%);margin:0 auto 40px;display:flex;align-items:end;justify-content:space-between}.case-tip{padding:7px 12px;color:#68738b;font-size:9px;border:1px solid var(--line);border-radius:99px}.case-grid{width:min(1080px,100%);margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.new-case-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.case-card{height:300px;overflow:hidden;border:1px solid var(--line);border-radius:7px}.case-card.case-wide{height:500px;grid-column:1/-1}.case-card button{width:100%;height:100%;display:block;padding:0;position:relative;overflow:hidden;color:#fff;text-align:left;border:0;background:#060811;cursor:pointer}.case-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s,filter .5s}.case-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(3,5,12,.92),transparent 58%),linear-gradient(120deg,rgba(13,62,255,.12),transparent)}.case-card button>div{position:absolute;z-index:2;left:26px;right:26px;bottom:23px}.case-card small{color:#7989ff;font-size:9px;font-weight:700;letter-spacing:2px}.case-card h3{font-size:21px}.case-card p{margin-top:3px;color:#97a0b5;font-size:11px}.play{width:54px;height:54px;display:grid;place-items:center;position:absolute;z-index:3;left:50%;top:50%;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(4,8,23,.42);backdrop-filter:blur(5px);transform:translate(-50%,-50%);opacity:0;transition:.3s}.play::after{content:"";margin-left:4px;border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.case-card:hover img{transform:scale(1.045);filter:saturate(1.13)}.case-card:hover .play{opacity:1}
.product-showcase{min-height:680px;display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:center;overflow:hidden;background:radial-gradient(circle at 72% 50%,rgba(48,70,255,.22),transparent 32%),#090c14}.product-copy{max-width:420px;margin-left:auto}.product-copy p{margin-top:18px;color:var(--muted);font-size:13px}.download-row{display:flex;gap:10px;margin-top:28px}.download-row a{padding:12px 16px;color:#cfd6e8;font-size:11px;border:1px solid var(--line);border-radius:5px;background:#0c101b}.download-row span{margin-left:16px;color:var(--cyan)}.product-screens{height:480px;position:relative}.product-screens img{position:absolute;width:min(620px,54vw);height:400px;object-fit:cover;object-position:top;border:1px solid rgba(77,122,255,.26);border-radius:10px;box-shadow:0 25px 70px rgba(0,0,0,.55)}.product-screens img:first-child{left:0;top:0;transform:rotate(-3deg)}.product-screens img:last-child{left:20%;top:70px;transform:rotate(4deg)}
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;background:linear-gradient(180deg,#030506,#07090d)}.about-intro{position:sticky;top:120px;align-self:start}.about-intro>p{margin-top:18px;color:#818a9d;font-size:13px;text-align:justify}.advantages{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.advantages article{min-height:210px;padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:rgba(255,255,255,.015)}.advantages article:hover{border-color:rgba(19,209,216,.55)}.advantages b{color:#11cbd6;font-size:12px}.advantages h3{margin:15px 0 9px;font-size:17px}.advantages p{color:#70798a;font-size:12px}
.contact-section{padding:100px max(8vw,28px);background:#090c12}.contact-panel{width:min(1080px,100%);min-height:260px;margin:auto;padding:58px 70px;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;overflow:hidden;border:1px solid rgba(93,114,255,.25);border-radius:12px;background:radial-gradient(circle at 10% 110%,rgba(180,73,255,.52),transparent 30%),radial-gradient(circle at 92% 0,rgba(32,56,255,.65),transparent 30%),linear-gradient(120deg,#171122,#101426 60%,#172458)}.contact-panel::before{content:"";position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:45px 45px}.contact-panel>*{position:relative;z-index:1}.contact-panel p{color:#a6aec2;font-size:13px}.contact-details{width:min(1080px,100%);margin:25px auto 0;display:grid;grid-template-columns:1fr .5fr 2fr;border:1px solid var(--line);border-radius:8px}.contact-details div{padding:20px;border-right:1px solid var(--line)}.contact-details div:last-child{border:0}.contact-details small,.contact-details strong,.contact-details a{display:block}.contact-details small{margin-bottom:6px;color:#56617a;font-size:8px;letter-spacing:2px}.contact-details strong,.contact-details a{color:#aeb6c9;font-size:11px;font-weight:400}
.site-footer{padding:45px max(8vw,28px) 22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:60px;color:#687186;background:#030506;border-top:1px solid rgba(255,255,255,.06)}.footer-brand img{width:110px;opacity:.7}.footer-nav,.legal-links{display:flex;gap:24px;font-size:10px}.footer-nav a:hover,.legal-links a:hover{color:var(--cyan)}.copyright{grid-column:1/-1;padding-top:18px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05);font-size:9px}
.video-modal{width:100%;max-width:none;height:100%;max-height:none;padding:20px;border:0;color:#fff;background:rgba(1,3,10,.9);backdrop-filter:blur(14px)}.video-modal[open]{display:grid;place-items:center}.video-modal::backdrop{background:transparent}.video-panel{width:min(430px,100%);overflow:hidden;border:1px solid rgba(71,126,255,.4);border-radius:10px;background:#050711;box-shadow:0 30px 100px #000}.video-modal.landscape .video-panel{width:min(960px,100%)}.video-panel>div{height:55px;padding:0 14px 0 18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.video-panel span{color:#526dff;font-size:8px;letter-spacing:2px}.video-panel h2{text-align:center;font-size:14px}.video-panel button{width:32px;height:32px;color:#fff;font-size:22px;border:1px solid var(--line);border-radius:50%;background:#0b0f1b;cursor:pointer}.video-panel video{width:100%;max-height:calc(100vh - 100px);aspect-ratio:9/16;display:block;object-fit:contain;background:#000}.video-modal.landscape video{aspect-ratio:1280/688}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){:root{--header:66px}.site-header{padding:0 20px;gap:14px}.brand img{width:100px}.site-header nav{gap:17px}.site-header nav a{font-size:11px}.header-cta{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:130px;text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-stats{justify-content:center}.hero-visual{height:520px}.sphere{width:min(72vw,440px)}.business-grid,.about{grid-template-columns:1fr}.solution-grid{grid-template-columns:repeat(2,1fr)}.product-showcase{grid-template-columns:1fr}.product-copy{max-width:620px;margin:0;text-align:center}.download-row{justify-content:center}.product-screens{width:min(700px,100%);margin:auto}.about-intro{position:static}.site-footer{grid-template-columns:1fr;text-align:center;gap:24px}.footer-nav,.legal-links{justify-content:center}.copyright{grid-column:auto}}
@media(max-width:620px){.site-header{height:66px}.nav-toggle{width:38px;height:38px;margin-left:auto;padding:9px;display:flex;flex-direction:column;justify-content:center;gap:5px;color:#fff;border:1px solid var(--line);border-radius:6px;background:#0b0e17}.nav-toggle i{height:1px;background:currentColor}.site-header nav{height:auto;padding:14px 20px;display:none;position:absolute;left:12px;right:12px;top:58px;flex-direction:column;align-items:stretch;gap:0;border:1px solid var(--line);border-radius:9px;background:rgba(7,10,18,.97);box-shadow:0 20px 45px rgba(0,0,0,.5)}.site-header.nav-open nav{display:flex}.site-header nav a{height:43px;padding:0 8px}.site-header nav a.active::after{left:8px;right:auto;width:24px}.hero{padding:115px 18px 55px;gap:10px}.hero h1{font-size:43px;letter-spacing:-2px}.hero-copy>p{font-size:13px}.hero-actions{flex-direction:column}.hero-stats{margin-top:42px;gap:22px}.hero-stats strong{font-size:18px}.hero-visual{height:380px}.sphere{width:82vw}.orbit-one{width:95vw;height:280px}.orbit-two{width:100vw;height:340px}.float-card{display:none}.scroll-cue{display:none}.section{padding:78px 16px}.business-grid{margin-top:34px}.business-card{min-height:0;padding:26px}.solution-grid{grid-template-columns:1fr}.solution-card{min-height:190px}.cases-top{align-items:start;gap:18px;flex-direction:column}.case-grid,.new-case-row{grid-template-columns:1fr}.case-card.case-wide{height:250px}.case-card{height:250px}.case-wide{grid-column:auto}.play{opacity:1}.product-showcase{min-height:650px;gap:20px}.product-screens{height:310px}.product-screens img{width:90%;height:245px}.product-screens img:last-child{left:8%;top:50px}.about{gap:38px}.advantages{grid-template-columns:1fr}.advantages article{min-height:170px}.contact-section{padding:70px 16px}.contact-panel{padding:38px 24px;align-items:flex-start;flex-direction:column}.contact-details{grid-template-columns:1fr}.contact-details div{border-right:0;border-bottom:1px solid var(--line)}.site-footer{padding-inline:18px}.footer-nav{flex-wrap:wrap}.copyright{gap:7px;flex-direction:column}.video-modal{padding:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
