/* ============================================================
   costandprofitability.com - above-the-fold credibility / proof
   Lote Enciclopédia · Peça 8c · 26 jun 2026. Praxis. Scoped .cc-proof.
   Data-driven: reads window.CC_PROOF. Sober, never loud. Never blue.
   EN / PT-PT / ES-ES.
   ============================================================ */
.cc-proof{
  --o:#C75B22; --o-br:#E2761A; --grn:#1C7A57;
  --ink:#1A1714; --ink2:#4A4138; --muted:#756859; --muted2:#9A8E7E;
  --paper:#F3EEE4; --paper2:#EDE6D8; --surface:#FBF9F3; --surface2:#FAF7F0;
  --line:#DCD3C2; --line2:#C9BEAA; --dark:#14110D; --wheat:#E8DBC2;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --serif:'Newsreader',Georgia,serif;
  --sans:'Hanken Grotesk',system-ui,sans-serif;
  font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;
}
.cc-proof *{box-sizing:border-box;}
.cc-proof .pf-wrap{max-width:1180px;margin:0 auto;padding:26px 28px;}

/* the strip */
.cc-proof .pf-strip{
  display:grid;grid-template-columns:1.15fr 2fr;gap:34px;align-items:center;
  background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px 28px;
}
.cc-proof .pf-lead .pf-eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--o);display:flex;align-items:center;gap:9px;margin-bottom:11px;}
.cc-proof .pf-lead .pf-eyebrow::before{content:"";width:18px;height:1px;background:var(--o);}
.cc-proof .pf-lead h3{font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.22;letter-spacing:-.01em;color:var(--ink);margin:0;}
.cc-proof .pf-lead h3 em{font-style:italic;color:var(--o);}

/* proof points */
.cc-proof .pf-points{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:11px;overflow:hidden;}
.cc-proof .pf-pt{background:var(--surface2);padding:18px 16px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;min-height:96px;}
.cc-proof .pf-pt .v{font-family:var(--serif);font-weight:500;font-size:23px;line-height:1.05;color:var(--ink);letter-spacing:-.01em;}
.cc-proof .pf-pt .v em{font-style:italic;color:var(--o);}
.cc-proof .pf-pt .v.sm{font-size:18px;}
.cc-proof .pf-pt .l{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:8px;line-height:1.4;}
.cc-proof .pf-pt.feat{background:var(--dark);}
.cc-proof .pf-pt.feat .v{color:#fff;}
.cc-proof .pf-pt.feat .v em{color:var(--o-br);}
.cc-proof .pf-pt.feat .l{color:var(--wheat);}

/* optional testimonial */
.cc-proof .pf-quote{margin-top:16px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--o);border-radius:0 12px 12px 0;padding:20px 24px;display:flex;gap:18px;align-items:flex-start;}
.cc-proof .pf-quote blockquote{margin:0;font-family:var(--serif);font-size:18.5px;font-style:italic;line-height:1.5;color:var(--ink);}
.cc-proof .pf-quote .pf-cite{margin-top:10px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--muted);font-style:normal;}
.cc-proof .pf-quote .pf-cite b{color:var(--ink2);font-weight:600;}
.cc-proof .pf-quote .qm{font-family:var(--serif);font-size:46px;line-height:.7;color:var(--o);flex:none;}

@media(max-width:880px){
  .cc-proof .pf-strip{grid-template-columns:1fr;gap:22px;}
}
@media(max-width:620px){
  .cc-proof .pf-points{grid-template-columns:1fr 1fr;}
  .cc-proof .pf-quote{flex-direction:column;gap:8px;}
  .cc-proof .pf-quote .qm{font-size:34px;}
}