.collector-status{position:relative;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #d5e0e9;border-radius:999px;color:#173f67;text-decoration:none;background:#fff;font-size:12px;white-space:nowrap}
.collector-status>i{width:9px;height:9px;border-radius:50%;background:#9aa9b6;box-shadow:0 0 0 4px #eef2f5}
.collector-status>strong{font-size:12px}.collector-status.connected>i{background:#19a474;box-shadow:0 0 0 4px #dff6ed}.collector-status.offline>i{background:#d95858;box-shadow:0 0 0 4px #fdeaea}.collector-status.checking>i{background:#d69828;box-shadow:0 0 0 4px #fff2d8}
.collector-status.outdated{border-color:#e6ad45;background:#fff8e8}.collector-status.outdated>i{background:#dc8e12;box-shadow:0 0 0 4px #ffebbd}.collector-status.outdated>strong{color:#9b5c00}
.collector-status-tooltip{position:absolute;z-index:40;top:calc(100% + 12px);right:0;width:min(350px,80vw);padding:13px 15px;border-radius:12px;background:#102e4b;color:#fff;font-weight:500;line-height:1.5;white-space:normal;box-shadow:0 12px 30px #102e4b33;opacity:0;visibility:hidden;transform:translateY(-4px);transition:.16s ease;pointer-events:none}
.collector-status-tooltip:before{content:"";position:absolute;right:22px;top:-6px;border:6px solid transparent;border-top:0;border-bottom-color:#102e4b}
.collector-status.offline:hover .collector-status-tooltip,.collector-status.offline:focus-visible .collector-status-tooltip,.collector-status.outdated:hover .collector-status-tooltip,.collector-status.outdated:focus-visible .collector-status-tooltip{opacity:1;visibility:visible;transform:none}
.collector-download-page{padding:clamp(24px,4vw,64px);background:linear-gradient(145deg,#eef6fb 0,#f8fbfd 48%,#edf5f1 100%);min-height:calc(100vh - 72px)}
.collector-hero{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:44px;align-items:center;padding:clamp(28px,5vw,72px) 0}
.collector-hero h1{max-width:780px;margin:10px 0 18px;color:#153c61;font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.045em}.collector-hero p{max-width:700px;color:#496377;font-size:19px;line-height:1.65}.collector-hero small{display:block;margin-top:14px;color:#607789}
.collector-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.collector-priority-card{padding:38px;border:1px solid #cfe0da;border-radius:28px;background:#fff;box-shadow:0 24px 70px #17456318}.collector-priority-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#e3f7ef;color:#0c8961;font-size:32px}.collector-priority-card strong{display:block;margin:22px 0 8px;color:#173f67;font-size:25px}.collector-priority-card p{font-size:16px}
.collector-benefits{max-width:1180px;margin:0 auto 40px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collector-benefits article{padding:28px;border-radius:20px;background:#fff;border:1px solid #dbe5ec}.collector-benefits b{color:#168766;font-size:13px}.collector-benefits h2{margin:10px 0;color:#173f67;font-size:21px}.collector-benefits p{margin:0;color:#526b7f;line-height:1.6}
.collector-guidance{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center;padding:34px 38px;border-radius:24px;background:#173f67;color:#fff}.collector-guidance h2{margin:8px 0 0;font-size:29px}.collector-guidance p{margin:0;color:#dbe8f1;font-size:17px;line-height:1.65}
@media(max-width:900px){.collector-status>span{display:none}.collector-hero,.collector-guidance{grid-template-columns:1fr}.collector-benefits{grid-template-columns:1fr}.collector-download-page{padding:24px 18px}.collector-hero{gap:24px;padding:30px 0}.collector-hero h1{font-size:40px}.collector-priority-card{padding:26px}}
@media(max-width:600px){.collector-status{padding:8px}.collector-status>strong{display:none}.collector-status-tooltip{right:-100px}.collector-actions>*{width:100%;text-align:center}.collector-guidance{padding:28px 24px}}