:root{--p:#0ea5e9;--p2:#10b981;--pd:#0b7fae;--d:#0b1220;--d2:#101b2d;--t:#1e293b;--m:#64748b;--l:#94a3b8;--bg:#f4f8fb;--w:#fff;--r:14px;--sh:0 10px 30px rgba(11,18,32,.08);--sh2:0 18px 48px rgba(14,165,233,.18)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei","Segoe UI",Roboto,sans-serif;color:var(--t);background:var(--bg);line-height:1.7;overflow-x:hidden}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none}.wrap{width:min(1200px,92%);margin:0 auto}
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:all .35s}.nav.on{background:rgba(11,18,32,.92);backdrop-filter:blur(12px);padding:10px 0;box-shadow:0 6px 24px rgba(0,0,0,.25)}.nav-in{display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;color:#fff}.logo img{height:38px;border-radius:8px}.nav-menu{display:flex;align-items:center;gap:6px}.nav-menu>li{position:relative}.nav-menu>li>a{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.9);padding:10px 16px;border-radius:10px;font-size:15px;font-weight:600;transition:.25s}.nav-menu>li>a:hover{background:rgba(255,255,255,.12);color:#fff}.nav-menu .arrow{transition:transform .3s;display:inline-block}.nav-menu>li:hover .arrow{transform:rotate(180deg)}.drop{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:#fff;border-radius:12px;box-shadow:0 18px 40px rgba(11,18,32,.16);padding:8px;opacity:0;visibility:hidden;transform:translateY(12px);transition:.3s}.nav-menu>li:hover .drop{opacity:1;visibility:visible;transform:translateY(0)}.drop a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;color:var(--t);font-size:14px;font-weight:500;transition:.2s}.drop a:hover{background:#eef7fd;color:var(--p)}.drop a b{color:var(--p);font-weight:700}.nav-cta{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;font-weight:700;font-size:15px;padding:11px 22px;border-radius:50px;box-shadow:0 8px 20px rgba(14,165,233,.35);transition:.3s}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(14,165,233,.45)}.burger{display:none;flex-direction:column;gap:5px;background:none;padding:8px}.burger span{width:26px;height:3px;background:#fff;border-radius:3px;transition:.3s}
.hero{position:relative;padding:150px 0 90px;background:radial-gradient(1100px 500px at 85% -10%,rgba(16,185,129,.25),transparent 60%),radial-gradient(900px 500px at 10% 20%,rgba(14,165,233,.28),transparent 55%),linear-gradient(160deg,#0b1220 0%,#0e1b30 55%,#0d2233 100%);color:#fff;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(800px 500px at 50% 30%,#000,transparent)}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.4);color:#6ee7b7;font-size:13px;font-weight:600;padding:7px 16px;border-radius:50px;margin-bottom:20px}.badge i{width:8px;height:8px;border-radius:50%;background:#34d399;animation:blink 1.6s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}.hero h1{font-size:clamp(34px,4.6vw,56px);line-height:1.22;font-weight:800;margin-bottom:18px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#38bdf8,#34d399);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.sub{font-size:18px;color:rgba(255,255,255,.75);max-width:540px;margin-bottom:30px}.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:50px;font-size:16px;font-weight:700;transition:.3s}.btn-p{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;box-shadow:0 10px 26px rgba(14,165,233,.4)}.btn-p:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(14,165,233,.5)}.btn-g{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(6px)}.btn-g:hover{background:rgba(255,255,255,.2)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats .st{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px;backdrop-filter:blur(8px)}.stats .n{font-size:30px;font-weight:800;color:#fff;display:flex;align-items:baseline;gap:2px}.stats .n small{font-size:16px;color:#34d399}.stats .lb{font-size:13px;color:rgba(255,255,255,.65)}
.demo{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:18px;backdrop-filter:blur(14px);box-shadow:0 30px 70px rgba(0,0,0,.35);position:relative}.demo::after{content:"";position:absolute;inset:-2px;border-radius:22px;background:linear-gradient(135deg,rgba(56,189,248,.5),rgba(52,211,153,.5));z-index:-1;filter:blur(18px);opacity:.6}.demo-head{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 14px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:16px}.demo-dots{display:flex;gap:7px}.demo-dots i{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.25)}.demo-dots i:first-child{background:#f87171}.demo-dots i:nth-child(2){background:#fbbf24}.demo-dots i:last-child{background:#34d399}.demo-langs{display:flex;gap:10px;align-items:center}.demo-langs select{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;padding:7px 10px;font-size:13px;outline:none}.demo-langs select option{color:#0b1220}.demo-swap{background:rgba(255,255,255,.12);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;transition:.3s}.demo-swap:hover{background:rgba(255,255,255,.25);transform:rotate(180deg)}.demo-body textarea{width:100%;min-height:110px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:15px;padding:14px;resize:vertical;outline:none}.demo-body textarea:focus{border-color:rgba(56,189,248,.6)}.demo-tools{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap}.demo-tools span{font-size:12px;background:rgba(255,255,255,.08);padding:5px 12px;border-radius:50px;color:rgba(255,255,255,.75);cursor:pointer;transition:.2s}.demo-tools span:hover{background:rgba(56,189,248,.25);color:#fff}.demo-out{background:rgba(16,185,129,.12);border:1px solid rgba(52,211,153,.35);border-radius:12px;padding:14px;min-height:110px;color:#d1fae5;font-size:15px;margin-top:4px;transition:.3s}.demo-out .ph{color:rgba(209,250,229,.45);font-size:13px}.demo-out.typing{border-color:rgba(52,211,153,.8)}.demo-act{display:flex;gap:12px;margin-top:14px}.demo-act button{flex:1;padding:13px;border-radius:50px;font-weight:700;font-size:15px;transition:.3s}.demo-act .tr{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;box-shadow:0 8px 20px rgba(14,165,233,.35)}.demo-act .tr:hover{transform:translateY(-2px)}.demo-act .cp{background:rgba(255,255,255,.1);color:#fff}.demo-act .cp:hover{background:rgba(255,255,255,.2)}
.sec{padding:90px 0}.sec.alt{background:var(--w)}.sec-head{text-align:center;max-width:760px;margin:0 auto 54px}.sec-head .tag{display:inline-block;color:var(--p);background:#e6f6fd;font-size:13px;font-weight:700;padding:6px 16px;border-radius:50px;margin-bottom:14px}.sec-head h2{font-size:clamp(28px,3.4vw,40px);font-weight:800;color:var(--t);margin-bottom:14px;line-height:1.3}.sec-head p{color:var(--m);font-size:16px}
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.feat{background:var(--w);border-radius:var(--r);padding:28px 24px;box-shadow:var(--sh);border:1px solid #eef2f6;transition:.35s;position:relative;overflow:hidden}.feat::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--p),var(--p2));transform:scaleX(0);transform-origin:left;transition:.35s}.feat:hover{transform:translateY(-8px);box-shadow:var(--sh2)}.feat:hover::before{transform:scaleX(1)}.feat .ic{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#e6f6fd,#ecfdf5);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.feat .ic svg{width:28px;height:28px;stroke:var(--p)}.feat h3{font-size:18px;font-weight:700;margin-bottom:10px}.feat p{font-size:14px;color:var(--m)}
.lang-sec{background:linear-gradient(150deg,#0b1220,#0e2233);color:#fff;padding:90px 0;position:relative;overflow:hidden}.lang-sec::before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.18),transparent 70%);top:-200px;right:-100px}.lang-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.lang-info .tag{background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.4);color:#6ee7b7;display:inline-block;font-size:13px;font-weight:700;padding:6px 16px;border-radius:50px;margin-bottom:14px}.lang-info h2{font-size:clamp(28px,3.4vw,40px);font-weight:800;margin-bottom:16px;line-height:1.3}.lang-info p{color:rgba(255,255,255,.72);margin-bottom:24px}.lang-count{display:flex;gap:30px;margin-bottom:28px}.lang-count .n{font-size:38px;font-weight:800;color:#34d399}.lang-count .n small{font-size:16px;color:rgba(255,255,255,.6);margin-left:4px}.lang-cloud{display:flex;flex-wrap:wrap;gap:10px}.lang-cloud span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:8px 16px;border-radius:50px;font-size:14px;color:rgba(255,255,255,.85);transition:.25s}.lang-cloud span:hover{background:rgba(52,211,153,.2);border-color:rgba(52,211,153,.5);transform:translateY(-3px)}
.acc-sec{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.acc-card{background:var(--w);border-radius:var(--r);padding:32px 28px;box-shadow:var(--sh);border:1px solid #eef2f6;text-align:center;transition:.3s}.acc-card:hover{transform:translateY(-6px)}.acc-card .big{font-size:44px;font-weight:800;background:linear-gradient(90deg,var(--p),var(--p2));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}.acc-card .big small{font-size:20px}.acc-card h3{font-size:17px;margin:10px 0 8px;font-weight:700}.acc-card p{font-size:14px;color:var(--m)}.bar{height:8px;background:#eef2f6;border-radius:8px;margin-top:16px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--p),var(--p2));border-radius:8px;width:0;transition:width 1.4s ease}
.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.scene{background:var(--w);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);border:1px solid #eef2f6;transition:.35s}.scene:hover{transform:translateY(-8px);box-shadow:var(--sh2)}.scene .im{height:170px;display:flex;align-items:center;justify-content:center;position:relative}.scene .im svg{width:64px;height:64px;stroke:rgba(255,255,255,.95)}.scene .im::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(11,18,32,.25))}.g1{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.g2{background:linear-gradient(135deg,#10b981,#0d9488)}.g3{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.g4{background:linear-gradient(135deg,#f59e0b,#ea580c)}.g5{background:linear-gradient(135deg,#ec4899,#be185d)}.g6{background:linear-gradient(135deg,#06b6d4,#0891b2)}.scene .bd{padding:22px}.scene h3{font-size:17px;font-weight:700;margin-bottom:8px}.scene p{font-size:14px;color:var(--m)}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}.price{background:var(--w);border-radius:18px;padding:36px 30px;box-shadow:var(--sh);border:1px solid #eef2f6;position:relative;transition:.3s;display:flex;flex-direction:column}.price:hover{transform:translateY(-6px)}.price.hot{border:2px solid var(--p);box-shadow:0 20px 50px rgba(14,165,233,.2);transform:scale(1.04)}.price.hot:hover{transform:scale(1.04) translateY(-6px)}.price .pop{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;font-size:13px;font-weight:700;padding:6px 18px;border-radius:50px;box-shadow:0 6px 16px rgba(14,165,233,.35)}.price .nm{font-size:17px;font-weight:700;margin-bottom:6px}.price .desc{font-size:13px;color:var(--m);margin-bottom:18px}.price .amt{font-size:42px;font-weight:800;color:var(--t)}.price .amt small{font-size:15px;color:var(--m);font-weight:500}.price ul{margin:22px 0 28px;flex:1}.price li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--t);padding:8px 0}.price li::before{content:"✓";color:var(--p2);font-weight:800;flex-shrink:0}
.faq-list{max-width:820px;margin:0 auto}.faq-item{background:var(--w);border-radius:var(--r);box-shadow:var(--sh);border:1px solid #eef2f6;margin-bottom:14px;overflow:hidden}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:none;font-size:16px;font-weight:700;color:var(--t);text-align:left}.faq-q .pl{font-size:20px;color:var(--p);transition:.3s}.faq-item.on .pl{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .45s ease}.faq-a .in{padding:0 24px 22px;color:var(--m);font-size:15px}.faq-a ol{padding-left:22px;margin-top:8px}.faq-a li{margin:6px 0}
.testi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.testi{background:var(--w);border-radius:var(--r);padding:26px;box-shadow:var(--sh);border:1px solid #eef2f6;position:relative}.testi::before{content:"“";position:absolute;top:6px;right:20px;font-size:80px;color:#e6f6fd;font-family:Georgia,serif;line-height:1}.testi p{font-size:15px;color:var(--t);margin-bottom:18px;position:relative}.testi .who{display:flex;align-items:center;gap:12px}.testi .av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px}.testi .nm{font-weight:700;font-size:15px}.testi .rl{font-size:13px;color:var(--l)}.stars{color:#f59e0b;font-size:14px;margin-bottom:10px}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ncard{background:var(--w);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);border:1px solid #eef2f6;transition:.35s;display:flex;flex-direction:column}.ncard:hover{transform:translateY(-8px);box-shadow:var(--sh2)}.ncard .im{position:relative;height:180px;overflow:hidden}.ncard .im img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.ncard:hover .im img{transform:scale(1.08)}.ncard .im .cat{position:absolute;left:14px;top:14px;background:rgba(11,18,32,.7);backdrop-filter:blur(4px);color:#fff;font-size:12px;padding:4px 12px;border-radius:50px}.ncard .bd{padding:20px;display:flex;flex-direction:column;flex:1}.ncard .dt{font-size:12px;color:var(--l);margin-bottom:8px}.ncard h3{font-size:16px;font-weight:700;line-height:1.5;margin-bottom:10px;transition:.2s}.ncard:hover h3{color:var(--p)}.ncard p{font-size:13px;color:var(--m);flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ncard .more{color:var(--p);font-weight:700;font-size:14px;margin-top:12px}
.cta{position:relative;border-radius:22px;overflow:hidden;padding:70px 40px;text-align:center;color:#fff;background-size:cover;background-position:center;margin-top:90px}.cta::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(11,18,32,.92),rgba(14,32,48,.82))}.cta>*{position:relative}.cta h2{font-size:clamp(26px,3.4vw,38px);font-weight:800;margin-bottom:14px}.cta p{color:rgba(255,255,255,.75);margin-bottom:28px;font-size:16px}.cta .btn{margin:0 8px}
footer{background:var(--d);color:rgba(255,255,255,.75);padding:64px 0 30px;margin-top:0}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:44px}.foot-brand p{font-size:14px;color:rgba(255,255,255,.55);margin-top:16px;max-width:300px}.foot-col h4{color:#fff;font-size:16px;margin-bottom:18px;font-weight:700}.foot-col a{display:block;font-size:14px;padding:6px 0;color:rgba(255,255,255,.6);transition:.2s}.foot-col a:hover{color:#38bdf8}.foot-bot{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.45)}
.pg-hero{background:linear-gradient(160deg,#0b1220,#0e2233);color:#fff;padding:140px 0 70px;text-align:center;position:relative;overflow:hidden}.pg-hero::before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.2),transparent 70%);top:-260px;left:50%;transform:translateX(-50%)}.pg-hero h1{font-size:clamp(30px,4vw,44px);font-weight:800;margin-bottom:14px;position:relative}.pg-hero p{color:rgba(255,255,255,.72);max-width:640px;margin:0 auto;position:relative}
.crumb{display:flex;align-items:center;gap:8px;font-size:14px;color:rgba(255,255,255,.6);justify-content:center;margin-top:18px;position:relative;flex-wrap:wrap}.crumb a:hover{color:#38bdf8}.crumb .sp{opacity:.5}
.dl-main{padding:80px 0}.dl-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;margin-bottom:70px}.dl-meta{display:flex;gap:16px;flex-wrap:wrap;margin:26px 0}.dl-meta .m{background:#fff;border:1px solid #eef2f6;border-radius:12px;padding:12px 18px;box-shadow:var(--sh);font-size:13px;color:var(--m)}.dl-meta b{display:block;color:var(--t);font-size:16px}
.ver-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}.ver{background:#fff;border-radius:var(--r);padding:28px;box-shadow:var(--sh);border:1px solid #eef2f6;display:flex;flex-direction:column;transition:.3s}.ver:hover{transform:translateY(-6px)}.ver .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ver h3{font-size:18px;font-weight:800}.ver .vtag{font-size:12px;color:var(--p);background:#e6f6fd;padding:4px 12px;border-radius:50px;font-weight:700}.ver .size{font-size:13px;color:var(--l);margin-bottom:14px}.ver ul{flex:1;margin-bottom:18px}.ver li{font-size:13px;color:var(--m);padding:5px 0;display:flex;gap:8px}.ver li::before{content:"✓";color:var(--p2);font-weight:800}
.sys-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}.sys{background:#fff;border-radius:var(--r);padding:24px;box-shadow:var(--sh);border:1px solid #eef2f6}.sys .ic{color:var(--p);font-size:26px;font-weight:800;margin-bottom:10px}.sys h4{font-size:16px;font-weight:700;margin-bottom:6px}.sys p{font-size:14px;color:var(--m)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px;counter-reset:st}.step{background:#fff;border-radius:var(--r);padding:30px 24px;box-shadow:var(--sh);border:1px solid #eef2f6;position:relative;transition:.3s}.step:hover{transform:translateY(-6px)}.step::before{counter-increment:st;content:counter(st,decimal-leading-zero);position:absolute;top:20px;right:22px;font-size:42px;font-weight:800;color:#eef6fd}.step .num{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:16px}.step h4{font-size:17px;font-weight:700;margin-bottom:8px}.step p{font-size:14px;color:var(--m)}
.news-list{padding:70px 0}.news-li{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.art-wrap{display:grid;grid-template-columns:1fr 340px;gap:44px;padding:60px 0}.art-main .cover{border-radius:18px;overflow:hidden;margin-bottom:26px;box-shadow:var(--sh)}.art-main .cover img{width:100%}.art-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--l);margin-bottom:18px}.art-main h1{font-size:clamp(26px,3.4vw,36px);font-weight:800;line-height:1.4;margin-bottom:20px}.art-main h2{font-size:23px;font-weight:800;margin:36px 0 16px;color:var(--t);scroll-margin-top:100px;padding-left:14px;border-left:4px solid var(--p)}.art-main p{font-size:16px;color:#3f4c5f;margin-bottom:18px;line-height:1.9}.art-main .lead{font-size:17px;color:var(--t);background:#eef8fd;border-radius:12px;padding:20px 24px;border-left:4px solid var(--p);font-weight:500}.art-main .quote{border-left:4px solid var(--p2);background:#f0fdf8;padding:16px 22px;border-radius:0 12px 12px 0;margin:22px 0;color:var(--t);font-style:normal}.art-main .quote b{display:block;margin-top:6px;font-size:14px;color:var(--m);font-weight:600}.art-main img.inline{border-radius:14px;margin:24px 0;box-shadow:var(--sh)}
.side{position:sticky;top:100px;align-self:start;display:flex;flex-direction:column;gap:22px}.side-card{background:#fff;border-radius:var(--r);box-shadow:var(--sh);border:1px solid #eef2f6;padding:22px}.side-card h4{font-size:16px;font-weight:800;margin-bottom:16px;padding-left:12px;border-left:4px solid var(--p);display:flex;align-items:center;gap:8px}.toc-list li{margin-bottom:2px}.toc-list a{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--m);padding:8px 6px;border-radius:8px;transition:.2s;position:relative}.toc-list a::before{content:"";position:absolute;left:-8px;top:0;bottom:0;width:2px;background:#eef2f6}.toc-list a::after{content:"";position:absolute;left:-10px;top:14px;width:6px;height:6px;border-radius:50%;background:#cbd5e1;transition:.2s}.toc-list a:hover{color:var(--p)}.toc-list a.act{color:var(--p);font-weight:700}.toc-list a.act::after{background:var(--p);box-shadow:0 0 0 3px rgba(14,165,233,.2)}.toc-list a.act::before{background:var(--p)}.rank li{margin-bottom:4px}.rank a{display:flex;align-items:center;gap:12px;padding:9px 8px;border-radius:10px;transition:.2s}.rank a:hover{background:#f4f9fd}.rank a:hover .rt{color:var(--p)}.rank .rk{width:26px;height:26px;border-radius:8px;background:#eef2f6;color:var(--m);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0;transition:.2s}.rank li:nth-child(1) .rk{background:linear-gradient(135deg,var(--p),#2563eb);color:#fff}.rank li:nth-child(2) .rk{background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff}.rank li:nth-child(3) .rk{background:linear-gradient(135deg,#fbbf24,#d97706);color:#fff}.rank a:hover .rk{transform:scale(1.15)}.rank .rt{font-size:13px;color:var(--t);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:.2s}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags a{font-size:13px;color:var(--m);border:1px solid #e2e8f0;padding:6px 14px;border-radius:50px;transition:.2s}.tags a:hover{color:var(--p);border-color:var(--p);background:#eef8fd}
.pn-nav{display:flex;justify-content:space-between;gap:16px;margin-top:40px;flex-wrap:wrap}.pn-nav a{flex:1;min-width:220px;background:#fff;border-radius:12px;padding:16px 20px;box-shadow:var(--sh);border:1px solid #eef2f6;transition:.25s}.pn-nav a:hover{box-shadow:var(--sh2);border-color:var(--p)}.pn-nav .lbl{font-size:12px;color:var(--l);display:block;margin-bottom:4px}.pn-nav .tt{font-size:14px;font-weight:700;color:var(--t)}.pn-nav a.next{text-align:right}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:16px}.rel{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--sh);border:1px solid #eef2f6;transition:.25s}.rel:hover{transform:translateY(-5px)}.rel img{height:110px;width:100%;object-fit:cover}.rel span{display:block;padding:12px 14px;font-size:13px;font-weight:600;color:var(--t);line-height:1.5}
.cmts{margin-top:50px}.cmt{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid #eef2f6}.cmt .av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.cmt .hd{display:flex;align-items:center;gap:10px;margin-bottom:6px}.cmt .nm{font-weight:700;font-size:14px}.cmt .dt{font-size:12px;color:var(--l)}.cmt p{font-size:14px;color:var(--t)}
.map-tree{max-width:820px;margin:0 auto}.map-tree>li{margin-bottom:6px}.map-tree>li>a,.map-tree .lv1{display:block;background:#fff;border-radius:12px;padding:16px 22px;font-size:16px;font-weight:800;color:var(--t);box-shadow:var(--sh);border:1px solid #eef2f6}.map-tree .sub{padding:10px 0 14px 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.map-tree .sub a{background:#fff;border:1px solid #eef2f6;border-radius:10px;padding:11px 16px;font-size:14px;color:var(--m);transition:.2s}.map-tree .sub a:hover{color:var(--p);border-color:var(--p);transform:translateX(4px)}
.e404{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(160deg,#0b1220,#0e2233);color:#fff;padding:40px 20px}.e404 .code{font-size:120px;font-weight:800;background:linear-gradient(90deg,#38bdf8,#34d399);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;margin-bottom:10px}.e404 h1{font-size:28px;margin-bottom:12px}.e404 p{color:rgba(255,255,255,.65);margin-bottom:30px}.e404 .cd{display:inline-block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);padding:10px 30px;border-radius:50px;font-size:15px;color:#6ee7b7;margin-bottom:26px}
.to-top{position:fixed;right:26px;bottom:26px;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(14,165,233,.4);opacity:0;visibility:hidden;transition:.3s;z-index:90}.to-top.show{opacity:1;visibility:visible}
@media(max-width:992px){.nav-menu{position:fixed;top:64px;left:0;right:0;background:rgba(11,18,32,.97);backdrop-filter:blur(14px);flex-direction:column;align-items:stretch;padding:14px 5%;gap:4px;transform:translateY(-130%);transition:transform .35s;max-height:82vh;overflow-y:auto}.nav-menu.open{transform:translateY(0)}.nav-menu>li>a{color:#fff;justify-content:space-between;padding:14px 12px}.drop{position:static;opacity:1;visibility:visible;transform:none;display:none;background:rgba(255,255,255,.06);box-shadow:none;min-width:0;margin:2px 0 8px}.drop.open{display:block}.drop a{color:rgba(255,255,255,.85)}.drop a:hover{background:rgba(255,255,255,.1)}.burger{display:flex}.nav-cta{display:none}.hero{padding:120px 0 70px}.hero-grid,.dl-grid,.lang-wrap,.art-wrap{grid-template-columns:1fr;gap:40px}.feat-grid{grid-template-columns:repeat(2,1fr)}.acc-sec{grid-template-columns:1fr}.scene-grid,.news-grid,.news-li{grid-template-columns:repeat(2,1fr)}.price-grid,.ver-grid{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}.price.hot{transform:none}.price.hot:hover{transform:translateY(-6px)}.steps{grid-template-columns:repeat(2,1fr)}.sys-grid{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr 1fr}.side{position:static}.map-tree .sub{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.sec{padding:64px 0}.feat-grid,.scene-grid,.news-grid,.news-li,.testi-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr 1fr;gap:10px}.stats .n{font-size:22px}.hero h1{font-size:32px}.rel-grid{grid-template-columns:1fr}.cta{padding:50px 24px}.lang-cloud span{font-size:13px;padding:7px 12px}.lang-count{flex-wrap:wrap;gap:18px}.art-wrap{padding:44px 0}.demo-act{flex-direction:column}.foot-grid{grid-template-columns:1fr}}
@media(max-width:480px){.hero-btns{flex-direction:column}.hero-btns .btn{justify-content:center}.stats{grid-template-columns:1fr}.stats .st{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.steps,.sys-grid{grid-template-columns:1fr}.pg-hero{padding:120px 0 50px}.dl-meta{flex-direction:column}.map-tree .sub{grid-template-columns:1fr}.pn-nav a{min-width:100%}.demo-langs select{max-width:120px}}