:root{font-family:Inter,system-ui,sans-serif;color:#253e5b;background:#f6f9ff;line-height:1.6}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:18px;max-width:1280px;margin:auto;padding:26px 32px}header button{margin-left:auto}.badge{font-size:12px;border:1px solid #cbdff0;border-radius:6px;padding:3px 9px;color:#42658a}main{max-width:1280px;margin:auto;padding:12px 32px 80px}h1{font-size:clamp(30px,4vw,44px);line-height:1.2;letter-spacing:-1.5px;margin:10px 0 22px;color:#1c385f}h2{letter-spacing:-.6px}p{max-width:850px;color:#526980}.eyebrow{color:#3773bf;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}nav{display:flex;gap:24px;flex-wrap:wrap;margin:12px 0 42px}a{color:#2f67bf}section{margin-bottom:48px;scroll-margin-top:20px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.card,article{background:white;border:1px solid #e0e8f6;border-radius:17px;padding:24px;box-shadow:0 5px 18px #1c385f05}.card strong{display:block;font-size:36px;letter-spacing:-1px}.card span{color:#526980;font-size:14px}button{background:#1c385f;color:#fff;border:0;border-radius:9px;padding:11px 18px;cursor:pointer;font:inherit}input,textarea,select{font:inherit;border:1px solid #c9d7e9;border-radius:8px;padding:9px;max-width:100%;background:white;color:#253e5b}label{display:block;margin:12px 0}textarea{display:block;width:100%;min-height:100px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #3773bf;outline-offset:3px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid #dce5f0;padding:14px 12px;vertical-align:top}.table-wrap{overflow:auto}article{margin:16px 0}article p{white-space:pre-wrap;overflow-wrap:anywhere}small{color:#526980}#notice:not(:empty){padding:14px;background:#e8f0fc;border-radius:9px;margin-bottom:20px}details{font-size:14px}#signin{margin:70px 0}#login{max-width:480px}#login input{width:100%}[hidden]{display:none!important}@media(max-width:700px){header,main{padding-left:18px;padding-right:18px}.metrics{grid-template-columns:repeat(2,1fr)}.card{padding:16px}nav{gap:14px}}

.support-screenshot{display:block;max-width:100%;max-height:500px;object-fit:contain;border:1px solid #dce5f0;border-radius:8px;margin:12px 0}

.owner-icon{display:inline-block;width:1em;height:1em;fill:currentColor;vertical-align:-.125em;margin-right:.45em;flex:none}

.insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.insight-chart{width:100%;height:auto}.observed{fill:#3773bf}.unmeasured{fill:#a99c89}progress{width:100%;height:18px;accent-color:#3773bf}#infrastructure-insights{display:grid;gap:1rem}.insight-grid article,#infrastructure-insights article{padding:1rem;border:1px solid #aaa6;border-radius:16px}label:has(#exclude-owner){display:block;margin-block:1rem}@media(prefers-color-scheme:dark){body{background:#191e1a;color:#e6e8df}article,.card,section,input,select,textarea,button{background:#252d26;color:#e6e8df}a{color:#b9d7a7}}

.mailbox{display:grid;grid-template-columns:minmax(230px,1fr) minmax(0,2fr);gap:20px}.conversation{display:block;text-align:left;width:100%;margin:8px 0;background:#e8f0fc;color:#253e5b}.conversation[aria-pressed=true]{outline:2px solid #3773bf}.mailbox article{margin-top:0}.mailbox button{margin-right:8px;margin-bottom:8px}@media(max-width:700px){.mailbox{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){h1,p,small,.card span,.badge{color:#d1dcdf}.conversation,#notice:not(:empty){background:#304037;color:#e6e8df}}
