/* ClickFq shared industry component styles.
   Extracted verbatim from the identical inline <style> block that
   was duplicated across 18 pages. The <link> that replaced it sits
   at the same head position, so cascade order and rendering are
   unchanged. */

.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;}
.ms-fill{font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24;}
body{font-family:'Inter',sans-serif;background:#F7F8FA;color:#1A202C;}
.btn{display:inline-flex;align-items:center;gap:6px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;border-radius:9999px;cursor:pointer;border:none;white-space:nowrap;transition:all .15s;}
.btn:active{transform:scale(.97);}
.btn-lg{height:48px;padding:0 28px;font-size:15px;}
.btn-md{height:40px;padding:0 20px;font-size:13px;}
.btn-sm{height:32px;padding:0 14px;font-size:12px;}
.btn-pri{background:var(--cfq-blue,#0A2540);color:#fff;} .btn-pri:hover{background:var(--cfq-blue,#0A2540);}
.btn-sec{background:transparent;color:var(--cfq-blue,#0A2540);border:1.5px solid #0A2540;} .btn-sec:hover{background:#dbeeff;}
.btn-ghost{background:transparent;color:#4A5568;border:1.5px solid #CBD5E0;}
.btn-wht{background:#fff;color:var(--cfq-blue,#0A2540);}
.btn-wht-o{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.45);}
.nav-link{font-size:13px;font-weight:500;color:#4A5568;cursor:pointer;padding:4px 0;border-bottom:2px solid transparent;transition:all .15s;font-family:'Bricolage Grotesque',sans-serif;text-decoration:none;}
.nav-link:hover,.nav-link.active{color:var(--cfq-blue,#0A2540);border-bottom-color:var(--cfq-blue,#0A2540);}
.badge{display:inline-flex;align-items:center;border-radius:9999px;font-size:11px;font-weight:700;font-family:'Bricolage Grotesque',sans-serif;}
.badge-sm{height:22px;padding:0 10px;}
.bd-blue{background:#dbeeff;color:var(--cfq-blue,#0A2540);}
.bd-green{background:#e6f5ec;color:#1f8040;}
.bd-purple{background:#F0EEFF;color:#4A39B5;}
.bd-amber{background:#FFFBEB;color:#92600A;}
.bd-red{background:#FEF2F2;color:#991B1B;}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-family:'Bricolage Grotesque',sans-serif;}
/* Challenges */
.challenges-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.challenge-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:18px;border-left:3px solid #e8242c;}
.challenge-icon{font-size:20px;margin-bottom:8px;}
.challenge-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:13px;color:#1A202C;margin-bottom:4px;}
.challenge-desc{font-size:12px;color:#616E80;line-height:1.5;}
/* Capabilities */
.cap-row{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:18px;display:flex;align-items:flex-start;gap:14px;transition:all .15s;}
.cap-row:hover{border-color:var(--cfq-blue,#0A2540);box-shadow:0 4px 16px rgba(43,108,176,.08);}
.cap-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.cap-content{flex:1;}
.cap-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:6px;}
.cap-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:14px;color:#1A202C;}
.cap-link{display:inline-flex;align-items:center;gap:5px;background:#dbeeff;color:var(--cfq-blue,#0A2540);border-radius:9999px;font-size:11px;font-weight:700;height:24px;padding:0 10px;font-family:'Bricolage Grotesque',sans-serif;text-decoration:none;transition:all .12s;}
.cap-link:hover{background:var(--cfq-blue,#0A2540);color:#fff;}
.cap-desc{font-size:12px;color:#616E80;line-height:1.5;margin-bottom:8px;}
.cap-tags{display:flex;gap:6px;flex-wrap:wrap;}
.cap-tag{font-size:10px;font-weight:600;padding:2px 8px;background:#F1F5F9;color:#4A5568;border-radius:6px;font-family:'Bricolage Grotesque',sans-serif;}
/* Case metrics */
.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.metric-card{background:#F7F8FA;border-radius:12px;padding:16px;text-align:center;}
.metric-val{font-family:'Bricolage Grotesque',sans-serif;font-weight:900;font-size:22px;color:var(--cfq-blue,#0A2540);}
.metric-lbl{font-size:10px;color:#616E80;margin-top:4px;}
/* Blog */
.blog-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;overflow:hidden;cursor:pointer;transition:all .15s;}
.blog-card:hover{border-color:var(--cfq-blue,#0A2540);box-shadow:0 4px 16px rgba(43,108,176,.08);transform:translateY(-1px);}
/* FAQ */
.faq-item{background:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;}
.faq-q{padding:14px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:13px;color:#1A202C;}
.faq-a{display:none;padding:0 16px 14px;font-size:12px;color:#4A5568;line-height:1.6;}
.faq-a.open{display:block;}
/* Sidebar */
.sidebar-cta{position:sticky;top:80px;background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:22px;}
.form-label{font-size:10px;font-weight:700;color:#4A5568;font-family:'Bricolage Grotesque',sans-serif;letter-spacing:.05em;text-transform:uppercase;}
.form-input,.form-select,.form-textarea{border:1.5px solid #E2E8F0;border-radius:8px;font-size:13px;outline:none;background:#fff;font-family:'Inter',sans-serif;width:100%;}
.form-input,.form-select{height:44px;padding:0 12px;}
.form-textarea{padding:10px 12px;resize:none;}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--cfq-blue,#0A2540);box-shadow:0 0 0 3px rgba(43,108,176,.1);}
.form-select{appearance:none;cursor:pointer;}
/* Modal */
.modal-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,37,64,.6);backdrop-filter:blur(4px);}
.modal-box{background:#fff;border-radius:20px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;}
.modal-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #E2E8F0;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;border-radius:20px 20px 0 0;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.form-field{display:flex;flex-direction:column;gap:5px;}