.cm-hero{padding-top:96px;padding-bottom:96px}.cm-console{margin-top:56px;display:grid;grid-template-columns:260px minmax(0,1fr) 250px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#101113;overflow:hidden;box-shadow:0 40px 120px #0009;font-family:Heebo,system-ui,sans-serif;font-size:13px;color:#d2d5da}.cm-console p{margin:0}.cc-call,.cc-resp{padding:18px;display:flex;flex-direction:column;gap:10px;background:#121315}.cc-call{border-inline-end:1px solid rgba(255,255,255,.06)}.cc-resp{border-inline-start:1px solid rgba(255,255,255,.06)}.cc-k{color:#8a8f98;font-size:12px}.cc-num{font-size:22px;color:#f7f8f8;font-family:Rubik,system-ui,sans-serif;font-weight:500;letter-spacing:.3px}.cc-card{padding:12px 14px;border-radius:12px;border:1px solid rgba(74,222,128,.3);background:#4ade800f;display:flex;flex-direction:column;gap:3px}.cc-card .cc-k{color:#86efac}.cc-name{font-size:16px;color:#f7f8f8;font-weight:500}.cc-dim{color:#8a8f98}.cc-tags{display:flex;gap:6px;flex-wrap:wrap}.cc-tags span{padding:4px 10px;border-radius:999px;background:#ffffff0f;color:#a8adb7;font-size:12px}.cc-tags span.hot{background:#ff4d4f24;color:#ff9a9b}.cc-map{position:relative;min-height:320px;min-width:0}.cc-map svg{position:absolute;inset:0;width:100%;height:100%}.cc-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}.cc-row b{color:#f7f8f8;font-weight:500}.cc-row .ok{color:#4ade80}.cm-ways{margin-top:44px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cm-way{padding:32px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:radial-gradient(ellipse 70% 60% at 0% 0%,rgba(205,33,38,.09),transparent 70%),#0f1012;min-width:0}.cm-way h3{margin:18px 0 0;font-size:24px;font-weight:500;color:#f7f8f8}.cm-way p{margin:12px 0 0;color:#a8adb7;font-size:16px;line-height:1.65}.cm-way ul{margin:18px 0 0;padding-inline-start:20px;color:#d2d5da;font-size:15px;line-height:1.8}.cm-ico{width:48px;height:48px;border-radius:14px;background:#ff4d4f1a;display:flex;align-items:center;justify-content:center}.cm-steps{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative}.cm-steps:before{content:"";position:absolute;top:19px;left:20px;right:20px;height:1px;background:linear-gradient(90deg,#ff4d4f99,#ffffff1f)}.cm-steps li{position:relative;padding-inline-end:24px;min-width:0}.cm-n{position:relative;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#08090a;border:1px solid rgba(255,77,79,.5);color:#ff9a9b;font-family:Rubik,system-ui,sans-serif;font-weight:500}.cm-steps h3{margin:20px 0 0;font-size:17px;font-weight:500;color:#f7f8f8}.cm-steps p{margin:8px 0 0;color:#8a8f98;font-size:15px;line-height:1.6}.cm-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px 72px;align-items:center}.cm-cam{position:relative;margin:0;border:1px solid rgba(255,255,255,.09);border-radius:16px;overflow:hidden;background:#101113;box-shadow:0 30px 90px #00000080}.cm-cam svg{display:block;width:100%;height:auto;aspect-ratio:5/3}.cm-cam-l,.cm-cam-r{position:absolute;top:12px;padding:3px 8px;border-radius:6px;background:#101113cc;font-size:13px}.cm-cam-l{left:12px;color:#d2d5da}.cm-cam-r{right:12px;color:#ff8a8c}.cm-cam figcaption{padding:14px 16px;color:#8b9099;font-size:14px}.cm-cam figcaption b{color:#e4e6e9;font-weight:500}@media(prefers-reduced-motion:no-preference){.cm-route{animation:cmroute 5s linear infinite}@keyframes cmroute{to{stroke-dashoffset:-104}}}@media(max-width:980px){.cm-console{grid-template-columns:minmax(0,1fr)}.cc-call{border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.06)}.cc-resp{border-inline-start:0;border-top:1px solid rgba(255,255,255,.06)}.cm-duo{grid-template-columns:minmax(0,1fr)}}@media(max-width:820px){.cm-ways{grid-template-columns:minmax(0,1fr)}.cm-steps{grid-template-columns:minmax(0,1fr);gap:28px}.cm-steps:before{inset:20px auto 20px 19px;width:1px;height:auto;background:linear-gradient(180deg,#ff4d4f99,#ffffff1f)}.cm-steps li{padding-inline-start:60px;padding-inline-end:0}.cm-n{position:absolute;left:0;top:0}.cm-steps h3{margin-top:8px}}.cm-logos{padding-bottom:72px;text-align:center}.cm-lg{margin-top:28px;display:flex;justify-content:center;align-items:center;gap:56px;flex-wrap:wrap}.cm-lg .logo{max-height:64px}
