:root{--blue:#1b58f5;--ink:#0b1737;--muted:#68748d;--line:#e3e9f2;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}header{height:76px;display:flex;align-items:center;gap:38px;padding:0 max(22px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffffff0;backdrop-filter:blur(12px);z-index:20}.logo{display:flex;align-items:center;gap:9px;font-size:18px}.logo img{width:42px;height:42px;object-fit:contain;object-position:top}nav{display:flex;gap:28px;margin-left:auto}nav a{font-size:14px;color:#4f5d77}.button{display:inline-block;background:var(--blue);color:#fff!important;padding:15px 26px;border-radius:10px;font-weight:700;box-shadow:0 10px 24px #1b58f533}.button.small{padding:11px 17px;font-size:14px}.hero{min-height:650px;padding:72px max(22px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center;background:radial-gradient(circle at 78% 20%,#e4ecff 0,transparent 28%),linear-gradient(#fff,#f7faff)}.eyebrow,.title>p,.contact p{color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.12em}.hero h1{font-size:58px;line-height:1.12;letter-spacing:-.055em;margin:20px 0}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#1656f4,#11bddc);-webkit-background-clip:text;color:transparent}.lead{font-size:18px;line-height:1.8;color:var(--muted)}.actions{display:flex;align-items:center;gap:25px;margin:30px 0;font-weight:700}.checks{display:flex;gap:17px;flex-wrap:wrap;color:#59657e;font-size:13px}.mock{background:#fff;border:1px solid #dce4f0;border-radius:20px;box-shadow:0 32px 75px #18386e29;overflow:hidden}.mock-top{height:52px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:0 16px;font-size:12px}.mock-top i{width:28px;height:28px;border-radius:8px;background:var(--blue);color:white;display:grid;place-items:center;font-style:normal}.mock-top span{margin-left:auto;color:#c4cad4}.mock-body{height:380px;display:grid;grid-template-columns:110px 1fr}.mock aside{background:#0c1731;color:#8794ae;padding:24px 10px;display:grid;align-content:start;gap:8px}.mock aside>*{padding:10px 8px;font-size:11px}.mock aside b{background:#1e3974;color:#fff;border-radius:7px}.mock-body>section{display:grid;grid-template-columns:160px 1fr}.people{padding:14px 9px;border-right:1px solid var(--line)}.people input{width:100%;border:0;background:#f0f3f7;border-radius:7px;padding:8px;font-size:9px}.people p{padding:12px 8px;margin:7px 0;border-radius:8px}.people .selected{background:#edf3ff}.people b,.people small{display:block;font-size:10px}.people small{color:#929bae;margin-top:5px}.chat{background:#f8fafd;padding:18px 14px;position:relative}.chat h4{margin:0;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:12px}.chat h4 small{display:block;color:#8e98aa;margin-top:4px}.chat>p{background:#fff;padding:10px;border-radius:9px;font-size:10px;line-height:1.5;width:max-content;max-width:85%;margin-top:25px}.chat>p.reply{background:var(--blue);color:#fff;margin-left:auto}.chat>div{position:absolute;bottom:14px;left:14px;right:14px;background:#fff;border:1px solid var(--line);padding:12px;border-radius:8px;font-size:9px;color:#9aa3b2}.chat>div b{float:right;background:var(--blue);color:#fff;padding:4px 8px;border-radius:5px}.metrics{max-width:1180px;margin:-22px auto 0;position:relative;background:#0b1737;color:#fff;border-radius:15px;display:grid;grid-template-columns:repeat(4,1fr);padding:24px 30px;box-shadow:0 20px 45px #0b17372e}.metrics div{padding-left:24px;border-right:1px solid #ffffff1f}.metrics div:last-child{border:0}.metrics b,.metrics span{display:block}.metrics b{font-size:23px}.metrics span{font-size:12px;color:#98a6c0;margin-top:5px}.block{max-width:1180px;margin:auto;padding:105px 0}.title{text-align:center;max-width:700px;margin:0 auto 46px}.title h2,.security h2,.contact h2{font-size:38px;letter-spacing:-.035em;margin:12px 0}.title>span,.security>div>span,.contact span{font-size:16px;color:var(--muted);line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.cards article{border:1px solid var(--line);border-radius:17px;padding:28px;min-height:270px}.cards article.dark{background:#0b1737;color:#fff;border:0}.cards i{width:44px;height:44px;border-radius:12px;background:#eaf0ff;color:var(--blue);font-style:normal;display:grid;place-items:center;font-size:20px}.cards .dark i{background:#20345f;color:#fff}.cards h3{font-size:20px;margin:24px 0 10px}.cards p{font-size:14px;line-height:1.8;color:#6a7690}.cards .dark p{color:#a8b3ca}.channels{background:#0b1737;color:#fff;padding:92px max(22px,calc((100vw - 1180px)/2))}.title.left{text-align:left;margin:0 0 38px}.channels .title span{color:#96a4be}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.channel-grid article{border:1px solid #ffffff1c;background:#ffffff08;border-radius:15px;padding:23px;display:grid;grid-template-columns:48px 1fr;gap:14px}.channel-grid i{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-style:normal;font-weight:800}.wx{background:#14aa7d}.ks{background:#f36a1f}.dy{background:#293147}.channel-grid h3{margin:2px 0 7px}.channel-grid p{margin:0;font-size:13px;line-height:1.7;color:#a1adc3}.channel-grid article>b{grid-column:2;width:max-content;font-size:11px;color:#acb7ca;background:#ffffff10;padding:5px 8px;border-radius:5px}.security{max-width:1180px;margin:100px auto;padding:70px 65px;background:linear-gradient(135deg,#f6f8ff,#edf3ff);border-radius:23px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center}.security ul{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:12px}.security li:before{content:'✓';color:#13a27a;font-weight:800;margin-right:9px}.shield{width:185px;height:205px;justify-self:center;background:linear-gradient(145deg,#2867ff,#10bbd8);clip-path:polygon(50% 0,90% 15%,88% 65%,50% 100%,12% 65%,10% 15%);display:grid;place-content:center;text-align:center;color:#fff;font-size:57px;font-weight:900}.shield small{display:block;font-size:11px;margin-top:7px}.contact{max-width:1180px;margin:0 auto 90px;background:var(--blue);color:#fff;border-radius:22px;padding:46px 54px;display:flex;align-items:center;justify-content:space-between}.contact p,.contact span{color:#d1e0ff}.contact a{background:#fff;color:var(--blue);padding:15px 20px;border-radius:10px;font-weight:750}footer{max-width:1180px;margin:auto;border-top:1px solid var(--line);padding:34px 0 45px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px}footer>div:nth-child(2){display:flex;gap:21px;font-size:13px;color:#56637a}footer>p{grid-column:1/-1;font-size:12px;color:#98a2b3;margin:0}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr}.metrics{margin:0 20px;grid-template-columns:1fr 1fr}.block{padding:75px 20px}.cards,.channel-grid{grid-template-columns:1fr}.channels{padding:75px 20px}.security,.contact{margin-left:20px;margin-right:20px}footer{margin:0 20px}}@media(max-width:600px){header{padding:0 14px;height:68px}.logo b{font-size:15px}.logo img{width:36px;height:36px}.button.small{padding:10px}.hero{padding:45px 18px;gap:40px}.hero h1{font-size:40px}.lead{font-size:16px}.mock-body{grid-template-columns:75px 1fr;height:320px}.mock-body>section{grid-template-columns:100px 1fr}.mock aside{padding:12px 5px}.metrics{grid-template-columns:1fr;margin:0;border-radius:0}.metrics div{border:0;border-bottom:1px solid #ffffff1f;padding:8px 0 18px}.title h2,.security h2,.contact h2{font-size:30px}.security{grid-template-columns:1fr;margin:0;border-radius:0;padding:55px 22px}.shield{margin-top:40px;width:145px;height:160px}.contact{margin:0;border-radius:0;padding:45px 22px;display:block}.contact a{display:inline-block;margin-top:24px}footer{grid-template-columns:1fr}.checks{display:grid}.cards article{min-height:auto}}