.imr-audience-sections { background: #fff; color: #142136; }
.imr-audience { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); align-items:center; gap:clamp(40px,6vw,100px); padding-block:90px; font-family:"Montserrat",sans-serif; }
.imr-audience--reverse { grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); }
.imr-audience__copy .product-section-meta { margin-bottom:32px; text-transform:uppercase; }
.imr-audience h2 { margin:0 0 36px; font-size:clamp(32px,3.2vw,50px); line-height:1.12; letter-spacing:-.045em; }
.imr-audience p { margin:0 0 28px; color:#394656; font-size:clamp(17px,1.35vw,20px); line-height:1.65; }
.imr-audience p:last-child { margin-bottom:0; }
.imr-audience strong { font-weight:700; color:#142136; }
.imr-audience-graphic { container-type:inline-size; position:relative; width:100%; aspect-ratio:1; margin:0; border-radius:24px; overflow:hidden; font-family:"Montserrat",sans-serif; color:#30343d; font-size:1.55cqw; line-height:1.35; }
.imr-audience-graphic > div { font-size:1.55cqw; }
.imr-report-scene { background:#f4f6f8; }
.imr-report-scene__sidebar { position:absolute; inset:0 auto 0 0; width:24.5%; padding:2cqw; display:flex; flex-direction:column; gap:3cqw; border-right:1px solid #dfe4e8; }
.imr-report-scene__profile { position:absolute; top:3%; left:28%; right:2%; display:grid; gap:.3cqw; }.imr-report-scene__profile > b { font-size:3.2cqw; font-weight:400; }.imr-report-scene__profile small { font-size:1.15cqw; }.imr-report-scene__profile > span { text-align:right; margin-top:1cqw; }
.imr-report-scene__backdrop { position:absolute; bottom:-2%; left:40%; right:2%; display:flex; justify-content:space-between; }.imr-report-scene__backdrop .imr-css-donut { width:16cqw; }
.imr-report-scene__shade { position:absolute; inset:0; background:#17233777; }
.imr-pha-report { position:absolute; top:12%; left:13.5%; width:91%; height:73%; background:white; box-shadow:0 1cqw 4cqw #1723371a; }
.imr-graphic-heading { display:flex; justify-content:space-between; padding:1.5cqw 4cqw 1.5cqw 1.5cqw; background:#fafafa; font-size:1.5cqw; }.imr-graphic-heading > span { color:#179fc3; font-weight:700; }
.imr-pha-report__columns { display:grid; grid-template-columns:1fr 1fr; gap:3.3cqw; padding:3.5cqw; }.imr-report-card { background:#fff; box-shadow:0 .2cqw 1.5cqw #00000014; border:1px solid #eee; }.imr-report-card + .imr-report-card { margin-top:3.5cqw; }
.imr-report-card header { display:flex; align-items:center; justify-content:space-between; gap:.8cqw; min-height:5.2cqw; padding:1.2cqw 1.5cqw; border-bottom:1px solid #eee; background:#f8f8f8; font-size:1.5cqw; font-weight:700; }.imr-report-card header small { color:#929292; font-size:1.2cqw; font-weight:400; white-space:nowrap; }
.imr-css-donut { position:relative; width:16cqw; aspect-ratio:1; border-radius:50%; background:conic-gradient(#2dd4b5 0 var(--ready),#ff7c78 var(--ready) 100%); }.imr-css-donut::before { content:""; position:absolute; inset:25%; background:white; border-radius:50%; }.imr-css-donut > b { position:absolute; inset:0; display:grid; place-items:center; font-size:1.65cqw; font-weight:600; }
.imr-report-card__donut { position:relative; height:22.5cqw; display:grid; place-items:center; }.imr-report-card__attention { position:absolute; top:1.6cqw; right:1.5cqw; text-align:center; font-size:1.2cqw; line-height:1.05; }.imr-report-card__attention > b { display:block; border:1px solid #ff7575; border-radius:2cqw; padding:.2cqw 1cqw; margin-bottom:.5cqw; font-size:1.5cqw; }
.imr-report-counts { margin:0; }.imr-report-counts > div { display:flex; justify-content:space-between; align-items:center; gap:1cqw; min-height:6.3cqw; padding:1cqw 1.5cqw; border-bottom:1px solid #eee; }.imr-report-counts dd { margin:0; min-width:6cqw; border:1px solid #00a4d1; border-radius:2cqw; text-align:center; background:#edfbff; font-weight:700; }.imr-report-counts .is-ready { border-color:#29cdb2; background:#e0fff8; }.imr-report-counts .is-alert { border-color:#ff7474; background:#fff3f3; }
.imr-report-groups { display:flex; flex-direction:column; }.imr-report-groups > b { padding:1.7cqw; font-size:1.3cqw; background:#f8f8f8; }.imr-report-groups > span { padding:2cqw 1.7cqw; border-top:1px solid #f3f3f3; }.imr-report-groups .is-selected { background:#edfbff; }
.imr-broadcast-scene { display:grid; place-items:center; background:#30466f; }.imr-broadcast { width:87%; height:60%; border-radius:1.5cqw; overflow:hidden; background:#fff; }.imr-broadcast__title { display:grid; place-items:center; height:5.5cqw; background:#f8f8f8; font-weight:700; border-bottom:1px solid #eee; }.imr-broadcast__body { display:grid; grid-template-columns:38% 62%; height:41cqw; overflow:hidden; }.imr-broadcast__groups { border-right:1px solid #eee; }.imr-broadcast__select { display:block; padding:1.3cqw 2.5cqw; color:#199fc8; text-decoration:underline; font-weight:600; font-size:1.4cqw; }.imr-broadcast__groups > div { display:flex; align-items:center; gap:1.2cqw; height:6.7cqw; padding:1cqw 2.5cqw; border-top:1px solid #eee; font-size:1.45cqw; font-weight:600; }.imr-broadcast__groups i { flex-shrink:0; display:grid; place-items:center; width:4.3cqw; height:4.3cqw; border:1px solid #999; border-radius:50%; font-style:normal; font-size:2.8cqw; }.imr-broadcast__groups i.is-selected { border-color:#ff795f; background:#ff795f; color:#fff; }
.imr-broadcast__message { padding:8cqw 5.5cqw; }.imr-broadcast__message > div { padding-bottom:.9cqw; border-bottom:1px solid #888; font-size:2cqw; letter-spacing:.15cqw; }.imr-broadcast__message > div > span { color:#ff795f; }.imr-broadcast__message small { display:block; margin-top:1.4cqw; color:#969696; font-size:1.35cqw; line-height:1.6; }
.imr-broadcast__footer { display:flex; align-items:center; justify-content:space-between; height:13.5cqw; padding:3cqw; background:#f8f8f8; }.imr-broadcast__footer > span, .imr-broadcast__footer > b { padding:1.8cqw 3cqw; border-radius:.5cqw; font-size:1.6cqw; }.imr-broadcast__footer > span { border:1px solid #ddd; background:white; }.imr-broadcast__footer > b { color:#fff; background:#30466f; }
.imr-metrics-scene { background:#172337; }.imr-base-metrics { position:absolute; top:10.7%; left:5.3%; width:59.4%; height:66.5%; border-radius:2.5cqw; overflow:hidden; background:white; }.imr-base-metrics > header { min-height:8.5cqw; padding:2.8cqw 4cqw; display:flex; align-items:center; justify-content:space-between; gap:2cqw; background:#f8f8f8; border-bottom:1px solid #e5e5e5; font-size:2.8cqw; }.imr-base-metrics > header small { font-size:1cqw; font-weight:800; }
.imr-base-metrics__chart { height:36cqw; position:relative; display:grid; place-items:center; }.imr-base-metrics__chart .imr-css-donut { width:28.5cqw; background:conic-gradient(#00ceb0 0 var(--ready),#ff7575 var(--ready) 100%); }.imr-base-metrics__chart .imr-css-donut > b { font-size:2.8cqw; font-weight:400; }.imr-base-metrics__export { position:absolute; top:5cqw; left:4cqw; color:#999; letter-spacing:.15cqw; font-size:2cqw; }.imr-base-metrics__attention { position:absolute; right:3.3cqw; top:5cqw; text-align:center; letter-spacing:.08cqw; font-size:2cqw; line-height:1.05; }.imr-base-metrics__attention b { display:block; padding:.7cqw 2.3cqw; margin-bottom:1cqw; border-radius:.5cqw; background:#ff7575; color:white; font-size:2.6cqw; font-weight:400; }
.imr-base-metrics__bars { display:flex; gap:7cqw; padding:1cqw 6cqw; }.imr-base-metrics__bars > div { width:13cqw; text-align:center; }.imr-base-metrics__bars > div > span { font-size:1.9cqw; }.imr-mini-bar { position:relative; margin-top:2cqw; height:8cqw; border-bottom:1px solid #aaa; }.imr-mini-bar > i { position:absolute; bottom:0; left:2cqw; width:8cqw; height:100%; background:#ff7575; }.imr-mini-bar > b { position:absolute; bottom:0; left:2cqw; width:8cqw; height:83.2%; background:#00ceb0; }.imr-mini-bar small { position:absolute; left:10.5cqw; color:#ff7575; font-size:1.8cqw; line-height:4cqw; }.imr-mini-bar em { color:#00ceb0; font-style:normal; }.imr-mini-bar--ready > b { height:99%; }.imr-base-metrics__bars strong { display:inline-block; padding:.5cqw 1cqw; margin-top:.8cqw; background:#ff7575; color:white; border-radius:.4cqw; font-size:1.9cqw; font-weight:500; }
.imr-metrics-roster { position:absolute; top:51%; left:35%; width:59.5%; border:1px solid #e7e7e7; border-radius:2.5cqw; overflow:hidden; background:#fff; box-shadow:0 .5cqw 2cqw #0001; }.imr-metrics-roster > div { display:grid; grid-template-columns:1.25fr 1.2fr .55fr .3fr; gap:1cqw; align-items:center; min-height:6.5cqw; padding:1.5cqw 3.5cqw; border-bottom:1px solid #eee; font-size:1.7cqw; }.imr-metrics-roster > .imr-metrics-roster__head { min-height:8.5cqw; background:#f8f8f8; font-size:1.6cqw; letter-spacing:.15cqw; }.imr-metrics-roster > div:not(:first-child) > span { color:#ff795f; text-decoration:underline; font-weight:700; }.imr-metrics-roster i { width:3.2cqw; height:3.2cqw; border-radius:50%; background:#ff7575; }.imr-metrics-roster i.is-ready { background:#00ceb0; }
@media (max-width:850px) { .imr-audience, .imr-audience--reverse { grid-template-columns:1fr; gap:40px; padding-block:64px; }.imr-audience--reverse .imr-audience__copy { grid-row:1; }.imr-audience-graphic { max-width:650px; justify-self:center; }.imr-audience h2 { margin-bottom:28px; } }
