.demo-page{background:#f6f8fa;min-height:850px;padding:33px 0 70px}.demo-back{color:var(--muted);align-items:center;gap:9px;margin-bottom:30px;font-size:13px;display:inline-flex}.demo-title{justify-content:space-between;align-items:center;gap:30px;margin-bottom:31px;display:flex}.demo-title .eyebrow{color:var(--teal);margin-bottom:9px;font-size:11px}.demo-title h1{font-size:31px}.demo-disclaimer{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.demo-controls{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:20px;padding:22px 0;display:flex}.demo-controls>label{align-items:center;gap:12px;font-size:14px;display:flex}.demo-controls select{background:#fff;border:1px solid #d2dadf;border-radius:3px;min-height:41px;padding:8px 32px 8px 11px;font-size:14px}.range-control{background:#fff;border:1px solid #d2dadf;border-radius:3px;display:flex;overflow:hidden}.range-control button{background:#fff;border:0;min-width:74px;padding:9px 16px;font-size:14px;line-height:22px}.range-control button+button{border-left:1px solid #d2dadf}.range-control button[aria-pressed=true]{color:var(--teal);background:#e8eff6;font-weight:600}.range-control button:hover{background:#e8eff6}.export-button{margin-left:auto}.export-status{color:var(--teal);font-size:12px}.export-status:empty{display:none}.demo-metrics{border:1px solid var(--line);background:#fff;border-radius:4px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px;display:grid}.demo-metrics>div{padding:25px}.demo-metrics>div+div{border-left:1px solid var(--line)}.demo-metrics p{color:var(--muted);margin-bottom:11px;font-size:13px}.demo-metrics strong{white-space:nowrap;font-size:32px;font-weight:500;line-height:1.4}.demo-metrics small{color:var(--muted);margin-left:9px;font-size:12px;font-weight:400}.demo-chart{border:1px solid var(--line);background:#fff;border-radius:4px;margin-bottom:24px;padding:24px 26px}.demo-section-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.demo-section-title h2{font-size:18px}.demo-section-title>span{color:var(--muted);font-size:12px}.demo-chart svg{width:100%;height:240px;display:block}.demo-bottom{grid-template-columns:1.3fr 1fr;gap:28px;display:grid}.demo-bottom>section{padding:24px 0}.demo-bottom .demo-section-title{padding-inline:0}.alert-row{text-align:left;border:0;border-top:1px solid var(--line);background:0 0;align-items:center;gap:15px;width:100%;min-height:82px;padding:20px 13px;display:flex}.alert-row:last-child{border-bottom:1px solid var(--line)}.alert-row:hover,.alert-row[aria-pressed=true]{background:#eaf0f6}.alert-indicator{background:#ac741e;border-radius:50%;flex-shrink:0;width:6px;height:6px}.alert-row strong{font-size:15px;font-weight:500}.alert-row small{color:var(--muted);margin-top:6px;font-size:12px;display:block}.alert-row time{color:var(--muted);margin-left:auto;font-size:12px}.demo-detail{border:1px solid var(--line);background:#fff;border-radius:4px;padding:26px}.demo-detail .eyebrow{color:var(--teal);margin-bottom:20px;font-size:11px}.demo-detail h3{font-size:21px}.demo-detail>p:not(.eyebrow){color:var(--muted);margin-top:16px;font-size:15px;line-height:1.95}.demo-detail-note{color:#737e84;border-top:1px solid var(--line);margin-top:26px;padding-top:16px;font-size:12px;line-height:1.8;display:block}.demo-empty{border-top:1px solid var(--line);min-height:120px;color:var(--muted);align-items:center;gap:13px;font-size:14px;display:flex}.demo-empty svg{color:var(--teal)}.copy-email{position:relative}.copy-email-status{min-width:160px;color:var(--teal);font-size:12px;position:absolute;top:47px;left:0}.inline-location{align-items:center;gap:7px;display:flex}@media (max-width:760px){.demo-page{padding:26px 0 50px}.demo-title{margin-bottom:22px;display:block}.demo-title h1{font-size:28px}.demo-disclaimer{margin-top:16px;font-size:12px}.demo-controls{gap:13px}.demo-controls>label{justify-content:space-between;width:100%}.demo-controls select{min-width:240px}.demo-metrics{grid-template-columns:1fr 1fr}.demo-metrics>div{padding:21px 18px}.demo-metrics>div:nth-child(3){border-left:0}.demo-metrics>div:nth-child(n+3){border-top:1px solid var(--line)}.demo-metrics strong{font-size:27px}.demo-metrics small{margin-left:5px;font-size:11px}.demo-chart{padding:20px 15px}.demo-chart svg{height:auto;min-height:140px}.demo-section-title{flex-wrap:wrap;align-items:flex-start;gap:12px}.demo-section-title h2{font-size:18px}.demo-bottom{grid-template-columns:1fr;gap:15px}.demo-detail{padding:23px}.alert-row{gap:10px;padding:17px 8px}.alert-row strong{font-size:14px}.alert-row time{font-size:11px}.demo-back{margin-bottom:25px}.copy-email-status{text-align:right;left:auto;right:0}}