/* ============================================================
   PEC GLOBAL — /contact page
   Page-scoped styles ONLY. Reuses tokens from pec-styles.css,
   the .form-card / .field form surfaces from pec-components.css,
   and .cc-h1 from pec-customs.css. Adds cp-* helpers for the
   single centered layout and the contact-detail row.
   ============================================================ */
.cp-section{
  display:flex;align-items:center;
  min-height:calc(100vh - 114px);
  padding:clamp(72px,10vw,128px) 0;
}
.cp-wrap{max-width:600px;margin:0 auto;width:100%;text-align:center}
.cp-wrap .eyebrow{justify-content:center;margin-bottom:18px}
.cp-sub{margin:20px auto 0;max-width:50ch}
.cp-card{margin-top:40px;text-align:left}
.cp-card .btn{width:100%}
.cp-divider{height:1px;background:var(--line);margin:28px 0 22px}
.cp-contacts{display:flex;flex-wrap:wrap;gap:16px 28px;justify-content:center}
.cp-contact{display:inline-flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;color:var(--navy)}
.cp-contact .ico{width:18px;height:18px;color:var(--green-700);flex:none}
@media(max-width:480px){
  .cp-contacts{flex-direction:column;align-items:center;gap:14px}
}