/* ---------- three-step path to a call (call_path.py) ---------- */
.callpath{border-top:1px solid var(--hairline)}
.callpath-steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:var(--hairline);border:1px solid var(--hairline)}
.callpath-steps li{background:#fff;padding:32px 32px 34px;display:flex;flex-direction:column;position:relative}
.callpath-steps .n{font-family:var(--font-display);font-size:15px;letter-spacing:.04em;color:var(--blue);
  font-variant-numeric:tabular-nums}
.callpath-steps h3{font-size:var(--text-h3-sm);letter-spacing:-.01em;line-height:1.25;margin-top:14px}
.callpath-steps p{margin-top:12px;font-size:16px;line-height:1.6;color:var(--body);max-width:40ch}
.callpath-steps .go{margin-top:auto;padding-top:26px}
.callpath-steps .tlink{padding-block:10px;font-size:var(--text-button)}
.callpath-steps .go .btn{display:inline-flex;align-items:center;gap:8px}
.callpath-steps li:not(:last-child)::after{content:"";position:absolute;top:36px;right:-7px;width:13px;height:13px;
  background:#fff;border-top:1px solid var(--hairline-strong);border-right:1px solid var(--hairline-strong);
  transform:rotate(45deg);z-index:1}
@media (max-width:860px){
  .callpath-steps{grid-template-columns:1fr}
  .callpath-steps li{padding:26px 22px 28px}
  .callpath-steps li:not(:last-child)::after{display:none}
  .callpath-steps .go .btn{width:100%;justify-content:center}
}

/* this page closes the batch-2 way (Pricing.dc.html): a 28px H2 in two equal cells.
   Placed after chrome, whose batch-1 closing block would otherwise restate 38px. */
.cta-col h2{font-size:28px;max-width:26ch;letter-spacing:-.015em;line-height:1.3;margin-top:0}
.cta-col p{margin-top:14px;max-width:52ch;font-size:16px}
.hero-proof .pay{margin-top:16px}

.qform{margin-top:18px;display:grid;gap:16px;max-width:640px}
.qform label{display:block;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.qform input,.qform select,.qform textarea{width:100%;padding:12px 14px;font:inherit;
  font-size:16px;color:var(--ink);background:#fff;border:1px solid var(--hairline-strong)}
@media (min-width:1081px){.qform input,.qform select,.qform textarea{font-size:15.5px}}
.qform textarea{resize:vertical}
.qform input:focus-visible,.qform select:focus-visible,.qform textarea:focus-visible{
  outline:2px solid var(--blue);outline-offset:1px}
.qrow{display:grid;gap:16px;grid-template-columns:1fr 1fr}
@media (max-width:640px){.qrow{grid-template-columns:1fr}}
.qform .check{display:flex;gap:11px;align-items:flex-start;font-family:var(--font-sans);
  font-size:14.5px;letter-spacing:0;text-transform:none;color:var(--body);line-height:1.55}
.qform .check input{width:17px;height:17px;flex:none;margin-top:3px;accent-color:var(--blue)}
.qform .check input[aria-invalid="true"]{outline:2px solid #b3261e;outline-offset:2px}
.qform .fnote{margin:0;font-size:13.5px;color:var(--muted);line-height:1.55}
.qform .f-msg{margin:0;padding:12px 16px;border:1px solid #e8cfa8;background:#fdf3e7;
  font-size:14.5px;color:var(--ink)}
[hidden]{display:none!important}


.cf-wrap{margin-top:4px;min-height:34px}
.cf-note{margin-top:10px;font-size:13px;color:var(--muted);line-height:1.5}
.cf-note a{color:var(--blue);text-decoration:none}
.cf-note a:hover{text-decoration:underline;text-underline-offset:3px}