/* 1.3 UX+ — Namespaced styles */
.cfp{--cfp-accent:#1F6FEB;--cfp-muted:#64748b;--cfp-radius:20px;--cfp-bg:#fff;--cfp-ink:#0f172a}
.cfp *{box-sizing:border-box}
.cfp .cfp-toolbar{display:flex;justify-content:space-between;align-items:center;margin:6px 0 12px 0}
.cfp .cfp-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #e5e7eb;border-radius:12px;padding:10px 14px;background:#fff;color:var(--cfp-ink);text-decoration:none;font-weight:800;cursor:pointer}
.cfp .cfp-btn.primary{background:var(--cfp-accent);color:#fff;border-color:var(--cfp-accent)}
.cfp .cfp-btn.ghost{background:#fff;border-color:#e5e7eb;color:var(--cfp-ink)}

.cfp .cfp-inner{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
@media (max-width: 980px){.cfp .cfp-inner{grid-template-columns:1fr}}

.cfp .cfp-preview-sticky{position:sticky;top:16px}
.cfp .cfp-card{border:1px solid #e5e7eb;border-radius:var(--cfp-radius);padding:18px;background:var(--cfp-bg);box-shadow:0 1px 2px rgba(0,0,0,.04)}
.cfp .cfp-card[data-theme="hero"]{background:linear-gradient(180deg, rgba(31,110,235,.07), transparent), #fff}
.cfp .cfp-card[data-theme="business"]{background:#fff;border:1px solid #e2e8f0}
.cfp .cfp-card[data-theme="neon"]{background:linear-gradient(135deg, rgba(31,110,235,.12), rgba(236,72,153,.12));}
.cfp .cfp-card-top{display:flex;gap:12px;align-items:center}
.cfp .cfp-avatar{width:48px;height:48px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--cfp-accent);color:#fff;font-weight:800}
.cfp .cfp-name{font-weight:800;font-size:1.25rem}
.cfp .cfp-role{color:#475569;margin-top:2px}
.cfp .cfp-company{color:#334155;margin-top:2px}
.cfp .cfp-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.cfp .cfp-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;text-decoration:none;color:var(--cfp-ink);font-weight:600}
.cfp .cfp-social{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
.cfp .cfp-ico{width:24px;height:24px;display:inline-block;background:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;color:#0f172a}
/* SVG masks via data-URIs for crisp icons */
.cfp #cfp-li{mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'><path d=\'M4.98 3.5C4.98 4.88 3.87 6 2.5 6S0 4.88 0 3.5 1.12 1 2.5 1 4.98 2.12 4.98 3.5zM.5 8h4V24h-4V8zm7.5 0h3.8v2.2h.1C13 8.6 14.6 7.7 16.6 7.7 21 7.7 22 10.6 22 15.1V24h-4v-7.6c0-1.8 0-4.1-2.5-4.1-2.5 0-2.9 2-2.9 4v7.7h-4V8z\'/></svg>');}
.cfp #cfp-x{mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'><path d=\'M13.3 10.6L20.8 2h-1.8l-6.5 7.3L7 2H2l8.2 11.7L2 22h1.8l7-7.9 5.9 7.9H22\'/></svg>');}
.cfp #cfp-ig{mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'><path d=\'M7 2h10a5 5 0 015 5v10a5 5 0 01-5 5H7a5 5 0 01-5-5V7a5 5 0 015-5m0 2a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V7a3 3 0 00-3-3H7m5 3a5 5 0 110 10 5 5 0 010-10m6.5-.9a1.1 1.1 0 110 2.2 1.1 1.1 0 010-2.2z\'/></svg>');}
.cfp #cfp-fb{mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'><path d=\'M13 22v-8h3l1-4h-4V7.5C13 6.6 13.4 6 14.9 6H17V2.2C16.6 2.1 15.3 2 13.8 2 10.9 2 9 3.7 9 7v3H6v4h3v8h4z\'/></svg>');}
.cfp #cfp-tt{mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'><path d=\'M14.5 3a6 6 0 004 4V9a9 9 0 01-4-1.1V15a5 5 0 11-5-5c.5 0 1 .1 1.5.2V8.1A9 9 0 005.5 8a7 7 0 107 7V3z\'/></svg>');}
.cfp #cfp-yt{mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'><path d=\'M10 15l5.2-3L10 9v6z\'/><path d=\'M23.5 6.2a3 3 0 00-2.1-2.1C19.4 3.5 12 3.5 12 3.5s-7.4 0-9.4.6A3 3 0 00.5 6.2 31 31 0 000 12a31 31 0 00.5 5.8 3 3 0 002.1 2.1c2 .6 9.4.6 9.4.6s7.4 0 9.4-.6a3 3 0 002.1-2.1A31 31 0 0024 12a31 31 0 00-.5-5.8z\'/></svg>');}
.cfp #cfp-cal{mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'><path d=\'M7 2h10a3 3 0 013 3v14a3 3 0 01-3 3H7a3 3 0 01-3-3V5a3 3 0 013-3m0 4v12h10V6H7z\'/></svg>');}

.cfp .cfp-qrwrap{margin-top:12px;display:flex;justify-content:flex-end}
.cfp .cfp-qr{width:120px;height:120px;border:1px dashed #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-weight:700}

.cfp .cfp-steps h2{margin:0 0 8px 0}
.cfp .cfp-help{color:var(--cfp-muted);margin:0 0 10px 0}
.cfp .cfp-progress{height:6px;background:#f1f5f9;border-radius:999px;overflow:hidden;margin-bottom:14px}
.cfp .cfp-progress .bar{height:100%;background:var(--cfp-accent);width:33%}
.cfp .cfp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width: 720px){.cfp .cfp-grid{grid-template-columns:1fr}}
.cfp .cfp-grid label{display:flex;flex-direction:column;font-weight:700;color:var(--cfp-ink)}
.cfp .cfp-grid input,.cfp .cfp-grid select,.cfp .cfp-grid textarea{border:1px solid #e5e7eb;border-radius:12px;padding:10px;outline:none}
.cfp .cfp-grid input:focus,.cfp .cfp-grid select:focus,.cfp .cfp-grid textarea:focus{border-color:var(--cfp-accent);box-shadow:0 0 0 3px rgba(31,110,235,.12)}
.cfp .cfp-actionsline{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}
.cfp .cfp-actionsline.two{justify-content:space-between}
.cfp .cfp-step[hidden]{display:none !important}
.cfp .hint{display:block;margin-top:6px;color:var(--cfp-muted);font-size:.9rem}
.cfp .hint.ok{color:#059669}
.cfp .hint.err{color:#dc2626}

.cfp .cfp-summary{margin-top:14px;border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fafafa}
.cfp .cfp-summary h3{margin:0 0 10px 0}
.cfp .cfp-summary ul{margin:0;padding-left:16px}
.cfp .cfp-summary li{margin:4px 0}

.cfp .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:cfp-spin 1s linear infinite}
@keyframes cfp-spin{to{transform:rotate(360deg)}}

/* Checkout readability kept */
.woocommerce form .form-row label{font-weight:600;margin-bottom:6px;display:block}
.woocommerce form .form-row input[type="text"],
.woocommerce form .form-row input[type="email"],
.woocommerce form .form-row input[type="tel"],
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px;box-shadow:none;outline:none}
.woocommerce form .form-row input:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus{border-color:var(--cfp-accent);box-shadow:0 0 0 3px rgba(31,110,235,.08)}