/* Shared by the product pages (Screening, Investigations; 20 Oct 2026): the homepage's header and section chrome,
   the Pause button, section heads (pg-h), the hero spacing (pg-hero), next-page cards (pg-next) and the closing panel.
   Page-specific pieces keep their own prefix (sc- for Screening, iv- for Investigations). */
.top{position:sticky;top:0;z-index:50;background:var(--page);border-bottom:1px solid var(--rule)}
.top > .wrap{display:flex;align-items:center;gap:0;height:64px}
.top .right{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:15px}
.top .right a.plain{text-decoration:none;color:var(--ink)}
.sec{padding-top:var(--sec)}
.cta{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:56px 64px}
.cta .t-body{margin-top:10px;max-width:520px}
.cta .acts{display:flex;align-items:center;gap:24px;flex:none}
.pz{position:absolute;left:16px;top:14px;z-index:5;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 8px;border:1px solid var(--rule);border-radius:4px;background:rgb(251 253 254 / .92);font:500 12.5px/1 var(--sans);color:var(--ink);cursor:pointer;transition:border-color .15s}
.pz:hover{border-color:var(--ink)}
.pz svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.pz .pz-pl{display:none;fill:currentColor;stroke:none}
.pz[data-paused] .pz-pa{display:none}
.pz[data-paused] .pz-pl{display:block}
.rm .pz,.still .pz{display:none}
.nv-i[aria-current="page"] b,.fs a[aria-current="page"],.nv-l[aria-current="page"]{text-decoration:underline;text-underline-offset:3px}
.fs a[aria-current="page"]{color:#fff}

.pg-hero{padding-top:44px}
.pg-h{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px;align-items:end;margin-bottom:40px}
.pg-h .t-body{max-width:420px;justify-self:end}
.pg-next{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}
.pg-nc{position:relative;display:block;padding:22px 24px 26px;border:1px solid var(--rule);border-radius:var(--r-frame);background:var(--panel);text-decoration:none;color:var(--ink);transition:border-color .2s,background-color .2s}
.pg-nc:hover{border-color:var(--edge);background:var(--panel-2)}
.pg-nc:focus-visible{outline:2px solid var(--link);outline-offset:2px}
.pg-nc b{display:block;margin-top:10px;padding-right:28px;font-weight:500;font-size:17px;line-height:24px}
.pg-arrow{position:absolute;right:22px;bottom:24px;font-size:18px;color:var(--ink-2)}

@media (max-width:900px){
  /* the closing panel stacks before its buttons run out of room */
  .cta{flex-direction:column;align-items:flex-start;gap:24px;padding:44px 40px}
}
@media (max-width:1024px){
  .pg-h{grid-template-columns:minmax(0,1fr)}
  .pg-h .t-body{justify-self:start}
  .pg-next{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  .pg-hero{padding-top:40px}
  /* next-page cards are compact on phones */
  .pg-next{gap:10px;margin-top:22px}
  .pg-nc{padding:14px 44px 16px 18px}
  .pg-nc b{margin-top:6px;padding-right:0;font-size:15.5px;line-height:22px}
  .pg-arrow{right:16px;bottom:auto;top:50%;transform:translateY(-50%)}
  .cta{flex-direction:column;align-items:stretch;padding:32px 24px}
  .cta .acts{flex-direction:column;align-items:stretch;gap:12px}
  .cta .acts .lnk{justify-content:center}
}

/* Focused pages (Book a demo, Create account; 21 Oct 2026): a minimal header with the wordmark and a way back, and a
   one-line footer, so nothing competes with the form. */
.top-min > .wrap{justify-content:space-between}
.top-min .back{font-size:15px;color:var(--ink);text-decoration:none}
.top-min .back:hover{color:var(--ink-2)}
.top-min .back:focus-visible,.top-min .wm:focus-visible{outline:2px solid var(--link);outline-offset:3px}
.fs-min .fs-bot{margin-top:0;border-top:0;padding-block:24px}

/* Question lists (Pricing, Monitoring; 21 Oct 2026): native details elements. */
.pg-qa{border-top:1px solid var(--rule)}
.pg-qa details{border-bottom:1px solid var(--rule)}
.pg-qa summary{position:relative;padding:20px 40px 20px 0;font-weight:500;font-size:19px;line-height:26px;cursor:pointer;list-style:none}
.pg-qa summary::-webkit-details-marker{display:none}
.pg-qa summary::after{content:'';position:absolute;right:8px;top:26px;width:9px;height:9px;border-right:1.6px solid var(--ink-2);border-bottom:1.6px solid var(--ink-2);transform:rotate(45deg);transition:transform .2s}
.pg-qa details[open] summary::after{top:31px;transform:rotate(-135deg)}
.pg-qa summary:focus-visible{outline:2px solid var(--link);outline-offset:4px}
.pg-qa p{max-width:720px;margin:0;padding:0 40px 22px 0;font-size:16px;line-height:25px;color:var(--ink-2)}
@media (max-width:600px){ .pg-qa summary{padding:16px 36px 16px 0;font-size:17px;line-height:24px} .pg-qa summary::after{top:22px} .pg-qa details[open] summary::after{top:27px} }