:root{color-scheme:dark;--bg:#061324;--bg2:#0a1d35;--text:#f1f7ff;--muted:#a2b4cc;--cyan:#16d8fa;--line:rgba(111,170,225,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}.container{width:min(1440px,calc(100% - 96px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:200;background:#fff;color:#000;padding:12px}.header{height:82px;position:sticky;top:0;z-index:100;background:rgba(5,17,33,.91);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{display:inline-flex;align-items:center;gap:12px;font-size:25px;letter-spacing:.015em;font-weight:800;white-space:nowrap}.logo img{width:46px;height:46px;object-fit:contain}.logo b{font-size:23px;margin-left:3px}.nav nav{display:flex;gap:39px;align-items:center}.nav nav a{color:#d5e2f1;font-size:15px;transition:.2s}.nav nav a:hover,.section-link:hover,.text-arrow:hover{color:var(--cyan)}.nav-cta{border:1px solid #00c9ff;padding:12px 22px;border-radius:12px;font-weight:600;font-size:14px}.nav-cta:hover{background:#063c5a}.menu{display:none}.hero{position:relative;min-height:660px;overflow:hidden;background:radial-gradient(ellipse at 66% 70%,#08375d 0%,transparent 43%),linear-gradient(115deg,#041020,#06162d 58%,#041226)}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(38,140,223,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(38,140,223,.065) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(transparent,black 50%,transparent)}.glow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(70px)}.glow-one{width:440px;height:220px;background:rgba(0,163,255,.19);right:8%;top:24%}.glow-two{width:600px;height:180px;background:rgba(2,105,228,.15);right:1%;bottom:0}.hero:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-155px;height:300px;transform:perspective(420px) rotateX(60deg);background:repeating-linear-gradient(0deg,transparent 0 17px,rgba(0,184,255,.15) 18px 19px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(0,184,255,.16) 32px 33px);mask-image:linear-gradient(transparent,#000 75%);pointer-events:none}.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:48% 52%;align-items:center;min-height:605px}.hero-content{padding:58px 0 52px}.eyebrow,.kicker{font-size:12px;letter-spacing:.13em;color:var(--cyan);font-weight:700}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(21,210,255,.35);padding:9px 15px;border-radius:30px;background:rgba(1,91,147,.16)}.pulse-dot{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 14px var(--cyan)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(42px,4.2vw,70px);line-height:1.3;letter-spacing:-.045em;margin:31px 0 18px;font-weight:800;white-space:nowrap}.hero h1 span{color:var(--cyan)}.hero-desc{font-size:17px;line-height:1.95;color:#c5d3e5;max-width:625px}.actions{display:flex;gap:15px;margin:30px 0 50px}.btn{min-height:52px;padding:0 26px;border-radius:12px;display:inline-flex;gap:24px;align-items:center;justify-content:center;font-weight:700;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.primary{background:linear-gradient(110deg,#0cdae8,#129aff);color:#04162b;box-shadow:0 8px 30px #02aaff22}.secondary{border:1px solid #2782c4;background:#061d35}.hero-tags{display:flex;flex-wrap:wrap;gap:0;color:#c9d9ed;font-size:13px}.hero-tags span{padding:0 16px;border-right:1px solid #355373}.hero-tags span:first-child{padding-left:0}.hero-tags span:last-child{border:0}.hero-visual{height:520px;position:relative;perspective:1000px;transform:translateX(10px)}.visual-halo{position:absolute;inset:12% 2% 4%;border-radius:50%;background:radial-gradient(ellipse,#1675e73b,transparent 65%);filter:blur(20px)}.mock-window{position:absolute;border:1px solid #278acb;background:linear-gradient(135deg,#0c2847,#071b34 70%);border-radius:17px;box-shadow:0 0 30px #02a4ff3c,inset 0 0 0 1px #ffffff0b;overflow:hidden}.window-main{z-index:3;width:72%;height:365px;top:78px;left:4%;transform:rotateY(-10deg) rotateZ(-3deg);border-color:#25c8ff;box-shadow:0 0 36px #00b7ff66,0 25px 50px #0008}.window-trace{z-index:2;width:43%;height:315px;right:0;top:97px;transform:rotateY(-12deg) rotateZ(3deg);border-color:#04c8e7}.window-license{z-index:1;width:30%;height:260px;right:-7%;top:134px;transform:rotateZ(-4deg);border-color:#6b7aff}.mock-top{height:48px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;font-size:14px;font-weight:800}.mock-top span:first-child{display:flex;align-items:center;gap:8px}.mock-top img{width:22px}.mock-body{display:flex;height:calc(100% - 48px)}.mock-body aside{width:25%;background:#081a30;padding:16px 7px;display:flex;flex-direction:column;gap:7px;font-size:10px;color:#8baacb}.mock-body aside span,.mock-body aside b{padding:9px 7px;white-space:nowrap}.mock-body aside b{background:#1550aa;color:#fff;border-radius:6px}.mock-content{flex:1;padding:17px;min-width:0}.mock-title{font-size:15px;font-weight:800;margin-bottom:15px}.mock-title small{font-size:8px;font-weight:400;color:#87a7c5;margin-left:7px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.stat-row>div{background:#193655;padding:11px 8px;border-radius:6px;display:flex;flex-direction:column;gap:5px}.stat-row small{font-size:9px;color:#afc9e0}.stat-row strong{font-size:21px}.stat-row em{font-size:9px;color:#2fe4b6;font-style:normal}.chart-card{background:#112e4d;margin-top:10px;border-radius:7px;padding:9px 11px;height:112px}.chart-card span{font-size:9px;color:#b3cde1}.chart-card svg{width:100%;height:78px}.task-row{display:flex;justify-content:space-between;font-size:9px;padding:9px 5px;border-bottom:1px solid #ffffff12;color:#91d8b6}.task-row i{width:50px;background:linear-gradient(90deg,#2abaff 70%,#2b4760 70%);height:4px;border-radius:3px}.mock-head{height:52px;display:flex;align-items:center;gap:8px;padding:0 14px;font-size:16px;font-weight:800}.mock-head small{font-size:7px;color:#81bbd5}.mini-icon{background:#087db2;border-radius:6px;padding:5px}.scan-frame{height:165px;margin:9px 20px;background:radial-gradient(circle,#2c5676,#0b2036);border:2px solid #27baff;border-radius:9px;display:grid;place-items:center;position:relative}.package{font-size:105px;color:#d2a16e;line-height:1}.scan-bar{position:absolute;top:54%;height:2px;background:#04e4fa;left:8%;right:8%;box-shadow:0 0 14px #00edff;animation:scan 3s ease-in-out infinite alternate}.trace-info{margin:13px 20px;font-size:9px;color:#b5d5e9}.trace-info i{display:block;height:5px;background:#205073;margin-top:9px;width:90%;border-radius:5px}.trace-info i:last-child{width:60%}.license-symbol{font-size:100px;color:#577cf4;position:relative;text-align:center;text-shadow:0 0 30px #647aff}.license-symbol span{font-size:48px;position:absolute;top:30px;left:50%;transform:translateX(-50%);color:#fff}.mock-line{height:8px;width:68%;margin:12px auto;background:#23456b;border-radius:6px}.mock-line.long{width:80%}.mock-line.short{width:45%}.visual-caption{position:absolute;bottom:25px;right:10%;color:#8cc9ed;font-size:12px;letter-spacing:.08em}.caption-mark{color:var(--cyan);font-size:20px}.hero-bottom{position:relative;z-index:4;display:flex;justify-content:space-between;padding:13px 0 22px;font-size:10px;letter-spacing:.15em;color:#6c91b4}.hero-bottom a{color:#b2c9dc}.section{padding:100px 0}.products{background:#08172b;border-top:1px solid #174067}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}.section-head h2,.technology h2,.about h2{font-size:clamp(34px,3.3vw,52px);letter-spacing:-.04em;margin:10px 0 10px}.section-head p{color:#a9bfd4;margin:0}.accent{color:var(--cyan)}.section-link,.text-arrow{color:#b2d4eb;font-size:14px}.product-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{position:relative;min-height:420px;padding:28px;overflow:hidden;border:1px solid #4c56a1;border-radius:18px;background:linear-gradient(145deg,#25295c,#121d43 60%,#151b37)}.product-card.cyan{border-color:#009bbf;background:linear-gradient(145deg,#064f67,#082a44 60%,#0a263c)}.product-card.green{border-color:#169f80;background:linear-gradient(145deg,#07594d,#0a383a 60%,#092a32)}.product-card:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#ffffff11,transparent 40%);pointer-events:none}.card-top{display:flex;justify-content:space-between;align-items:center}.product-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:13px;background:#6671e7;font-size:30px;box-shadow:0 0 25px #5967f766}.cyan .product-icon{background:#00aeca}.green .product-icon{background:#21b58b}.card-arrow{font-size:25px}.product-card h3{font-size:29px;margin:21px 0 3px}.product-card h3 span{font-size:16px;color:#b5c9ea}.card-sub{font-size:16px;font-weight:700;margin-bottom:12px}.product-card>p:not(.card-sub){color:#bdcde0;font-size:13px;line-height:1.8;max-width:370px}.card-art{height:125px;position:relative;margin-top:10px}.tiny-ui{position:absolute;right:0;bottom:-18px;width:75%;height:133px;transform:rotate(-10deg);border:1px solid #8499ff;border-radius:10px;background:#101c42;box-shadow:0 0 40px #6072e544;padding:10px;display:flex;flex-direction:column;gap:7px;font-size:9px}.tiny-ui div{font-weight:700;border-bottom:1px solid #ffffff20;padding-bottom:7px}.tiny-ui span{background:#273761;padding:6px;border-radius:4px}.shelf{position:absolute;inset:8px 0 0 12%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:9px;opacity:.6}.shelf i{border:3px solid #14a4bf;background:linear-gradient(#1b617a,#07324c);border-radius:3px}.parcel{position:absolute;width:50px;height:40px;background:linear-gradient(135deg,#d2a06b,#9b613b);border:2px solid #e2b480;transform:skewY(-12deg);bottom:12px}.p1{left:30%}.p2{left:55%;bottom:0}.p3{left:75%;bottom:22px}.license-art{display:grid;place-items:center}.shield{font-size:135px;color:#2bdcb0;position:relative;text-shadow:0 0 45px #11d8a877}.shield span{position:absolute;left:50%;top:30px;transform:translateX(-50%);font-size:60px;color:#bffff1}.card-status{font-size:10px;color:#a5b8cf;position:absolute;bottom:17px;left:28px}.product-note{color:#829db7;font-size:12px;margin-top:20px}.solutions{background:#061324}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.solution-grid article{background:#0c2038;border:1px solid var(--line);padding:30px;border-radius:16px;min-height:250px}.solution-grid article>span{font-size:11px;letter-spacing:.12em;color:#4ebcfa}.solution-symbol{font-size:44px;color:#38c4ff;margin:15px 0}.solution-grid h3{font-size:21px;margin-bottom:12px}.solution-grid p{color:var(--muted);line-height:1.8;font-size:14px}.technology{background:linear-gradient(120deg,#0a1c37,#0a2942)}.technology-layout{display:grid;grid-template-columns:40% 60%;gap:35px;align-items:center}.technology h2 span,.about h2 span{color:var(--cyan)}.technology-layout>div>p{color:#b0c3d8;line-height:1.9;max-width:420px}.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.tech-grid>div{padding:25px;border:1px solid var(--line);border-radius:13px;background:#ffffff08}.tech-grid span{font-size:29px;color:#2fd3f5}.tech-grid h3{margin:13px 0 6px;font-size:17px}.tech-grid p{margin:0;color:var(--muted);font-size:13px}.about{background:#08172b}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-lead{font-size:24px!important;color:#f0f7ff!important;line-height:1.8!important}.about-layout p{color:var(--muted);line-height:2}.contact{padding:85px 0 35px;background:radial-gradient(ellipse at 70% 50%,#07567b,#071a33 65%);border-top:1px solid #1475a055}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.contact h2{font-size:40px;margin:15px 0}.contact p{color:#b5c9dc}.email-note{font-size:11px;color:#7896b2;margin-top:32px}.footer{background:#05101e;padding:28px 0;border-top:1px solid var(--line)}.footer-layout{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#89a5c1;font-size:12px}.footer .logo{font-size:18px;color:white}.footer .logo img{width:34px;height:34px}.footer .logo b{font-size:16px}@keyframes scan{to{top:15%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scan-bar{animation:none}.btn{transition:none}}@media(max-width:1150px){.container{width:min(100% - 50px,1200px)}.nav nav{gap:18px}.hero-layout{grid-template-columns:50% 50%}.hero h1{font-size:44px}.hero-visual{transform:scale(.86);transform-origin:center left}.hero-tags span{padding:0 10px}.product-card{padding:22px}.product-card h3{font-size:24px}}@media(max-width:800px){.header{height:70px}.container{width:calc(100% - 36px)}.logo{font-size:20px}.logo b{font-size:18px}.logo img{width:38px;height:38px}.menu{display:flex;width:38px;height:38px;flex-direction:column;justify-content:center;gap:5px;border:0;background:transparent;cursor:pointer}.menu span{height:2px;background:white;width:24px}.nav-cta{display:none}.nav nav{display:none;position:absolute;top:69px;left:0;right:0;background:#07172c;border-bottom:1px solid #245077;padding:18px;flex-direction:column;align-items:stretch;gap:0}.nav nav.open{display:flex}.nav nav a{padding:13px 6px}.hero-layout{display:block;min-height:0}.hero-content{padding:60px 0 0}.hero h1{font-size:clamp(34px,7.2vw,56px);white-space:normal}.hero-desc{font-size:15px}.actions{margin-bottom:30px;flex-wrap:wrap}.hero-tags{gap:12px}.hero-tags span{border:0;padding:0;font-size:12px}.hero-visual{height:430px;transform:scale(.83);transform-origin:top center;margin-top:25px}.window-main{left:4%;width:75%}.window-trace{right:2%}.window-license{right:-2%}.hero-bottom{padding-top:0}.section{padding:70px 0}.product-cards,.solution-grid{grid-template-columns:1fr}.product-card{min-height:405px}.section-head{align-items:start}.technology-layout,.about-layout{grid-template-columns:1fr;gap:30px}.footer-layout{flex-wrap:wrap}.contact-inner{align-items:start;flex-direction:column}}@media(max-width:480px){.hero-visual{height:320px;transform:scale(.61);width:155%;transform-origin:top left}.hero-tags{gap:10px}.hero-tags span{font-size:11px}.btn{padding:0 17px;font-size:13px}.hero-bottom{font-size:9px}.section-head h2{font-size:36px}.section-link{font-size:12px}.tech-grid{gap:9px}.tech-grid>div{padding:15px}.tech-grid h3{font-size:14px}.about-lead{font-size:20px!important}.contact h2{font-size:30px}}
