.cn-overview,.cn-system,.cn-dashboard{padding:clamp(80px,11vw,150px) 6%;position:relative}.cn-overview{background:var(--cn-ink)}.cn-overview-head,.cn-section-head{text-align:center;max-width:760px;margin:0 auto 56px}.cn-overview-head h2,.cn-section-head h2,.cn-dash-copy h2{letter-spacing:-.03em;margin:18px 0 22px;font-size:clamp(40px,6vw,84px);line-height:1}.cn-overview-head p{color:#c9d6c8;max-width:620px;margin:0 auto;font-size:clamp(16px,1.5vw,20px);line-height:1.6}.cn-steps{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto;display:grid}.cn-steps article,.cn-spec-grid article{background:linear-gradient(160deg,#ffffff0d,#ffffff04);border:1px solid #ffffff1c;border-radius:26px;padding:34px 30px 38px;position:relative}.cn-steps article>svg,.cn-spec-grid article>svg{width:34px;height:34px;color:var(--cn-accent);margin-bottom:34px}.cn-step-no{letter-spacing:.14em;color:#8fa58f;font-size:13px;position:absolute;top:30px;right:30px}.cn-steps h3,.cn-spec-grid h3{margin:0 0 12px;font-size:30px}.cn-steps p,.cn-spec-grid p{color:#b9c8b8;margin:0;font-size:16px;line-height:1.65}.cn-system{background:#06160f;border-top:1px solid #ffffff10}.cn-spec-grid{grid-template-columns:repeat(4,1fr);gap:18px;max-width:1300px;margin:0 auto;display:grid}.cn-spec-grid h3{font-size:26px}.cn-spec-grid ul{border-top:1px solid #ffffff1c;gap:11px;margin:22px 0 0;padding:20px 0 0;list-style:none;display:grid}.cn-spec-grid li{color:#dbe6d8;padding-left:20px;font-size:14.5px;line-height:1.45;position:relative}.cn-spec-grid li:before{content:"";background:var(--cn-accent);border-radius:50%;width:7px;height:7px;position:absolute;top:.5em;left:0}.cn-dashboard{background:var(--cn-ink);grid-template-columns:.8fr 1.2fr;align-items:center;gap:5%;display:grid}.cn-dash-copy p{color:#c9d6c8;max-width:460px;font-size:18px;line-height:1.6}.cn-dash-copy ul{gap:12px;margin:26px 0 34px;padding:0;list-style:none;display:grid}.cn-dash-copy li{color:#e6eee2;align-items:center;gap:12px;display:flex}.cn-dash-copy li svg{color:var(--cn-accent)}.cn-dash-copy .cn-button{align-items:center;gap:8px;display:inline-flex}.cn-browser{background:#0b120d;border:1px solid #fff2;border-radius:20px;margin:0;overflow:hidden;box-shadow:0 40px 90px #0009,0 0 0 1px #ffffff08}.cn-browser-bar{background:#111c15;border-bottom:1px solid #ffffff14;align-items:center;gap:7px;padding:13px 16px;display:flex}.cn-browser-bar i{background:#ffffff30;border-radius:50%;width:11px;height:11px}.cn-browser-bar span{color:#8fa08f;letter-spacing:.04em;margin-left:14px;font-size:12px}.cn-browser img{width:100%;height:auto;display:block}.cn-browser figcaption{color:#8fa08f;background:#0b120d;padding:10px 16px;font-size:12px}.cn-footer nav{flex-direction:column;gap:10px;display:flex}.cn-footer nav strong{letter-spacing:.16em;text-transform:uppercase;color:#8fa58f;margin-bottom:4px;font-size:12px;font-weight:600}@media (max-width:1100px){.cn-spec-grid{grid-template-columns:repeat(2,1fr)}.cn-dashboard{grid-template-columns:1fr;gap:44px}}@media (max-width:800px){.cn-steps{grid-template-columns:1fr}.cn-overview-head,.cn-section-head{text-align:left;margin-left:0}.cn-overview-head p{margin-left:0}}@media (max-width:560px){.cn-spec-grid{grid-template-columns:1fr}.cn-overview,.cn-system,.cn-dashboard{padding:72px 6%}}.cn-dash-copy h2{font-size:clamp(34px,4.2vw,60px)}