:root{--bg:#24272a;--bg2:#2b2f33;--panel:#34383c;--panel2:#3b4045;--line:#4a4f54;--text:#edf0f1;--muted:#a3aaae;--blue:#7da7d3;--cyan:#82c6c0;--font:"Microsoft YaHei","PingFang SC",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:var(--font);line-height:1.65;background:var(--bg)}a{color:inherit;text-decoration:none}img{max-width:100%}.top{height:70px;padding:0 clamp(18px,5vw,84px);display:flex;align-items:center;gap:45px;border-bottom:1px solid var(--line);background:rgba(36,39,42,.94);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.logo{display:flex;align-items:center;gap:9px}.logo i{width:33px;height:33px;display:grid;place-items:center;border-radius:8px;background:var(--blue);color:#fff;font-style:normal;font-weight:900}.logo b{font-size:18px}.logo span{font-size:7px;color:#8e969c;letter-spacing:.13em}.top nav{display:flex;gap:28px;margin:auto}.top nav a{font-size:11px;color:#adb4b9}.top nav a.on,.top nav a:hover{color:#fff}.top-btn{padding:9px 15px;border-radius:8px;background:#eef1f2;color:#2b2f33;font-size:10px;font-weight:900}.menu{display:none;border:0;background:none;color:#fff;font-size:20px}.hero{min-height:730px;padding:clamp(70px,8vw,120px) clamp(20px,5vw,86px);display:grid;grid-template-columns:75px .7fr 1.3fr;gap:clamp(45px,6vw,90px);align-items:center}.hero-rail{height:500px;padding:15px 0;display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line);writing-mode:vertical-rl}.hero-rail span{font-size:7px;color:#8f979c;letter-spacing:.15em}.hero-rail b{margin:auto 0;font-size:9px}.hero-rail i{font-size:8px;color:var(--cyan);font-style:normal}.hero-copy>span,.heading>span,.solution-copy>span,.trust>div>span,.cta span,.page-label{font-size:8px;color:var(--blue);letter-spacing:.15em;font-weight:900}.hero h1{font-size:clamp(60px,7vw,106px);line-height:.89;letter-spacing:-.06em;margin:28px 0}.hero-copy>p{max-width:43em;color:var(--muted);font-size:13px}.actions{display:flex;gap:10px;margin-top:30px}.actions>a{min-width:220px;padding:12px 14px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:9px;background:rgba(60,64,68,.7);backdrop-filter:blur(12px);white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb}.actions a.primary{background:var(--blue);border-color:var(--blue)}.actions i{font-style:normal}.actions b,.actions small{display:block}.actions b{font-size:11px}.actions small{font-size:8px;opacity:.7}.hub{align-self:center;height:auto;padding:11px;border:1px solid #555b60;border-radius:13px;background:rgba(47,51,55,.78);backdrop-filter:blur(18px);box-shadow:12px 12px 0 #1e2022}.hub>header{height:40px;padding:0 5px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.hub>header span,.hub>header b{font-size:8px}.hub>header b{color:var(--cyan)}.hub-body{display:grid;grid-template-columns:42px 1fr}.hub-body>aside{padding:14px 0;display:flex;align-items:center;flex-direction:column;gap:20px;border-right:1px solid var(--line);color:#929ba1}.hub-body>aside i{font-style:normal}.hub-body>div{padding:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.metrics span{padding:8px;border-radius:7px;background:var(--panel2)}.metrics small,.metrics b{display:block}.metrics small{font-size:7px;color:var(--muted)}.metrics b{font-size:14px}.hub-body img{display:block;width:100%;height:auto;margin-top:9px;object-fit:contain}
.downloads,.modules,.content,.page-main{padding:clamp(90px,10vw,150px) clamp(20px,6vw,100px)}.heading{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-bottom:52px}.heading h2,.solution h2,.trust h2,.content h2,.cta h2,.page-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.05;letter-spacing:-.045em;margin:9px 0}.heading p{align-self:end;color:var(--muted);font-size:10px}.client-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.client-grid article{padding:20px;border:1px solid var(--line);border-radius:10px;background:rgba(55,59,63,.76);backdrop-filter:blur(14px)}.client-grid article>div{display:flex;gap:10px;align-items:center}.client-grid article>div i{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;background:var(--panel2);color:var(--blue);font-style:normal}.client-grid article>div b{font-size:13px}.client-grid article>p{min-height:38px;color:var(--muted);font-size:8px}.client-grid dl{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid var(--line);font-size:9px}.client-grid article>a{padding:9px;display:block;border-radius:7px;background:var(--panel2);color:#dbe9f6;font-size:9px;text-align:center;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb}
.modules{background:var(--bg2)}.module-stage{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(55px,8vw,120px)}.module-stage figure{margin:0;align-self:center;height:auto;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--panel)}.module-stage figure img{display:block;width:100%;height:auto;object-fit:contain}.module-stage figcaption{padding:9px 12px;display:flex;justify-content:space-between}.module-stage figcaption b{font-size:9px}.module-stage figcaption span{font-size:7px;color:var(--blue)}.module-list{border-top:1px solid var(--line)}.module-list article{padding:13px 0;display:grid;grid-template-columns:38px 1fr;border-bottom:1px solid var(--line)}.module-list i{font-size:8px;color:var(--blue);font-style:normal}.module-list b,.module-list small{display:block}.module-list b{font-size:10px}.module-list small{font-size:8px;color:var(--muted)}.solution{padding:clamp(95px,11vw,170px) clamp(20px,6vw,100px);display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(60px,8vw,120px)}.solution-copy{align-self:center}.solution-copy>p{color:var(--muted)}.solution-copy ul{list-style:none;padding:0;margin-top:30px;border-top:1px solid var(--line)}.solution-copy li{padding:12px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.solution-copy li b{font-size:10px}.solution-copy li span{font-size:8px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.product-grid figure{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}.product-grid figure.wide{grid-column:1/-1}.product-grid img{display:block;width:100%;height:auto;object-fit:contain}.product-grid figcaption{padding:9px 11px;display:flex;justify-content:space-between}.product-grid figcaption b{font-size:9px}.product-grid figcaption span{font-size:7px;color:var(--muted)}.trust{padding:clamp(85px,10vw,145px) clamp(20px,6vw,100px);display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(60px,8vw,120px);align-items:center;background:#303438}.trust strong{display:block;font-size:clamp(65px,8vw,115px);line-height:1;letter-spacing:-.065em;color:#b9c8d4}.trust strong small{font-size:.22em;margin-left:7px}.brands{display:flex;flex-wrap:wrap;gap:10px 22px}.brands b{font-size:9px}.trust figure{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}.trust figure img{display:block;width:100%;height:auto;object-fit:contain}.trust figcaption{padding:9px 12px;font-size:8px;color:var(--muted)}.content{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(50px,8vw,110px)}.news header{margin-bottom:20px}.news h2{font-size:35px}.news>a{padding:16px 0;display:grid;grid-template-columns:55px 1fr auto;gap:18px;border-bottom:1px solid var(--line)}.news time{font-size:8px;color:var(--blue)}.news b,.news small{display:block}.news b{font-size:11px}.news small{font-size:8px;color:var(--muted)}.news i{font-style:normal}.content aside{padding:27px;border:1px solid var(--line);border-radius:10px;background:var(--panel);align-self:start}.content aside>span{font-size:8px;color:var(--blue)}.content aside h2{font-size:29px}.content aside>a{padding:12px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px}.content aside a b{color:var(--blue)}.cta{padding:clamp(70px,8vw,110px) clamp(20px,6vw,100px);display:grid;grid-template-columns:1.2fr .8fr auto;gap:40px;align-items:center;background:#dfe4e7;color:#303438}.cta span{color:#667987}.cta ul{font-size:10px;line-height:2}.cta>a{padding:13px 16px;border-radius:8px;background:#303438;color:#fff;font-size:10px;font-weight:900;white-space:nowrap}footer{padding:35px clamp(20px,6vw,100px);display:flex;align-items:center;gap:40px}footer nav{display:flex;gap:22px;margin:auto}footer nav a,footer p{font-size:9px;color:var(--muted)}
.page-hero{padding:clamp(75px,9vw,130px) clamp(20px,6vw,100px);display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center;background:var(--bg2)}.page-hero p{max-width:40em;color:var(--muted)}.page-hero img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.notice{padding:14px 17px;margin-top:24px;border:1px solid var(--line);border-radius:9px;background:var(--panel);font-size:10px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:100px}.steps article{padding:23px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.steps article>span{font-size:8px;color:var(--blue)}.steps p{font-size:9px;color:var(--muted)}.faq{max-width:900px;border-top:1px solid var(--line)}.faq article{border-bottom:1px solid var(--line)}.faq button{width:100%;padding:18px 0;display:flex;justify-content:space-between;border:0;background:none;color:var(--text);font-weight:800;text-align:left}.faq button i{font-style:normal;color:var(--blue)}.faq div{display:none;padding:0 40px 20px 0;color:var(--muted);font-size:10px}.faq article.open div{display:block}
@media(max-width:1050px){.hero{grid-template-columns:55px 1fr}.hub{grid-column:2}.hero-rail{grid-row:1/3}.solution,.trust,.page-hero{grid-template-columns:1fr}.client-grid{grid-template-columns:1fr 1fr}.module-stage{grid-template-columns:1fr}.content,.cta{grid-template-columns:1fr}}
@media(max-width:720px){.top{height:62px;padding:0 16px;gap:12px}.logo span{display:none}.top nav{display:none;position:absolute;top:62px;left:0;right:0;padding:20px;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column}.top nav.open{display:flex}.top-btn{margin-left:auto}.menu{display:block}.hero{display:block;padding:55px 20px 75px}.hero-rail{display:none}.hero h1{font-size:clamp(58px,17vw,82px)}.actions{display:grid}.actions>a{min-width:0}.hub{margin-top:45px}.metrics{grid-template-columns:1fr}.metrics span:nth-child(n+2){display:none}.heading{grid-template-columns:1fr}.client-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.product-grid figure.wide{grid-column:auto}.solution-copy li{gap:20px}.steps{grid-template-columns:1fr}.cta{gap:22px}footer{align-items:flex-start;flex-direction:column;gap:18px}footer nav{margin:0;flex-wrap:wrap}}
@media(max-width:470px){.top-btn{display:none}.news>a{grid-template-columns:1fr auto}.news time{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Hero image integrity overrides */
.hero{align-items:center}.hub{align-self:center;height:auto;margin-top:0;margin-bottom:0;transform:none}.hub-body img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin-top:9px;padding:0;object-fit:contain;object-position:center;clip-path:none;transform:none}