.crm-fields { display: grid; gap: 14px; margin-top: 20px; }
.crm-fields label { display: grid; gap: 7px; font-size: 14px; font-weight: 600; }
.crm-fields label span, .crm-fields .minor { font-size: 12px; color: #65706a; font-weight: 400; }
.crm-fields input, .crm-fields textarea { box-sizing: border-box; width: 100%; border: 1px solid #ccd4cf; border-radius: 7px; padding: 11px; font: inherit; background: white; color: #15231b; }
.crm-fields input:focus, .crm-fields textarea:focus { outline: 2px solid #16835e; outline-offset: 2px; }
.crm-fields [data-crm-result] { overflow-wrap: anywhere; font-size: 14px; line-height: 1.6; margin: 0; }
.crm-fields [data-crm-result]:empty { display: none; }
.crm-fields [data-crm-send] { border: 0; background: #086c4a; color: white; border-radius: 7px; padding: 13px 18px; cursor: pointer; font: inherit; font-weight: 600; }
.crm-fields [data-crm-send]:disabled { opacity: .65; cursor: default; }
.crm-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.crm-dialog { position: fixed; box-sizing: border-box; width: min(560px, calc(100% - 24px)); max-height: 90dvh; overflow-y: auto; border: 0; border-radius: 14px; padding: 32px; color: #15231b; }
.crm-dialog::backdrop { background: rgb(10 25 17 / .65); }
.crm-dialog h2 { margin: 0 0 15px; font-size: 28px; }
.crm-dialog .eyebrow { font-size: 11px; letter-spacing: .15em; color: #086c4a; font-weight: 700; }
.crm-dialog a { color: #086c4a; }
.crm-close { position: absolute; top: 12px; right: 15px; border: 0; background: none; font-size: 28px; cursor: pointer; }
@media (max-width: 480px) { .crm-dialog { padding: 25px 20px; } }