.monitoring-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s16);align-items:center;padding-block:var(--s16)}
.monitoring-copy{min-width:0}
.monitoring-label{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--s4)}
.monitoring-copy h1{font-size:clamp(32px,3.8vw,52px);line-height:1.12;letter-spacing:-.035em;max-width:22ch;text-wrap:pretty;overflow-wrap:normal;hyphens:none}
.monitoring-intro{font-size:18px;line-height:1.6;margin-top:var(--s6);max-width:52ch}
.monitoring-copy .app-button{margin-top:var(--s8);white-space:normal}
.monitoring-paid{font-size:14px;line-height:1.55;color:var(--muted);max-width:48ch;margin-top:var(--s3)}
.monitoring-example{margin:0;min-width:0;max-width:560px;width:100%;justify-self:end}
.monitoring-report{border:var(--rule) solid var(--border);border-top:3px solid var(--verdite);border-radius:var(--radius-panel);background:var(--surface);padding:var(--s8)}
.monitoring-report-head{display:flex;flex-direction:column;gap:var(--s2)}
.monitoring-report-head h2{font:500 clamp(20px,2vw,24px)/1.3 var(--font-display);letter-spacing:-.02em}
.monitoring-report-head>span{font-size:var(--text-sm);color:var(--muted)}
.monitoring-selection{font-size:14px;line-height:1.6;color:var(--muted);padding-block:var(--s4) var(--s6);border-bottom:var(--rule) solid var(--border)}
.monitoring-event{padding-top:var(--s6)}
.monitoring-event+.monitoring-event{border-top:var(--rule) solid var(--border);margin-top:var(--s6)}
.monitoring-event h3{font-size:16px;font-weight:500;line-height:1.4;margin-bottom:var(--s2)}
.monitoring-event p{font-size:15px;line-height:1.6;color:var(--muted);max-width:42ch}
.monitoring-comparison{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:var(--s4);margin:var(--s4) 0 0;align-items:center}
.monitoring-comparison dl{margin:0}
.monitoring-comparison dt{font-size:var(--text-sm);line-height:1.4;color:var(--muted);margin-bottom:var(--s2)}
.monitoring-comparison dd{margin:0;display:flex;flex-direction:column;gap:var(--s1)}
.monitoring-comparison strong{font:500 36px/1.1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--carbon)}
.monitoring-comparison span{font-size:14px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}
.monitoring-comparison-arrow svg{width:24px;height:24px;color:var(--muted)}
.monitoring-example figcaption{font-size:13px;line-height:1.6;color:var(--muted);margin-top:var(--s3)}
.monitoring-details{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s16);padding-block:var(--s12) var(--s16);border-top:var(--rule) solid var(--carbon)}
.monitoring-details h2{font:600 28px/1.2 var(--font-display);letter-spacing:-.02em}
.monitoring-scope dl{margin:var(--s8) 0}
.monitoring-scope dl>div+div{margin-top:var(--s8)}
.monitoring-scope dt,.monitoring-details h3{font-size:18px;line-height:1.4;font-weight:500}
.monitoring-scope dd,.monitoring-details p{font-size:16px;line-height:1.65;color:var(--muted);margin:var(--s3) 0 0}
.monitoring-coverage{padding-top:var(--s6);border-top:var(--rule) solid var(--border)}
.monitoring-setup{padding:var(--s8);background:var(--selection);border-radius:var(--radius-panel);align-self:start;min-width:0}
.monitoring-setup section{margin-top:var(--s6)}
.monitoring-setup .app-button{margin-top:var(--s8);white-space:normal}
.monitoring-setup .monitoring-language{font-size:13px}
@media(max-width:1023px){.monitoring-hero,.monitoring-details{gap:var(--s8)}.monitoring-hero{align-items:start}.monitoring-report,.monitoring-setup{padding:var(--s6)}}
@media(max-width:767px){.monitoring-hero,.monitoring-details{grid-template-columns:1fr;padding-block:var(--s8);gap:var(--s8)}.monitoring-copy h1{font-size:clamp(32px,9.2vw,36px)}.monitoring-intro{font-size:16px}.monitoring-example{max-width:none}.monitoring-report{padding:var(--s6) var(--s4)}.monitoring-comparison{gap:var(--s3)}.monitoring-details h2{font-size:26px}.monitoring-setup{padding:var(--s6) var(--s4)}}