.brand-observatory{background-color:#0b111e;color:#e2e8f0;border-radius:var(--radius-lg);border:1px solid #1e293b;overflow:hidden;margin:24px 0;font-family:var(--font-sans)}.brand-observatory-header{padding:16px 20px;background-color:#0f172a;border-bottom:1px solid #1e293b;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.brand-observatory-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:#f8fafc;letter-spacing:.02em}.brand-observatory-meta{font-family:var(--font-mono);font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:12px}.status-indicator{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.operational{background-color:var(--status-operational);box-shadow:0 0 6px var(--status-operational)}.status-dot.stable{background-color:var(--status-stable);box-shadow:0 0 6px var(--status-stable)}.status-dot.partial{background-color:var(--status-partial);box-shadow:0 0 6px var(--status-partial)}.status-dot.unavailable{background-color:var(--status-unavailable);box-shadow:0 0 6px var(--status-unavailable)}.status-dot.untested{background-color:var(--status-unverified)}.brand-snapshot-card{background:#0f172a;border:1px solid #1e293b;border-radius:var(--radius-lg);padding:24px;position:relative;overflow:hidden;margin-bottom:24px}.snapshot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}.snapshot-item{background:#1e293b;border:1px solid #334155;border-radius:var(--radius-md);padding:12px 14px}.snapshot-label{font-size:12px;color:#94a3b8;margin-bottom:4px;text-transform:uppercase}.snapshot-value{font-family:var(--font-mono);font-size:15px;font-weight:700;color:#f1f5f9}.speed-test-console{padding:20px;position:relative}.speed-test-watermark{position:absolute;right:16px;bottom:12px;font-family:var(--font-mono);font-size:11px;color:rgba(148,163,184,.3);pointer-events:none;letter-spacing:.05em}.speed-node-row{display:grid;grid-template-columns:160px 80px 100px 1fr;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #1e293b;font-size:13.5px}.speed-node-name{color:#f1f5f9;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speed-latency{font-family:var(--font-mono);color:#38bdf8;font-size:13px}.speed-bandwidth{font-family:var(--font-mono);color:#34d399;font-size:13px;font-weight:600}.speed-progress-track{height:6px;background:#1e293b;border-radius:3px;overflow:hidden}.speed-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#0ea5e9,#10b981)}.no-measured-notice{text-align:center;padding:32px 20px;color:#94a3b8;font-size:14px}.unlock-matrix-container{padding:20px}.unlock-section-title{font-size:13px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.unlock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.unlock-card{background:#131d2e;border:1px solid #1e293b;border-radius:var(--radius-md);padding:12px 14px;display:flex;justify-content:space-between;align-items:center}.unlock-service-name{font-size:13.5px;color:#f1f5f9;font-weight:600}.topology-container{padding:24px 20px}.topology-flow{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}.topology-node{background:#131d2e;border:1px solid #334155;border-radius:var(--radius-md);padding:14px 18px;text-align:center;flex:1;min-width:140px}.topology-node-title{font-size:14px;font-weight:700;color:#f8fafc;margin-bottom:4px}.topology-node-sub{font-family:var(--font-mono);font-size:11.5px;color:#94a3b8}.topology-connector{flex-shrink:0;display:flex;flex-direction:column;align-items:center;color:#38bdf8;font-family:var(--font-mono);font-size:11px;padding:0 4px}.topology-line{height:2px;width:40px;background:#38bdf8;position:relative}.topology-line.special{height:3px;background:#10b981;box-shadow:0 0 8px rgba(16,185,129,.5)}.brand-filter-toolbar{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;margin-bottom:28px}.brand-filter-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.brand-search-box{flex:1;min-width:240px;position:relative}.brand-search-input{width:100%;padding:10px 14px 10px 36px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;outline:none}.brand-search-input:focus{border-color:var(--color-primary)}.brand-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.brand-filter-selects{display:flex;gap:10px;flex-wrap:wrap}.brand-select{padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13.5px;background:#fff;color:var(--color-text-main);outline:none}.brands-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.brand-card-item{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.brand-card-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#cbd5e1}.brand-card-color-strip{height:4px;width:100%}.brand-card-body{padding:20px;flex:1;display:flex;flex-direction:column}.brand-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.brand-card-name{font-size:18px;font-weight:700;color:var(--color-text-main)}.brand-card-name a{color:inherit}.brand-card-name a:hover{color:var(--color-primary)}.brand-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.brand-card-params{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;background:#f8fafc;border-radius:var(--radius-sm);margin-bottom:16px;font-size:13px}.brand-param-label{color:var(--color-text-muted)}.brand-param-value{color:var(--color-text-main);font-weight:600;text-align:right;font-family:var(--font-mono)}.brand-card-actions{display:flex;gap:10px;margin-top:auto}.brand-card-actions .btn{flex:1}@media(max-width:1024px){.snapshot-grid{grid-template-columns:repeat(2,1fr)}.brands-grid{grid-template-columns:repeat(2,1fr)}.unlock-grid{grid-template-columns:repeat(2,1fr)}.topology-flow{flex-direction:column}.topology-node{width:100%}.topology-line{width:2px;height:20px}}@media(max-width:640px){.brands-grid{grid-template-columns:1fr}.unlock-grid{grid-template-columns:1fr}.snapshot-grid{grid-template-columns:1fr}.speed-node-row{grid-template-columns:120px 60px 80px 1fr;font-size:12px}}