/* ATX Decon — contact / form styles */

/* contact hero side card */
.contact-side { padding: 26px; background: #fff; position: relative; z-index: 1; }
.cside-row { display: flex; align-items: center; gap: 15px; padding: 8px 0; }
.cside-row > i { width: 40px; height: 40px; border-radius: 10px; background: var(--violet-soft); color: var(--violet); display: grid; place-items: center; font-size: 16px; flex-shrink: 0; }
.cside-strong { font-family: var(--font-display); font-size: 18px; font-weight: 600; color: var(--ink); display: block; margin-top: 2px; white-space: nowrap; }
.contact-side .hr { margin: 4px 0; }
.cside-chips { margin-top: 18px; }

/* big call link in contact hero */
.contact-call { display: inline-flex; align-items: center; gap: 16px; margin-top: 30px; padding: 14px 22px 14px 14px; border-radius: var(--radius); background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); transition: background .15s, border-color .15s; }
.contact-call:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.3); }
.contact-call-ic { width: 48px; height: 48px; border-radius: 12px; background: var(--accent); color: #fff; display: grid; place-items: center; font-size: 19px; }
.contact-call-num { display: block; font-family: var(--font-display); font-size: 24px; font-weight: 600; color: #fff; margin-top: 3px; }

/* form */
.cform { background: #fff; }
.cform-head { margin-bottom: 30px; }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
@media (max-width: 620px){ .field-row { grid-template-columns: 1fr; } }
.field { display: flex; flex-direction: column; gap: 9px; margin-bottom: 20px; }
.field-label { font-size: 14.5px; font-weight: 600; color: var(--ink); display: flex; align-items: center; justify-content: space-between; }
.field-hint { font-weight: 400; font-size: 13px; color: var(--slate-2); }
.input {
  font-family: var(--font-sans); font-size: 16px; color: var(--ink);
  padding: 14px 16px; border: 1.5px solid var(--line-2); border-radius: var(--radius-sm);
  background: var(--paper-soft); transition: border-color .15s, background .15s, box-shadow .15s; width: 100%;
}
.input::placeholder { color: var(--slate-2); }
.input:focus { outline: none; border-color: var(--accent); background: #fff; box-shadow: 0 0 0 4px rgba(30,136,229,.15); }
.input.is-err { border-color: #c0492f; background: #fdf3f1; }
.textarea { resize: vertical; min-height: 110px; line-height: 1.5; }
.select-wrap { position: relative; }
.select-wrap select { appearance: none; -webkit-appearance: none; cursor: pointer; padding-right: 42px; }
.select-wrap i { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: var(--slate); font-size: 13px; pointer-events: none; }
.field-err { color: #c0492f; font-size: 13.5px; font-weight: 500; display: inline-flex; align-items: center; gap: 7px; }

/* urgency segmented */
.urg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
@media (max-width: 560px){ .urg { grid-template-columns: 1fr; } }
.urg-opt { display: flex; align-items: center; gap: 12px; padding: 15px 16px; border: 1.5px solid var(--line-2); border-radius: var(--radius-sm); background: var(--paper-soft); text-align: left; transition: border-color .15s, background .15s; }
.urg-opt:hover { border-color: var(--slate-2); }
.urg-radio { width: 19px; height: 19px; border-radius: 50%; border: 2px solid var(--line-2); flex-shrink: 0; position: relative; transition: border-color .15s; }
.urg-opt.is-sel { border-color: var(--accent); background: var(--accent-soft); }
.urg-opt.is-sel .urg-radio { border-color: var(--accent); }
.urg-opt.is-sel .urg-radio::after { content: ""; position: absolute; inset: 3px; border-radius: 50%; background: var(--accent); }
.urg-label { font-size: 14.5px; font-weight: 600; color: var(--ink); display: flex; flex-direction: column; gap: 2px; line-height: 1.2; }
.urg-note { font-size: 12px; font-weight: 500; color: var(--violet); }

.cform-foot { display: flex; align-items: center; gap: 22px; margin-top: 10px; flex-wrap: wrap; }

/* success */
.form-success { padding: 48px; text-align: center; display: flex; flex-direction: column; align-items: center; }
.fs-ic { width: 64px; height: 64px; border-radius: 50%; background: var(--safe-soft); color: var(--safe); display: grid; place-items: center; font-size: 28px; margin-bottom: 24px; }