/* D32 "Hear Verity answer as your firm" — shared by the homepage and every trade page. Tokens come from each page's :root. */
.hearfirm{position:relative;margin-top:26px;padding:20px 20px 18px;border:1px solid var(--line2,var(--line));border-radius:18px;background:rgba(255,255,255,.03);text-align:left}
.hearfirm-head{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}
.hearfirm-head b{font-size:1.05rem;color:var(--text)}
.hearfirm-head span{color:var(--muted);font-size:.92rem;line-height:1.45}
.hearfirm-row{display:grid;grid-template-columns:1.25fr 1fr auto;gap:10px}
.hearfirm input[type=url],.hearfirm input[type=tel],.hearfirm input[type=text]:not(.hp){min-height:52px;min-width:0;width:100%;padding:0 14px;border-radius:12px;border:1px solid var(--line2,var(--line));background:var(--surface2,#151820);color:var(--text);font:inherit;font-size:16px}
.hearfirm input::placeholder{color:var(--dim,var(--muted));opacity:.9}
.hearfirm input:focus{outline:2px solid var(--accent);outline-offset:1px}
.hearfirm .hp{position:absolute;left:-9999px}
.hearfirm .btn{min-height:52px;white-space:nowrap;cursor:pointer;font:inherit}
.hearfirm .btn[disabled]{opacity:.55;cursor:wait}
.hearfirm-status{display:block;font-family:var(--mono,inherit);font-size:.82rem;color:var(--accent);margin-top:10px;min-height:1.2em;letter-spacing:.02em}
.hearfirm-status:empty{display:none}
.hearfirm-status.err{color:#FF9B8A}
.hearfirm-fine{margin:12px 0 0;font-size:.82rem;color:var(--dim,var(--muted));line-height:1.45}
.hearfirm-fine a{color:inherit}
.hearfirm-ready{display:grid;gap:12px}
.hearfirm-ready .firm{font-size:1.15rem;color:var(--text)}
.hearfirm-ready .firm b{color:var(--accent)}
.hearfirm-number{display:inline-block;font-family:var(--mono,inherit);font-size:clamp(1.6rem,7vw,2.4rem);letter-spacing:.03em;color:var(--text);text-decoration:none;font-variant-numeric:tabular-nums;line-height:1.1}
.hearfirm-ready .learned{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.88rem;color:var(--muted)}
.hearfirm-ready .learned li::before{content:"·";margin-right:8px;color:var(--accent)}
.hearfirm-ready .learned li:first-child::before{content:none;margin:0}
.hearfirm-again{background:none;border:0;padding:0;color:var(--muted);font:inherit;font-size:.85rem;text-decoration:underline;cursor:pointer;justify-self:start}
@media (max-width:620px){.hearfirm-row{grid-template-columns:1fr}.hearfirm .btn{width:100%}}
/* The homepage styles every <form> as a two-column card; the box's form is a plain wrapper. */
.hearfirm form.hearfirm-form{display:block;background:none;border:0;border-radius:0;padding:0;gap:0;grid-template-columns:none}
.hearfirm form.hearfirm-form .hearfirm-row{display:grid;grid-template-columns:1.25fr 1fr auto;gap:10px}
.hearfirm form.hearfirm-form input{width:100%;min-width:0}
@media (max-width:620px){.hearfirm form.hearfirm-form .hearfirm-row{grid-template-columns:1fr}}