#cfp-post-rewrite-136 {
font-family: “Segoe UI”, system-ui, sans-serif;
line-height: 1.7;
color: #1f2937;
max-width: 100%;
}
#cfp-post-rewrite-136 .cfp-takeaway {
background: #ecfdf5;
border: 1px solid #a7f3d0;
border-radius: 12px;
padding: 18px 20px;
margin: 0 0 24px;
}
#cfp-post-rewrite-136 .cfp-toc {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 18px 22px;
margin: 24px 0;
}
#cfp-post-rewrite-136 .cfp-toc ul { margin: 8px 0 0; padding-left: 20px; }
#cfp-post-rewrite-136 .cfp-editor-note {
background: #eff6ff;
border-left: 4px solid #3b82f6;
border-radius: 8px;
padding: 14px 18px;
margin: 24px 0;
font-size: 0.95rem;
}
#cfp-post-rewrite-136 .cfp-testimonial {
background: #f0fdf4;
border-left: 4px solid #059669;
border-radius: 8px;
padding: 16px 20px;
margin: 28px 0;
font-size: 0.95rem;
}
#cfp-post-rewrite-136 .cfp-testimonial p { margin: 0 0 8px; text-align: left; }
#cfp-post-rewrite-136 .cfp-caution {
background: #fffbeb;
border: 1px solid #fcd34d;
border-radius: 12px;
padding: 16px 18px;
margin: 24px 0;
}
#cfp-post-rewrite-136 .cfp-protip {
background: #ecfdf5;
border-radius: 12px;
padding: 16px 18px;
margin: 24px 0;
}
#cfp-post-rewrite-136 table:not(.cfp-chart-table) {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
font-size: 0.95rem;
}
#cfp-post-rewrite-136 table:not(.cfp-chart-table) th {
background: #059669;
color: #fff;
padding: 12px;
text-align: left;
}
#cfp-post-rewrite-136 table:not(.cfp-chart-table) td {
border: 1px solid #e5e7eb;
padding: 11px 12px;
}
#cfp-post-rewrite-136 table:not(.cfp-chart-table) tr:nth-child(even) td { background: #f9fafb; }
#cfp-post-rewrite-136 table.cfp-chart-table { border: 0; margin: 12px 0; }
#cfp-post-rewrite-136 table.cfp-chart-table td { border: 0; background: transparent; }
#cfp-post-rewrite-136 p {
text-align: justify;
hyphens: auto;
}
#cfp-post-rewrite-136 .cfp-takeaway,
#cfp-post-rewrite-136 .cfp-toc,
#cfp-post-rewrite-136 .cfp-editor-note,
#cfp-post-rewrite-136 .cfp-testimonial,
#cfp-post-rewrite-136 .cfp-caution,
#cfp-post-rewrite-136 .cfp-protip,
#cfp-post-rewrite-136 .cfp-cta-card,
#cfp-post-rewrite-136 .cfp-faq,
#cfp-post-rewrite-136 .cfp-author,
#cfp-post-rewrite-136 .cfp-related,
#cfp-post-rewrite-136 .cfp-template-card,
#cfp-post-rewrite-136 th,
#cfp-post-rewrite-136 figcaption {
text-align: left;
}
#cfp-post-rewrite-136 figure.cfp-img-left {
float: left;
max-width: 38%;
width: 38%;
margin: 6px 20px 14px 0;
padding: 0;
border: 0;
border-radius: 12px;
box-shadow: 0 4px 14px rgba(0,0,0,.08);
overflow: hidden;
background: #fff;
shape-outside: margin-box;
}
#cfp-post-rewrite-136 figure.cfp-img-right {
float: right;
max-width: 38%;
width: 38%;
margin: 6px 0 14px 20px;
padding: 0;
border: 0;
border-radius: 12px;
box-shadow: 0 4px 14px rgba(0,0,0,.08);
overflow: hidden;
background: #fff;
shape-outside: margin-box;
}
#cfp-post-rewrite-136 figure.cfp-img-left + p,
#cfp-post-rewrite-136 figure.cfp-img-right + p {
margin-top: 0;
}
#cfp-post-rewrite-136 .cfp-float-wrap {
margin: 24px 0;
}
#cfp-post-rewrite-136 .cfp-float-wrap::after {
content: “”;
display: table;
clear: both;
}
#cfp-post-rewrite-136 .cfp-float-wrap > h3:first-child,
#cfp-post-rewrite-136 .cfp-float-wrap > p:first-child {
margin-top: 0;
}
#cfp-post-rewrite-136 .cfp-float-wrap figure.cfp-img-left + p,
#cfp-post-rewrite-136 .cfp-float-wrap figure.cfp-img-right + h3,
#cfp-post-rewrite-136 .cfp-float-wrap figure.cfp-img-right + p {
overflow: hidden;
}
#cfp-post-rewrite-136 .cfp-hero-block {
margin: 0 0 28px;
}
#cfp-post-rewrite-136 .cfp-hero-block figure.cfp-showcase {
margin-bottom: 0;
}
#cfp-post-rewrite-136 figure.cfp-showcase.cfp-showcase-branded {
display: block;
width: 100%;
max-width: 100%;
margin: 0 0 28px;
padding: 0;
border: none;
border-radius: 0;
box-shadow: none;
background: transparent;
overflow: visible;
box-sizing: border-box;
}
#cfp-post-rewrite-136 figure.cfp-showcase.cfp-showcase-branded img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
border-radius: 0;
box-shadow: 0 10px 40px rgba(15, 23, 42, 0.12);
transform: none !important;
}
#cfp-post-rewrite-136 figure.cfp-showcase.cfp-showcase-branded figcaption {
display: none;
}
#cfp-post-rewrite-136 .cfp-hero-block figure.cfp-showcase.cfp-showcase-branded {
margin-bottom: 0;
}
#cfp-post-rewrite-136 figure.cfp-img-left img,
#cfp-post-rewrite-136 figure.cfp-img-right img {
display: block;
width: 100%;
height: auto;
margin: 0;
border-radius: 0;
box-shadow: none;
}
#cfp-post-rewrite-136 figure.cfp-img-left figcaption,
#cfp-post-rewrite-136 figure.cfp-img-right figcaption {
font-size: 0.82rem;
color: #64748b;
line-height: 1.45;
padding: 10px 12px 12px;
margin: 0;
background: #f8fafc;
border-top: 1px solid #e2e8f0;
}
#cfp-post-rewrite-136 .cfp-img-full {
display: block;
max-width: 100%;
margin: 24px auto;
border-radius: 12px;
box-shadow: 0 4px 14px rgba(0,0,0,.08);
}
#cfp-post-rewrite-136 figure.cfp-img-full {
display: block;
max-width: 100%;
margin: 24px auto;
border-radius: 12px;
box-shadow: 0 4px 14px rgba(0,0,0,.08);
overflow: hidden;
background: #fff;
}
#cfp-post-rewrite-136 figure.cfp-img-full img {
display: block;
width: 100%;
height: auto;
margin: 0;
border-radius: 0;
box-shadow: none;
}
#cfp-post-rewrite-136 figure.cfp-img-full figcaption {
font-size: 0.82rem;
color: #64748b;
line-height: 1.45;
padding: 10px 12px 12px;
margin: 0;
background: #f8fafc;
border-top: 1px solid #e2e8f0;
text-align: left;
}
#cfp-post-rewrite-136 figure.cfp-showcase {
margin: 8px 0 32px;
border-radius: 16px;
overflow: hidden;
border: 1px solid #d1fae5;
box-shadow: 0 16px 48px rgba(5, 150, 105, 0.14);
background: #fff;
}
#cfp-post-rewrite-136 figure.cfp-showcase img {
display: block;
width: 100%;
height: auto;
margin: 0;
border-radius: 0;
box-shadow: none;
}
#cfp-post-rewrite-136 figure.cfp-showcase figcaption {
font-size: 0.9rem;
color: #334155;
line-height: 1.5;
padding: 14px 18px 16px;
margin: 0;
background: linear-gradient(180deg, #ecfdf5 0%, #f8fafc 100%);
border-top: 1px solid #a7f3d0;
font-weight: 500;
}
#cfp-post-rewrite-136 .cfp-hero-band {
margin: 0;
border: 1px solid #a7f3d0;
border-top: none;
border-radius: 0 0 16px 16px;
background: linear-gradient(135deg, #ecfdf5 0%, #f8fafc 55%, #eff6ff 100%);
box-shadow: 0 12px 32px rgba(5, 150, 105, 0.1);
}
#cfp-post-rewrite-136 .cfp-hero-band-inner {
padding: 20px 22px 22px;
}
#cfp-post-rewrite-136 .cfp-hero-eyebrow {
display: inline-block;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #047857;
background: #d1fae5;
border-radius: 999px;
padding: 5px 12px;
margin-bottom: 10px;
}
#cfp-post-rewrite-136 .cfp-hero-headline {
display: block;
font-size: clamp(1.25rem, 2.5vw, 1.65rem);
line-height: 1.25;
color: #0f172a;
margin: 0 0 10px;
}
#cfp-post-rewrite-136 .cfp-hero-headline em {
font-style: normal;
color: #059669;
}
#cfp-post-rewrite-136 .cfp-hero-sub {
margin: 0 0 14px;
color: #475569;
font-size: 0.98rem;
max-width: 62ch;
}
#cfp-post-rewrite-136 .cfp-hero-badges {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
#cfp-post-rewrite-136 .cfp-hero-badge {
font-size: 0.82rem;
font-weight: 600;
color: #065f46;
background: #fff;
border: 1px solid #86efac;
border-radius: 999px;
padding: 6px 12px;
}
#cfp-post-rewrite-136 .cfp-clearfix {
clear: both;
display: block;
width: 100%;
height: 0;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
}
#cfp-post-rewrite-136 .cfp-clearfix::after {
content: “”;
display: table;
clear: both;
}
#cfp-post-rewrite-136 h2,
#cfp-post-rewrite-136 h3,
#cfp-post-rewrite-136 table,
#cfp-post-rewrite-136 .cfp-caution,
#cfp-post-rewrite-136 .cfp-protip,
#cfp-post-rewrite-136 .cfp-testimonial,
#cfp-post-rewrite-136 .cfp-cta-card,
#cfp-post-rewrite-136 .cfp-takeaway {
clear: both;
}
#cfp-post-rewrite-136 .cfp-cta-card {
display: flex;
gap: 18px;
align-items: center;
background: #f0fdf4;
border: 1px solid #86efac;
border-radius: 14px;
padding: 20px;
margin: 32px 0;
}
#cfp-post-rewrite-136 .cfp-cta-card a {
display: inline-block;
background: #2563eb;
color: #fff !important;
padding: 12px 22px;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
}
#cfp-post-rewrite-136 .cfp-template-card {
background: #f8fafc;
border: 1px solid #cbd5e1;
border-radius: 14px;
padding: 18px 20px;
margin: 28px 0;
}
#cfp-post-rewrite-136 .cfp-tools-card {
background: #eff6ff;
border: 1px solid #93c5fd;
border-radius: 14px;
padding: 18px 20px;
margin: 28px 0;
}
#cfp-post-rewrite-136 .cfp-tools-card ul,
#cfp-post-rewrite-136 .cfp-template-card ul {
margin: 10px 0 8px;
padding-left: 1.25rem;
}
#cfp-post-rewrite-136 .cfp-tools-card a,
#cfp-post-rewrite-136 .cfp-template-card a {
color: #2563eb;
font-weight: 600;
}
#cfp-post-rewrite-136 .cfp-faq details {
border: 1px solid #e5e7eb;
border-radius: 10px;
padding: 12px 16px;
margin-bottom: 10px;
background: #fff;
}
#cfp-post-rewrite-136 .cfp-author {
border-top: 1px solid #e5e7eb;
margin-top: 40px;
padding-top: 24px;
font-size: 0.95rem;
}
#cfp-post-rewrite-136 .cfp-related {
background: #f8fafc;
border-radius: 14px;
padding: 20px;
margin-top: 32px;
}
#cfp-post-rewrite-136 .cfp-related a { color: #2563eb; }
#cfp-post-rewrite-136 .cfp-stat-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin: 28px 0;
}
#cfp-post-rewrite-136 .cfp-stat {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 14px 12px;
text-align: center;
}
#cfp-post-rewrite-136 .cfp-stat-num {
display: block;
font-size: 1.15rem;
font-weight: 700;
color: #059669;
}
#cfp-post-rewrite-136 .cfp-stat-label {
display: block;
font-size: 0.78rem;
color: #64748b;
margin-top: 4px;
}
#cfp-post-rewrite-136 .cfp-pros-cons {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin: 28px 0;
}
#cfp-post-rewrite-136 .cfp-pros, #cfp-post-rewrite-136 .cfp-cons {
border-radius: 12px;
padding: 16px 18px;
font-size: 0.95rem;
}
#cfp-post-rewrite-136 .cfp-pros {
background: #f0fdf4;
border: 1px solid #bbf7d0;
}
#cfp-post-rewrite-136 .cfp-cons {
background: #fff7ed;
border: 1px solid #fed7aa;
}
#cfp-post-rewrite-136 .cfp-pros ul, #cfp-post-rewrite-136 .cfp-cons ul {
margin: 8px 0 0;
padding-left: 1.2rem;
}
#cfp-post-rewrite-136 .cfp-steps {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
margin: 28px 0;
}
#cfp-post-rewrite-136 .cfp-step {
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 16px;
}
#cfp-post-rewrite-136 .cfp-step-num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
background: #059669;
color: #fff;
font-size: 0.85rem;
font-weight: 700;
margin-bottom: 8px;
}
#cfp-post-rewrite-136 .cfp-step p {
margin: 6px 0 0;
font-size: 0.9rem;
text-align: left;
}
#cfp-post-rewrite-136 .cfp-pullquote {
margin: 28px 0;
padding: 18px 22px;
border-left: 4px solid #059669;
background: #ecfdf5;
border-radius: 0 12px 12px 0;
font-size: 1.05rem;
font-style: italic;
}
#cfp-post-rewrite-136 .cfp-pullquote p { margin: 0; text-align: left; }
#cfp-post-rewrite-136 .cfp-checklist ul {
list-style: none;
padding: 0;
margin: 12px 0;
}
#cfp-post-rewrite-136 .cfp-checklist li {
padding: 10px 0 10px 32px;
position: relative;
border-bottom: 1px solid #f1f5f9;
}
#cfp-post-rewrite-136 .cfp-checklist .cfp-check {
position: absolute;
left: 0;
color: #059669;
font-weight: 700;
}
#cfp-post-rewrite-136 .cfp-cta-band {
background: linear-gradient(135deg, #059669 0%, #047857 100%);
color: #fff;
border-radius: 14px;
padding: 24px 26px;
margin: 32px 0;
}
#cfp-post-rewrite-136 .cfp-cta-band p { color: #ecfdf5; text-align: left; }
#cfp-post-rewrite-136 .cfp-cta-band a {
display: inline-block;
background: #fff;
color: #047857 !important;
padding: 11px 20px;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
margin-right: 10px;
margin-top: 8px;
}
#cfp-post-rewrite-136 .cfp-cta-compact {
border: 2px dashed #86efac;
border-radius: 12px;
padding: 16px 18px;
margin: 28px 0;
text-align: left;
}
#cfp-post-rewrite-136 .cfp-cta-compact a {
color: #2563eb;
font-weight: 600;
}
#cfp-post-rewrite-136 .cfp-toc-minimal {
background: transparent;
border: none;
padding: 0;
margin: 20px 0;
}
#cfp-post-rewrite-136 .cfp-toc-minimal ul {
display: flex;
flex-wrap: wrap;
gap: 8px 16px;
list-style: none;
padding: 0;
margin: 8px 0 0;
}
#cfp-post-rewrite-136 .cfp-toc-minimal li { margin: 0; }
#cfp-post-rewrite-136 .cfp-template-spotlight {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin: 28px 0;
border: 1px solid #e2e8f0;
border-radius: 14px;
overflow: hidden;
background: #fff;
}
#cfp-post-rewrite-136 .cfp-tpl-spot-visual img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
#cfp-post-rewrite-136 .cfp-tpl-spot-copy {
padding: 20px 22px;
}
#cfp-post-rewrite-136 .cfp-template-grid {
margin: 28px 0;
padding: 20px;
background: #f8fafc;
border-radius: 14px;
border: 1px solid #e2e8f0;
}
#cfp-post-rewrite-136 .cfp-tpl-grid-cards {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: 14px;
margin: 16px 0;
}
#cfp-post-rewrite-136 .cfp-tpl-card {
display: block;
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 12px;
text-decoration: none;
color: inherit;
}
#cfp-post-rewrite-136 .cfp-tpl-card img {
width: 100%;
height: auto;
border-radius: 8px;
margin-bottom: 8px;
}
#cfp-post-rewrite-136 .cfp-tpl-card-size {
display: inline-block;
font-size: 0.72rem;
font-weight: 700;
color: #059669;
margin-bottom: 4px;
}
#cfp-post-rewrite-136 .cfp-tpl-card strong {
display: block;
font-size: 0.9rem;
margin-bottom: 4px;
}
#cfp-post-rewrite-136 .cfp-tpl-card span:last-child {
font-size: 0.78rem;
color: #64748b;
line-height: 1.4;
}
#cfp-post-rewrite-136 .cfp-template-links {
margin: 24px 0;
padding: 18px 20px;
background: #fff;
border: 1px dashed #cbd5e1;
border-radius: 12px;
}
#cfp-post-rewrite-136 .cfp-tpl-links-list {
margin: 10px 0;
padding-left: 1.25rem;
}
#cfp-post-rewrite-136 .cfp-tpl-links-list a {
font-weight: 600;
color: #2563eb;
}
#cfp-post-rewrite-136 .cfp-tools-compact {
margin: 24px 0;
padding: 16px 18px;
background: #eff6ff;
border-radius: 12px;
border: 1px solid #bfdbfe;
}
#cfp-post-rewrite-136 .cfp-tools-compact-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px 16px;
margin: 12px 0;
}
#cfp-post-rewrite-136 .cfp-tool-compact {
display: block;
text-decoration: none;
color: inherit;
font-size: 0.88rem;
}
#cfp-post-rewrite-136 .cfp-tool-compact span {
color: #64748b;
}
#cfp-post-rewrite-136 .cfp-tools-inline {
margin: 20px 0;
padding: 12px 16px;
background: #f1f5f9;
border-radius: 10px;
font-size: 0.9rem;
line-height: 1.6;
}
#cfp-post-rewrite-136 .cfp-tools-inline a {
color: #2563eb;
font-weight: 600;
}
#cfp-post-rewrite-136 .cfp-resource-block {
margin: 24px 0;
}
@media (max-width: 640px) {
#cfp-post-rewrite-136 .cfp-template-spotlight {
grid-template-columns: 1fr;
}
#cfp-post-rewrite-136 .cfp-tools-compact-list {
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
#cfp-post-rewrite-136 .cfp-stat-row, #cfp-post-rewrite-136 .cfp-steps, #cfp-post-rewrite-136 .cfp-pros-cons {
grid-template-columns: 1fr;
}
#cfp-post-rewrite-136 figure.cfp-img-left, #cfp-post-rewrite-136 figure.cfp-img-right {
float: none;
max-width: 100%;
margin: 0 0 20px;
}
#cfp-post-rewrite-136 p { text-align: left; hyphens: none; }
}
#cfp-post-rewrite-136 .cfp-chart-card {
background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 22px 24px 18px;
margin: 28px 0 32px;
box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06);
animation: cfp-chart-enter 0.7s ease-out both;
}
@keyframes cfp-chart-enter {
from { opacity: 0; transform: translateY(12px); }
to { opacity: 1; transform: translateY(0); }
}
#cfp-post-rewrite-136 .cfp-chart-header h3 { margin: 0 0 6px; font-size: 1.15rem; color: #0f172a; }
#cfp-post-rewrite-136 .cfp-chart-header p { margin: 0 0 16px; font-size: 0.92rem; color: #64748b; }
#cfp-post-rewrite-136 .cfp-chart-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
#cfp-post-rewrite-136 .cfp-chart-tab-link {
border: 1px solid #cbd5e1; background: #fff; color: #334155;
padding: 8px 14px; border-radius: 999px; font-size: 0.85rem; font-weight: 600;
text-decoration: none; display: inline-block;
transition: background 0.2s, transform 0.15s;
}
#cfp-post-rewrite-136 .cfp-chart-tab-link:hover { border-color: #94a3b8; transform: translateY(-1px); color: #334155; }
#cfp-post-rewrite-136 .cfp-chart-theme-emerald .cfp-chart-tab-link.is-active { background: #059669; color: #fff !important; border-color: transparent; }
#cfp-post-rewrite-136 .cfp-chart-theme-sapphire .cfp-chart-tab-link.is-active { background: #2563eb; color: #fff !important; border-color: transparent; }
#cfp-post-rewrite-136 .cfp-chart-theme-violet .cfp-chart-tab-link.is-active { background: #7c3aed; color: #fff !important; border-color: transparent; }
#cfp-post-rewrite-136 .cfp-chart-theme-amber .cfp-chart-tab-link.is-active { background: #d97706; color: #fff !important; border-color: transparent; }
#cfp-post-rewrite-136 .cfp-chart-theme-teal .cfp-chart-tab-link.is-active { background: #0d9488; color: #fff !important; border-color: transparent; }
#cfp-post-rewrite-136 .cfp-chart-theme-crimson .cfp-chart-tab-link.is-active { background: #be123c; color: #fff !important; border-color: transparent; }
#cfp-post-rewrite-136 .cfp-chart-theme-steel .cfp-chart-tab-link.is-active { background: #475569; color: #fff !important; border-color: transparent; }
#cfp-post-rewrite-136 .cfp-chart-panels .cfp-chart-panel { display: none; animation: cfp-panel-in 0.45s ease-out; }
#cfp-post-rewrite-136 .cfp-chart-panels .cfp-chart-panel:target { display: block; }
#cfp-post-rewrite-136 .cfp-chart-panels:not(:has(.cfp-chart-panel:target)) .cfp-chart-panel:first-child { display: block; }
#cfp-post-rewrite-136 .cfp-chart-panels:has(.cfp-chart-panel:target) .cfp-chart-panel:first-child:not(:target) { display: none; }
#cfp-post-rewrite-136 .cfp-chart-single .cfp-chart-panel { display: block !important; }
@keyframes cfp-panel-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
#cfp-post-rewrite-136 .cfp-chart-body { min-height: 180px; }
#cfp-post-rewrite-136 .cfp-chart-footnote { margin: 12px 0 0; font-size: 0.82rem; color: #64748b; line-height: 1.5; }
/* , , Visual: column (vertical bars) , , */
#cfp-post-rewrite-136 .cfp-col-chart {
display: flex; align-items: flex-end; justify-content: space-around; gap: 10px;
min-height: 220px; padding: 12px 8px 0; border-bottom: 2px solid #e2e8f0;
background: linear-gradient(180deg, transparent 24%, var(–chart-grid, #f1f5f9) 24%, var(–chart-grid, #f1f5f9) 25%, transparent 25%);
background-size: 100% 25%;
}
#cfp-post-rewrite-136 .cfp-col {
flex: 1; max-width: 72px; display: flex; flex-direction: column; align-items: center; gap: 8px;
}
#cfp-post-rewrite-136 .cfp-col-bar {
width: 100%; max-width: 52px; height: 0; border-radius: 10px 10px 4px 4px;
background: linear-gradient(180deg, var(–bar-light), var(–bar-color));
animation: cfp-col-grow 1s ease-out forwards; animation-delay: var(–delay, 0s);
box-shadow: 0 4px 12px rgba(0,0,0,.08);
}
@keyframes cfp-col-grow { from { height: 0; } to { height: var(–col-h); } }
#cfp-post-rewrite-136 .cfp-col-val { font-weight: 800; font-size: 0.9rem; color: #0f172a; }
#cfp-post-rewrite-136 .cfp-col-lab {
font-size: 0.72rem; color: #64748b; text-align: center; line-height: 1.25; max-width: 76px;
}
/* , , Visual: step-ladder , , */
#cfp-post-rewrite-136 .cfp-ladder {
display: flex; align-items: flex-end; gap: 12px; min-height: 200px; padding: 16px 8px 0;
}
#cfp-post-rewrite-136 .cfp-ladder-step {
flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end;
min-height: var(–step-h); background: linear-gradient(180deg, var(–step-light), var(–step-color));
border-radius: 12px 12px 4px 4px; padding: 12px 8px; position: relative;
animation: cfp-ladder-rise 0.85s ease-out forwards; animation-delay: var(–delay, 0s);
box-shadow: 0 6px 16px rgba(37, 99, 235, 0.15);
}
@keyframes cfp-ladder-rise { from { min-height: 40px; opacity: 0.5; } to { min-height: var(–step-h); opacity: 1; } }
#cfp-post-rewrite-136 .cfp-ladder-num {
position: absolute; top: 8px; left: 10px; width: 26px; height: 26px; border-radius: 50%;
background: #fff; color: var(–step-color); font-weight: 800; font-size: 0.8rem;
display: flex; align-items: center; justify-content: center;
}
#cfp-post-rewrite-136 .cfp-ladder-val { font-size: 1.4rem; font-weight: 800; color: #fff; margin-bottom: 4px; }
#cfp-post-rewrite-136 .cfp-ladder-lab { font-size: 0.75rem; color: rgba(255,255,255,.92); text-align: center; line-height: 1.3; }
/* , , Visual: size-tiles , , */
#cfp-post-rewrite-136 .cfp-size-grid {
display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center; gap: 16px; padding: 12px 0;
}
#cfp-post-rewrite-136 .cfp-size-tile {
–tile-w: calc(72px * var(–tile-scale));
–tile-h: calc(96px * var(–tile-scale));
width: var(–tile-w); min-height: var(–tile-h);
background: linear-gradient(145deg, var(–tile-light), #fff);
border: 2px solid var(–tile-color); border-radius: 8px;
display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
box-shadow: 0 8px 20px rgba(124, 58, 237, 0.12);
animation: cfp-tile-pop 0.6s ease-out both; animation-delay: var(–delay, 0s);
}
@keyframes cfp-tile-pop { from { transform: scale(0.85); opacity: 0; } to { transform: scale(1); opacity: 1; } }
#cfp-post-rewrite-136 .cfp-size-dim { font-weight: 700; font-size: 0.95rem; color: var(–tile-color); }
#cfp-post-rewrite-136 .cfp-size-idx {
font-size: 1.25rem; font-weight: 800; color: #0f172a;
background: #fff; padding: 4px 10px; border-radius: 999px; border: 1px solid #e2e8f0;
}
/* , , Visual: donut , , */
#cfp-post-rewrite-136 .cfp-donut-layout { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 28px; padding: 8px 0; }
#cfp-post-rewrite-136 .cfp-donut-ring {
width: 180px; height: 180px; border-radius: 50%;
background: var(–donut-gradient);
display: flex; align-items: center; justify-content: center;
animation: cfp-donut-spin-in 1s ease-out;
box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
}
@keyframes cfp-donut-spin-in { from { transform: scale(0.88); opacity: 0; } to { transform: scale(1); opacity: 1; } }
#cfp-post-rewrite-136 .cfp-donut-hole {
width: 100px; height: 100px; border-radius: 50%; background: #fff;
display: flex; align-items: center; justify-content: center; flex-direction: column;
font-size: 0.75rem; color: #64748b; text-align: center; line-height: 1.3;
}
#cfp-post-rewrite-136 .cfp-donut-hole strong { font-size: 1.1rem; color: #0f172a; display: block; }
#cfp-post-rewrite-136 .cfp-donut-legend { list-style: none; margin: 0; padding: 0; }
#cfp-post-rewrite-136 .cfp-donut-legend li {
display: flex; align-items: center; gap: 10px; margin: 10px 0; font-size: 0.88rem; color: #475569;
}
#cfp-post-rewrite-136 .cfp-donut-swatch { width: 14px; height: 14px; border-radius: 4px; flex-shrink: 0; }
#cfp-post-rewrite-136 .cfp-donut-legend b { color: #0f172a; margin-left: auto; padding-left: 12px; }
/* , , Visual: line-area , , */
#cfp-post-rewrite-136 .cfp-line-wrap { position: relative; max-width: 520px; margin: 0 auto; }
#cfp-post-rewrite-136 .cfp-line-svg { width: 100%; height: auto; display: block; }
#cfp-post-rewrite-136 .cfp-line-svg polyline { fill: none; stroke-width: 3; stroke-linecap: round; }
#cfp-post-rewrite-136 .cfp-line-safe { fill: var(–line-muted); opacity: 0.35; }
#cfp-post-rewrite-136 .cfp-line-area { opacity: 0.25; }
#cfp-post-rewrite-136 .cfp-line-labels { display: flex; justify-content: space-between; font-size: 0.75rem; color: #64748b; margin-top: 6px; padding: 0 28px; }
/* , , Visual: hbar (fallback) , , */
#cfp-post-rewrite-136 .cfp-vbar-row {
display: grid; grid-template-columns: minmax(90px, 28%) 1fr 42px;
align-items: center; gap: 10px; margin: 10px 0; font-size: 0.88rem;
}
#cfp-post-rewrite-136 .cfp-vbar-label { color: #475569; }
#cfp-post-rewrite-136 .cfp-vbar-val { font-weight: 700; color: #0f172a; text-align: right; }
#cfp-post-rewrite-136 .cfp-vbar-track { height: 12px; background: #e2e8f0; border-radius: 8px; overflow: hidden; }
#cfp-post-rewrite-136 .cfp-vbar-track i {
display: block; height: 100%; width: 0; border-radius: 8px;
background: linear-gradient(90deg, var(–bar-color), var(–bar-light));
animation: cfp-vbar-grow 0.9s ease-out forwards; animation-delay: var(–delay, 0s);
}
@keyframes cfp-vbar-grow { from { width: 0; } to { width: var(–pct); } }
/* , , Visual: icon-cards , , */
#cfp-post-rewrite-136 .cfp-icon-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 14px; }
#cfp-post-rewrite-136 .cfp-icon-card {
border: 1px solid #e2e8f0; border-radius: 14px; padding: 16px; text-align: center;
background: #fff; animation: cfp-tile-pop 0.5s ease-out both; animation-delay: var(–delay, 0s);
}
#cfp-post-rewrite-136 .cfp-icon-card .cfp-ic { font-size: 1.6rem; margin-bottom: 8px; }
#cfp-post-rewrite-136 .cfp-icon-card .cfp-ic-val { font-size: 1.5rem; font-weight: 800; color: var(–bar-color); }
#cfp-post-rewrite-136 .cfp-icon-card .cfp-ic-lab { font-size: 0.8rem; color: #64748b; margin-top: 4px; }
#cfp-post-rewrite-136 .cfp-icon-card .cfp-ic-meter { height: 8px; background: #e2e8f0; border-radius: 6px; margin-top: 10px; overflow: hidden; }
#cfp-post-rewrite-136 .cfp-icon-card .cfp-ic-meter i { display: block; height: 100%; background: var(–bar-color); width: var(–pct); }
/* , , Visual: timeline , , */
#cfp-post-rewrite-136 .cfp-timeline {
display: flex; flex-wrap: wrap; gap: 0; justify-content: space-between;
position: relative; padding: 24px 0 8px; margin: 8px 0;
}
#cfp-post-rewrite-136 .cfp-timeline::before {
content: “”; position: absolute; top: 38px; left: 8%; right: 8%; height: 4px;
background: linear-gradient(90deg, var(–tl-color), var(–tl-light)); border-radius: 4px;
}
#cfp-post-rewrite-136 .cfp-timeline-step {
flex: 1; min-width: 100px; max-width: 140px; text-align: center; position: relative; z-index: 1;
animation: cfp-tile-pop 0.55s ease-out both; animation-delay: var(–delay, 0s);
}
#cfp-post-rewrite-136 .cfp-timeline-num {
width: 44px; height: 44px; margin: 0 auto 10px; border-radius: 50%;
background: var(–tl-color); color: #fff; font-weight: 800; font-size: 1.1rem;
display: flex; align-items: center; justify-content: center;
box-shadow: 0 4px 12px rgba(0,0,0,.12);
}
#cfp-post-rewrite-136 .cfp-timeline-lab { font-size: 0.78rem; color: #475569; line-height: 1.35; display: block; }
/* , , Visual: stacked-bar , , */
#cfp-post-rewrite-136 .cfp-stack-chart { padding: 12px 0; }
#cfp-post-rewrite-136 .cfp-stack-bar {
display: flex; height: 36px; border-radius: 10px; overflow: hidden;
box-shadow: 0 4px 14px rgba(0,0,0,.06);
}
#cfp-post-rewrite-136 .cfp-stack-seg {
flex: var(–seg-flex); background: var(–seg-color); min-width: 4px;
animation: cfp-vbar-grow 0.8s ease-out forwards; animation-delay: var(–delay, 0s);
}
#cfp-post-rewrite-136 .cfp-stack-legend { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; margin-top: 16px; }
#cfp-post-rewrite-136 .cfp-stack-legend-item { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; color: #475569; }
#cfp-post-rewrite-136 .cfp-stack-swatch { width: 12px; height: 12px; border-radius: 3px; flex-shrink: 0; }
#cfp-post-rewrite-136 .cfp-stack-legend-item b { margin-left: auto; color: #0f172a; }
/* , , Visual: dark-animated-hbar (EDDM product page style) , , */
@keyframes cfp-bar-grow {
from { width: 0; }
to { width: var(–bar-w, 50%); }
}
#cfp-post-rewrite-136 .cfp-dark-bars-chart {
width: 100%; background: linear-gradient(145deg, #141414 0%, #1f1f1f 100%);
color: #fff; padding: 24px 28px; border-radius: 14px;
box-shadow: 0 18px 48px rgba(0,0,0,.28); border: 1px solid rgba(255,255,255,.06);
}
#cfp-post-rewrite-136 .cfp-dark-bar-label { width: 140px; text-align: right; padding-right: 14px; font-size: 0.88rem; font-weight: 700; vertical-align: middle; }
#cfp-post-rewrite-136 .cfp-dark-bar-track { background: rgba(255,255,255,.1); height: 26px; border-radius: 13px; overflow: hidden; }
#cfp-post-rewrite-136 .cfp-animate-bar {
height: 100%; width: 0; border-radius: 13px; display: flex; align-items: center; justify-content: flex-end;
padding-right: 10px; font-size: 0.78rem; font-weight: 800; color: #fff;
animation: cfp-bar-grow 1.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
animation-timeline: view();
animation-range: entry 0% cover 28%;
}
@supports not (animation-timeline: view()) {
#cfp-post-rewrite-136 .cfp-animate-bar {
animation: none;
transition: width 1.5s cubic-bezier(0.22, 1, 0.36, 1);
}
#cfp-post-rewrite-136 .cfp-animate-bar.cfp-bar-live { width: var(–bar-w, 50%); }
}
@media (prefers-reduced-motion: reduce) {
#cfp-post-rewrite-136 .cfp-animate-bar {
animation: none;
width: var(–bar-w, 50%);
}
}
#cfp-post-rewrite-136 .cfp-dark-bar-highlight .cfp-animate-bar { background: #2ecc71; box-shadow: 0 0 14px rgba(46,204,113,.45); }
#cfp-post-rewrite-136 .cfp-dark-bar-default .cfp-animate-bar { background: linear-gradient(90deg, #4b5563, #6b7280); }
/* , , Visual: pill-row , , */
#cfp-post-rewrite-136 .cfp-pill-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; padding: 8px 0; }
#cfp-post-rewrite-136 .cfp-pill {
display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 999px;
background: #fff; border: 1px solid #e2e8f0; font-size: 0.85rem; color: #475569;
box-shadow: 0 4px 12px rgba(15,23,42,.05);
}
#cfp-post-rewrite-136 .cfp-pill b { color: var(–bar-color); font-size: 1rem; }
/* , , Visual: gauge , , */
#cfp-post-rewrite-136 .cfp-gauge-wrap { text-align: center; padding: 12px 0 4px; }
#cfp-post-rewrite-136 .cfp-gauge {
–gauge-pct: 0; width: 200px; height: 100px; margin: 0 auto; position: relative; overflow: hidden;
}
#cfp-post-rewrite-136 .cfp-gauge::before {
content: “”; position: absolute; inset: 0; border-radius: 200px 200px 0 0;
background: conic-gradient(from 180deg at 50% 100%, var(–bar-color) calc(var(–gauge-pct) * 1%), #e2e8f0 0);
}
#cfp-post-rewrite-136 .cfp-gauge-hole {
position: absolute; left: 20px; right: 20px; bottom: 0; height: 80px; background: #fff; border-radius: 160px 160px 0 0;
display: flex; align-items: flex-end; justify-content: center; padding-bottom: 10px; font-weight: 800; color: #0f172a;
}
#cfp-post-rewrite-136 .cfp-gauge.cfp-gauge-live::before { transition: background 1.2s ease-out; }
/* , , Visual: heatmap , , */
#cfp-post-rewrite-136 .cfp-heatmap { display: grid; gap: 6px; }
#cfp-post-rewrite-136 .cfp-heat-cell {
border-radius: 8px; padding: 14px 8px; text-align: center; font-size: 0.78rem; font-weight: 700; color: #0f172a;
min-height: 52px; display: flex; flex-direction: column; justify-content: center; gap: 4px;
}
/* , , Visual: waterfall , , */
#cfp-post-rewrite-136 .cfp-waterfall { display: flex; align-items: flex-end; gap: 10px; min-height: 200px; padding-top: 12px; }
#cfp-post-rewrite-136 .cfp-waterfall-col { flex: 1; text-align: center; }
#cfp-post-rewrite-136 .cfp-waterfall-bar {
margin: 0 auto; width: 70%; border-radius: 8px 8px 4px 4px; background: linear-gradient(180deg, var(–bar-light), var(–bar-color));
animation: cfp-col-grow 0.9s ease-out forwards;
}
/* , , Visual: comparison-columns , , */
#cfp-post-rewrite-136 .cfp-compare-group { display: flex; gap: 6px; align-items: flex-end; justify-content: center; height: 160px; }
#cfp-post-rewrite-136 .cfp-compare-bar { width: 22px; border-radius: 6px 6px 2px 2px; background: var(–bar-color); }
#cfp-post-rewrite-136 .cfp-compare-bar.alt { background: var(–bar-light); opacity: 0.85; }
/* , , Visual: meter-grid , , */
#cfp-post-rewrite-136 .cfp-meter-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
#cfp-post-rewrite-136 .cfp-meter-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 14px; }
#cfp-post-rewrite-136 .cfp-meter-track { height: 10px; background: #e2e8f0; border-radius: 6px; overflow: hidden; margin-top: 8px; }
#cfp-post-rewrite-136 .cfp-meter-fill { height: 100%; width: 0; background: var(–bar-color); border-radius: 6px; transition: width 1.2s cubic-bezier(0.22,1,0.36,1); }
/* , , Visual: pyramid , , */
#cfp-post-rewrite-136 .cfp-pyramid { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 8px 0; }
#cfp-post-rewrite-136 .cfp-pyramid-tier {
text-align: center; color: #fff; font-weight: 700; font-size: 0.82rem; padding: 12px 8px; border-radius: 8px;
background: linear-gradient(90deg, var(–bar-color), var(–bar-light)); box-shadow: 0 6px 16px rgba(0,0,0,.08);
}
/* , , Visual: bubble , , */
#cfp-post-rewrite-136 .cfp-bubble-wrap { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; align-items: center; padding: 12px 0; }
#cfp-post-rewrite-136 .cfp-bubble {
border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center;
background: radial-gradient(circle at 30% 30%, var(–bar-light), var(–bar-color)); color: #fff; font-weight: 800;
box-shadow: 0 10px 24px rgba(0,0,0,.12); text-align: center; padding: 8px;
}
#cfp-post-rewrite-136 .cfp-bubble span { font-size: 0.68rem; font-weight: 600; opacity: 0.92; margin-top: 4px; }
/* , , Visual: range-bar , , */
#cfp-post-rewrite-136 .cfp-range-row { margin: 12px 0; }
#cfp-post-rewrite-136 .cfp-range-track { position: relative; height: 14px; background: #e2e8f0; border-radius: 8px; margin-top: 6px; }
#cfp-post-rewrite-136 .cfp-range-band {
position: absolute; top: 0; height: 100%; border-radius: 8px;
background: linear-gradient(90deg, var(–bar-light), var(–bar-color));
}
#cfp-post-rewrite-136 .cfp-range-dot {
position: absolute; top: 50%; width: 12px; height: 12px; border-radius: 50%; background: #0f172a;
transform: translate(-50%, -50%); border: 2px solid #fff;
}
/* , , Visual: dot-plot , , */
#cfp-post-rewrite-136 .cfp-dotplot { position: relative; height: 120px; border-bottom: 2px solid #e2e8f0; margin: 16px 8px 32px; }
#cfp-post-rewrite-136 .cfp-dot {
position: absolute; width: 14px; height: 14px; border-radius: 50%; background: var(–bar-color);
transform: translate(-50%, 50%); box-shadow: 0 0 0 4px rgba(5,150,105,.15);
}
#cfp-post-rewrite-136 .cfp-dotplot-labels { display: flex; justify-content: space-between; font-size: 0.75rem; color: #64748b; }
/* , , Visual: swatch-strip , , */
#cfp-post-rewrite-136 .cfp-swatch-strip { display: flex; flex-wrap: wrap; gap: 10px; }
#cfp-post-rewrite-136 .cfp-swatch {
flex: 1 1 120px; border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0; background: #fff;
box-shadow: 0 6px 16px rgba(15,23,42,.06);
}
#cfp-post-rewrite-136 .cfp-swatch-color { height: 48px; }
#cfp-post-rewrite-136 .cfp-swatch-meta { padding: 10px 12px; font-size: 0.82rem; color: #475569; }
#cfp-post-rewrite-136 .cfp-swatch-meta b { display: block; color: #0f172a; font-size: 1rem; }
/* , , Visual: radar (simplified SVG) , , */
#cfp-post-rewrite-136 .cfp-radar-svg { width: 100%; max-width: 320px; margin: 0 auto; display: block; }
/* , , Visual: map-bars , , */
#cfp-post-rewrite-136 .cfp-map-bars {
background: linear-gradient(180deg, #ecfdf5 0%, #f8fafc 100%); border-radius: 14px; padding: 18px;
border: 1px solid #a7f3d0;
}
#cfp-post-rewrite-136 .cfp-map-bar-row { display: grid; grid-template-columns: 90px 1fr 40px; gap: 10px; align-items: center; margin: 8px 0; font-size: 0.85rem; }
/* — Template preview carousel — */
#cfp-post-rewrite-136 .cfp-template-showcase {
margin: 32px 0;
padding: 24px 22px 20px;
border-radius: 20px;
background: linear-gradient(145deg, #faf5ff 0%, #f0f9ff 48%, #ecfdf5 100%);
border: 1px solid rgba(139, 92, 246, 0.18);
box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}
#cfp-post-rewrite-136 .cfp-ts-eyebrow, #cfp-post-rewrite-136 .cfp-tools-eyebrow {
display: inline-block;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #7c3aed;
margin-bottom: 6px;
}
#cfp-post-rewrite-136 .cfp-ts-title, #cfp-post-rewrite-136 .cfp-tools-title {
margin: 0 0 8px;
font-size: 1.35rem;
line-height: 1.25;
color: #0f172a;
}
#cfp-post-rewrite-136 .cfp-ts-sub, #cfp-post-rewrite-136 .cfp-tools-sub {
margin: 0 0 18px;
font-size: 0.95rem;
color: #475569;
max-width: 52rem;
}
#cfp-post-rewrite-136 .cfp-ts-stage {
display: grid;
grid-template-columns: auto 1fr auto;
gap: 10px;
align-items: stretch;
margin-bottom: 16px;
}
#cfp-post-rewrite-136 .cfp-ts-nav {
align-self: center;
width: 42px;
height: 42px;
border: 0;
border-radius: 999px;
background: rgba(255,255,255,0.9);
color: #4c1d95;
font-size: 1.25rem;
cursor: pointer;
box-shadow: 0 4px 14px rgba(76, 29, 149, 0.15);
transition: transform 0.2s ease, background 0.2s ease;
}
#cfp-post-rewrite-136 .cfp-ts-nav:hover {
transform: scale(1.06);
background: #fff;
}
#cfp-post-rewrite-136 .cfp-ts-preview-card {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 16px;
padding: 16px;
border-radius: 16px;
background: rgba(255,255,255,0.88);
border: 1px solid rgba(148, 163, 184, 0.35);
min-height: 220px;
}
#cfp-post-rewrite-136 .cfp-ts-preview-visual {
position: relative;
border-radius: 12px;
background: linear-gradient(160deg, #f5f3ff, #ecfeff);
border: 1px solid rgba(139, 92, 246, 0.12);
display: flex;
align-items: center;
justify-content: center;
padding: 14px;
overflow: hidden;
}
#cfp-post-rewrite-136 .cfp-ts-preview-img {
max-width: 100%;
max-height: 200px;
object-fit: contain;
filter: drop-shadow(0 10px 18px rgba(15, 23, 42, 0.12));
transition: transform 0.35s ease;
}
#cfp-post-rewrite-136 .cfp-template-showcase:hover .cfp-ts-preview-img {
transform: scale(1.02);
}
#cfp-post-rewrite-136 .cfp-ts-preview-glow {
position: absolute;
inset: auto 10% 8%;
height: 20px;
background: radial-gradient(ellipse, rgba(139,92,246,0.25), transparent 70%);
pointer-events: none;
}
#cfp-post-rewrite-136 .cfp-ts-preview-copy {
display: flex;
flex-direction: column;
justify-content: center;
gap: 8px;
}
#cfp-post-rewrite-136 .cfp-ts-size-badge {
display: inline-block;
width: fit-content;
padding: 4px 10px;
border-radius: 999px;
background: #ede9fe;
color: #5b21b6;
font-size: 0.78rem;
font-weight: 700;
}
#cfp-post-rewrite-136 .cfp-ts-preview-title {
font-size: 1.1rem;
color: #0f172a;
}
#cfp-post-rewrite-136 .cfp-ts-preview-blurb {
margin: 0;
font-size: 0.9rem;
color: #64748b;
line-height: 1.5;
}
#cfp-post-rewrite-136 .cfp-ts-download-btn {
display: inline-flex;
align-items: center;
gap: 8px;
width: fit-content;
margin-top: 6px;
padding: 11px 18px;
border-radius: 10px;
background: linear-gradient(135deg, #7c3aed, #2563eb);
color: #fff !important;
font-weight: 700;
text-decoration: none;
box-shadow: 0 8px 20px rgba(37, 99, 235, 0.28);
}
#cfp-post-rewrite-136 .cfp-ts-hub-link {
font-size: 0.85rem;
color: #2563eb !important;
font-weight: 600;
}
#cfp-post-rewrite-136 .cfp-ts-track-wrap {
overflow: hidden;
margin: 0 -4px;
}
#cfp-post-rewrite-136 .cfp-ts-track {
display: flex;
gap: 10px;
overflow-x: auto;
scroll-snap-type: x mandatory;
padding: 4px 4px 10px;
scrollbar-width: thin;
}
#cfp-post-rewrite-136 .cfp-ts-thumb {
flex: 0 0 118px;
scroll-snap-align: start;
border: 2px solid transparent;
border-radius: 14px;
background: rgba(255,255,255,0.92);
padding: 8px;
cursor: pointer;
text-align: center;
transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
}
#cfp-post-rewrite-136 .cfp-ts-thumb:hover {
transform: translateY(-3px);
box-shadow: 0 8px 16px rgba(15, 23, 42, 0.08);
}
#cfp-post-rewrite-136 .cfp-ts-thumb.is-active {
border-color: #7c3aed;
box-shadow: 0 10px 22px rgba(124, 58, 237, 0.18);
}
#cfp-post-rewrite-136 .cfp-ts-thumb-img-wrap {
display: flex;
align-items: center;
justify-content: center;
height: 72px;
border-radius: 10px;
background: #f8fafc;
overflow: hidden;
margin-bottom: 6px;
}
#cfp-post-rewrite-136 .cfp-ts-thumb img {
max-width: 100%;
max-height: 68px;
object-fit: contain;
}
#cfp-post-rewrite-136 .cfp-ts-thumb-fallback .cfp-ts-thumb-img-wrap {
background: linear-gradient(135deg, #ede9fe, #dbeafe);
}
#cfp-post-rewrite-136 .cfp-ts-thumb-size {
display: block;
font-size: 0.72rem;
font-weight: 700;
color: #7c3aed;
}
#cfp-post-rewrite-136 .cfp-ts-thumb-label {
display: block;
font-size: 0.72rem;
color: #475569;
line-height: 1.25;
}
#cfp-post-rewrite-136 .cfp-ts-progress {
height: 4px;
background: rgba(148, 163, 184, 0.35);
border-radius: 999px;
overflow: hidden;
margin: 4px 0 12px;
}
#cfp-post-rewrite-136 .cfp-ts-progress-bar {
display: block;
height: 100%;
background: linear-gradient(90deg, #7c3aed, #2563eb);
border-radius: inherit;
transition: width 0.35s ease;
}
#cfp-post-rewrite-136 .cfp-ts-foot {
margin: 0;
font-size: 0.88rem;
text-align: center;
}
#cfp-post-rewrite-136 .cfp-ts-foot a {
color: #2563eb !important;
font-weight: 600;
}
/* — Free tools tile grid — */
#cfp-post-rewrite-136 .cfp-tools-showcase {
margin: 28px 0 32px;
padding: 22px 20px;
border-radius: 18px;
background: linear-gradient(160deg, #eff6ff 0%, #f8fafc 100%);
border: 1px solid #93c5fd;
}
#cfp-post-rewrite-136 .cfp-tools-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin-bottom: 16px;
}
#cfp-post-rewrite-136 .cfp-tool-tile {
display: grid;
grid-template-columns: auto 1fr auto;
gap: 10px;
align-items: center;
padding: 14px 14px;
border-radius: 14px;
background: #fff;
border: 1px solid #e2e8f0;
text-decoration: none !important;
color: inherit !important;
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
#cfp-post-rewrite-136 .cfp-tool-tile:hover {
transform: translateY(-2px);
border-color: #60a5fa;
box-shadow: 0 10px 24px rgba(37, 99, 235, 0.12);
}
#cfp-post-rewrite-136 .cfp-tool-icon {
display: flex;
align-items: center;
justify-content: center;
min-width: 44px;
height: 44px;
border-radius: 12px;
background: linear-gradient(135deg, #dbeafe, #ede9fe);
color: #1d4ed8;
font-size: 0.62rem;
font-weight: 800;
letter-spacing: 0.02em;
}
#cfp-post-rewrite-136 .cfp-tool-body strong {
display: block;
font-size: 0.9rem;
color: #0f172a;
margin-bottom: 2px;
}
#cfp-post-rewrite-136 .cfp-tool-body span {
display: block;
font-size: 0.78rem;
color: #64748b;
line-height: 1.35;
}
#cfp-post-rewrite-136 .cfp-tool-arrow {
color: #94a3b8;
font-size: 1.1rem;
transition: transform 0.2s ease, color 0.2s ease;
}
#cfp-post-rewrite-136 .cfp-tool-tile:hover .cfp-tool-arrow {
color: #2563eb;
transform: translateX(3px);
}
#cfp-post-rewrite-136 .cfp-tools-footer {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
#cfp-post-rewrite-136 .cfp-tools-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 11px 18px;
border-radius: 10px;
font-weight: 700;
text-decoration: none !important;
}
#cfp-post-rewrite-136 .cfp-tools-btn-primary {
background: #2563eb;
color: #fff !important;
}
#cfp-post-rewrite-136 .cfp-tools-btn-ghost {
background: #fff;
color: #1d4ed8 !important;
border: 1px solid #93c5fd;
}
@media (max-width: 768px) {
#cfp-post-rewrite-136 .cfp-ts-preview-card {
grid-template-columns: 1fr;
}
#cfp-post-rewrite-136 .cfp-ts-stage {
grid-template-columns: 1fr;
}
#cfp-post-rewrite-136 .cfp-ts-nav {
display: none;
}
#cfp-post-rewrite-136 .cfp-tools-grid {
grid-template-columns: 1fr;
}
}
@keyframes cfp-odt-shimmer {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
@keyframes cfp-odt-float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-6px); }
}
@keyframes cfp-odt-step-in {
from { opacity: 0; transform: translateY(12px); }
to { opacity: 1; transform: translateY(0); }
}
#cfp-post-rewrite-136 .cfp-odt-showcase {
margin: 36px 0;
padding: 26px 22px 22px;
border-radius: 22px;
background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 45%, #0f172a 100%);
border: 1px solid rgba(99, 102, 241, 0.35);
box-shadow: 0 24px 60px rgba(15, 23, 42, 0.35);
color: #e2e8f0;
position: relative;
overflow: hidden;
}
#cfp-post-rewrite-136 .cfp-odt-showcase::before {
content: “”;
position: absolute;
inset: -2px;
border-radius: inherit;
padding: 2px;
background: linear-gradient(120deg, #6366f1, #22d3ee, #a855f7, #6366f1);
background-size: 300% 300%;
animation: cfp-odt-shimmer 8s ease infinite;
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
opacity: 0.55;
}
#cfp-post-rewrite-136 .cfp-odt-showcase.cfp-odt-pulse .cfp-odt-preview-shell {
animation: cfp-odt-float 0.42s ease;
}
#cfp-post-rewrite-136 .cfp-odt-eyebrow {
display: inline-block;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #a5b4fc;
margin-bottom: 6px;
}
#cfp-post-rewrite-136 .cfp-odt-title {
margin: 0 0 8px;
font-size: 1.45rem;
line-height: 1.25;
color: #f8fafc;
}
#cfp-post-rewrite-136 .cfp-odt-sub {
margin: 0 0 18px;
font-size: 0.95rem;
color: #cbd5e1;
max-width: 52rem;
}
#cfp-post-rewrite-136 .cfp-odt-tabs-wrap {
overflow: hidden;
margin-bottom: 12px;
}
#cfp-post-rewrite-136 .cfp-odt-tabs-track {
display: flex;
gap: 8px;
overflow-x: auto;
padding-bottom: 6px;
scroll-behavior: smooth;
}
#cfp-post-rewrite-136 .cfp-odt-tab {
flex: 0 0 auto;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
padding: 10px 14px;
border-radius: 12px;
border: 1px solid rgba(148, 163, 184, 0.25);
background: rgba(255,255,255,0.04);
color: #e2e8f0;
cursor: pointer;
transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
#cfp-post-rewrite-136 .cfp-odt-tab:hover { transform: translateY(-2px); border-color: rgba(165, 180, 252, 0.5); }
#cfp-post-rewrite-136 .cfp-odt-tab.is-active {
background: linear-gradient(135deg, rgba(99,102,241,0.35), rgba(34,211,238,0.15));
border-color: #818cf8;
box-shadow: 0 8px 24px rgba(99, 102, 241, 0.25);
}
#cfp-post-rewrite-136 .cfp-odt-tab-label { font-weight: 700; font-size: 0.88rem; }
#cfp-post-rewrite-136 .cfp-odt-tab-cat { font-size: 0.72rem; color: #94a3b8; }
#cfp-post-rewrite-136 .cfp-odt-chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 16px;
}
#cfp-post-rewrite-136 .cfp-odt-chip {
padding: 7px 14px;
border-radius: 999px;
border: 1px solid rgba(148,163,184,0.3);
background: rgba(15,23,42,0.6);
color: #cbd5e1;
font-size: 0.8rem;
font-weight: 600;
cursor: pointer;
transition: all 0.22s ease;
}
#cfp-post-rewrite-136 .cfp-odt-chip.is-active {
background: #6366f1;
border-color: #818cf8;
color: #fff;
box-shadow: 0 4px 16px rgba(99,102,241,0.4);
}
#cfp-post-rewrite-136 .cfp-odt-stage {
display: grid;
grid-template-columns: auto 1fr 1fr auto;
gap: 14px;
align-items: center;
margin-bottom: 14px;
}
#cfp-post-rewrite-136 .cfp-odt-nav {
width: 44px;
height: 44px;
border: 0;
border-radius: 999px;
background: rgba(255,255,255,0.1);
color: #e2e8f0;
font-size: 1.2rem;
cursor: pointer;
transition: transform 0.2s ease, background 0.2s ease;
}
#cfp-post-rewrite-136 .cfp-odt-nav:hover { transform: scale(1.08); background: rgba(255,255,255,0.18); }
#cfp-post-rewrite-136 .cfp-odt-preview-shell {
position: relative;
perspective: 900px;
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
}
#cfp-post-rewrite-136 .cfp-odt-card-3d {
position: relative;
width: min(100%, 280px);
aspect-ratio: 1.75 / 1;
transform-style: preserve-3d;
transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1);
}
#cfp-post-rewrite-136 .cfp-odt-showcase.cfp-odt-show-back .cfp-odt-card-3d {
transform: rotateY(180deg);
}
#cfp-post-rewrite-136 .cfp-odt-card-face {
position: absolute;
inset: 0;
backface-visibility: hidden;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 16px 40px rgba(0,0,0,0.45);
border: 1px solid rgba(255,255,255,0.12);
}
#cfp-post-rewrite-136 .cfp-odt-card-back { transform: rotateY(180deg); }
#cfp-post-rewrite-136 .cfp-odt-card-face img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
#cfp-post-rewrite-136 .cfp-odt-flip-btn {
position: absolute;
bottom: 8px;
right: 8px;
z-index: 2;
padding: 6px 12px;
border-radius: 999px;
border: 0;
background: rgba(15,23,42,0.85);
color: #e2e8f0;
font-size: 0.75rem;
font-weight: 700;
cursor: pointer;
}
#cfp-post-rewrite-136 .cfp-odt-glow {
position: absolute;
inset: 20% 10% -10%;
background: radial-gradient(ellipse, rgba(99,102,241,0.35), transparent 70%);
pointer-events: none;
}
#cfp-post-rewrite-136 .cfp-odt-copy {
display: flex;
flex-direction: column;
gap: 8px;
justify-content: center;
}
#cfp-post-rewrite-136 .cfp-odt-badge {
display: inline-block;
width: fit-content;
padding: 4px 10px;
border-radius: 999px;
background: rgba(34,211,238,0.15);
color: #67e8f9;
font-size: 0.75rem;
font-weight: 700;
}
#cfp-post-rewrite-136 .cfp-odt-preview-title { font-size: 1.15rem; color: #f8fafc; }
#cfp-post-rewrite-136 .cfp-odt-preview-sub { font-size: 0.82rem; color: #94a3b8; }
#cfp-post-rewrite-136 .cfp-odt-preview-blurb { margin: 0; font-size: 0.9rem; color: #cbd5e1; line-height: 1.5; }
#cfp-post-rewrite-136 .cfp-odt-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
#cfp-post-rewrite-136 .cfp-odt-btn-primary {
display: inline-flex;
align-items: center;
padding: 11px 18px;
border-radius: 10px;
background: linear-gradient(120deg, #6366f1, #8b5cf6);
color: #fff !important;
font-weight: 700;
text-decoration: none !important;
box-shadow: 0 8px 24px rgba(99,102,241,0.35);
transition: transform 0.2s ease;
}
#cfp-post-rewrite-136 .cfp-odt-btn-primary:hover { transform: translateY(-2px); }
#cfp-post-rewrite-136 .cfp-odt-btn-ghost {
display: inline-flex;
padding: 11px 16px;
border-radius: 10px;
border: 1px solid rgba(148,163,184,0.35);
color: #e2e8f0 !important;
font-weight: 600;
text-decoration: none !important;
}
#cfp-post-rewrite-136 .cfp-odt-progress {
height: 4px;
background: rgba(148,163,184,0.2);
border-radius: 999px;
overflow: hidden;
margin-bottom: 8px;
}
#cfp-post-rewrite-136 .cfp-odt-progress-bar {
display: block;
height: 100%;
background: linear-gradient(90deg, #6366f1, #22d3ee);
transition: width 0.4s ease;
}
#cfp-post-rewrite-136 .cfp-odt-autoplay-hint {
margin: 0;
font-size: 0.78rem;
color: #64748b;
text-align: center;
}
#cfp-post-rewrite-136 .cfp-odt-pipeline {
margin: 28px 0 0;
padding: 22px 18px;
border-radius: 16px;
background: rgba(255,255,255,0.04);
border: 1px solid rgba(148,163,184,0.15);
}
#cfp-post-rewrite-136 .cfp-odt-steps {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
margin-top: 14px;
}
#cfp-post-rewrite-136 .cfp-odt-step {
padding: 14px 12px;
border-radius: 12px;
background: rgba(15,23,42,0.5);
border: 1px solid rgba(99,102,241,0.2);
animation: cfp-odt-step-in 0.5s ease backwards;
animation-delay: calc(var(–cfp-step-i) * 0.12s);
}
#cfp-post-rewrite-136 .cfp-odt-step-num {
display: inline-flex;
width: 28px;
height: 28px;
align-items: center;
justify-content: center;
border-radius: 999px;
background: #6366f1;
color: #fff;
font-size: 0.8rem;
font-weight: 800;
margin-bottom: 8px;
}
#cfp-post-rewrite-136 .cfp-odt-step strong { display: block; font-size: 0.88rem; color: #f1f5f9; margin-bottom: 4px; }
#cfp-post-rewrite-136 .cfp-odt-step span { font-size: 0.78rem; color: #94a3b8; line-height: 1.35; }
#cfp-post-rewrite-136 .cfp-odt-before-after {
margin: 24px 0 0;
padding: 18px;
border-radius: 16px;
background: #f8fafc;
color: #0f172a;
}
#cfp-post-rewrite-136 .cfp-odt-ba-labels {
display: flex;
justify-content: space-between;
font-size: 0.78rem;
font-weight: 700;
color: #475569;
margin-bottom: 10px;
}
#cfp-post-rewrite-136 .cfp-odt-ba-frame {
position: relative;
border-radius: 14px;
overflow: hidden;
aspect-ratio: 16 / 9;
box-shadow: 0 12px 32px rgba(15,23,42,0.12);
}
#cfp-post-rewrite-136 .cfp-odt-ba-before, #cfp-post-rewrite-136 .cfp-odt-ba-after {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
#cfp-post-rewrite-136 .cfp-odt-ba-after-wrap {
position: absolute;
inset: 0;
overflow: hidden;
border-right: 3px solid #6366f1;
}
#cfp-post-rewrite-136 .cfp-odt-ba-after-wrap img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
#cfp-post-rewrite-136 .cfp-odt-ba-slider {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: ew-resize;
z-index: 3;
margin: 0;
}
#cfp-post-rewrite-136 .cfp-odt-ba-handle {
position: absolute;
top: 0;
bottom: 0;
left: 52%;
width: 4px;
background: #6366f1;
transform: translateX(-50%);
pointer-events: none;
z-index: 2;
box-shadow: 0 0 12px rgba(99,102,241,0.6);
}
#cfp-post-rewrite-136 .cfp-odt-ba-handle::after {
content: “â—€ â–¶”;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #6366f1;
color: #fff;
font-size: 0.65rem;
padding: 8px 6px;
border-radius: 999px;
white-space: nowrap;
letter-spacing: -2px;
}
@media (max-width: 900px) {
#cfp-post-rewrite-136 .cfp-odt-stage { grid-template-columns: 1fr; }
#cfp-post-rewrite-136 .cfp-odt-nav { display: none; }
#cfp-post-rewrite-136 .cfp-odt-steps { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
#cfp-post-rewrite-136 .cfp-odt-steps { grid-template-columns: 1fr; }
}
#cfp-post-rewrite-136.cfp-theme-1 .cfp-takeaway {
background: #eff6ff;
border-color: #93c5fd;
}
#cfp-post-rewrite-136.cfp-theme-1 .cfp-protip {
background: #eff6ff;
border: 1px solid #93c5fd;
}
#cfp-post-rewrite-136.cfp-theme-1 table:not(.cfp-chart-table) th {
background: #1e40af;
}
#cfp-post-rewrite-136.cfp-theme-1 .cfp-cta-card {
background: #eff6ff;
border-color: #93c5fd;
}
#cfp-post-rewrite-136.cfp-theme-1 .cfp-testimonial {
border-left-color: #1e40af;
}
#cfp-post-rewrite-136.cfp-theme-1 .cfp-stat-num {
color: #1e40af;
}
#cfp-post-rewrite-136.cfp-theme-1 .cfp-step-num {
background: #1e40af;
}
#cfp-post-rewrite-136.cfp-theme-1 .cfp-pullquote {
border-left-color: #1e40af;
background: #eff6ff;
}
cheapest double sided color copies cost planning on press
cheapest double sided color copies proof approval workflow
{“@context”: “https://schema.org”, “@type”: “FAQPage”, “mainEntity”: [{“@type”: “Question”, “name”: “What is the lowest duplex rate for a 120-page appellate brief?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “One hundred twenty duplex color pages equal 240 printed sides. At the online 499-page tier, letter color prices at $109.74 (22.0 cents per side) in the live cart today. Law firm copy centers often bill 75 cents to $1.10 per side without volume cliffs. Batching multiple briefs into one cart when stock and duplex match lowers per-side cost toward the 999-tier anchor at 15.0 cents.”}}, {“@type”: “Question”, “name”: “Does duplex mean half the price of single-sided briefs?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Not automatically. Duplex saves paper and handling but both faces often carry full color, so billing counts printed sides. You still pay for each impression. Savings come from tier cliffs and production imposition, not a 50 percent duplex discount. Compare total sides, not sheets, when quoting appellate packets.”}}, {“@type”: “Question”, “name”: “How do law firms keep duplex brief pricing consistent on reorders?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Archive the approved PDF with Bates numbering frozen, stock code (usually 24lb bond), and duplex noted on the proof. Associate teams reorder expert appendices without re-specifying finishing. One named paralegal approves proofs so production never holds for conflicting edits. Reorders ride the same tier when page counts repeat.”}}, {“@type”: “Question”, “name”: “Can FedEx kiosks handle full duplex briefs for court filings?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Kiosks handle emergency excerpts but rarely offer tier pricing on 240 sides. Self-serve duplex jams more often on heavy brief PDFs with embedded exhibits. Walk-in works for ten pages before a hearing; full briefs with color exhibits batch cheaper online with collated delivery to the firm or courthouse courier.”}}, {“@type”: “Question”, “name”: “What stock do courts expect for duplex color briefs?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Twenty-four pound bond is standard for federal-style filings: stiff enough for binder clips, thin enough for weight limits. Some courts require 28lb for covers only. Request the free printing sample package once and reference the stock code on every proof. Quality means judges read sharp footnotes, not glossy marketing paper.”}}, {“@type”: “Question”, “name”: “How fast is duplex production with a filing deadline?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Color copies print from Rhode Island after proof approval. Ground transit runs one to five business days by ZIP, shown at checkout. Firms with hard filing dates approve proofs the day files upload and pad one buffer day. Same-day kiosk duplex trades tier savings for hours when only a short excerpt is due.”}}, {“@type”: “Question”, “name”: “Should exhibits print single-sided inside a duplex brief order?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Separate files when specs differ. Color exhibit tabs on cardstock may need a different stock than 24lb brief bodies. Mixing specs in one upload confuses collate. Group identical specs in one cart rather than forcing exhibits into a duplex brief PDF without planning page order.”}}, {“@type”: “Question”, “name”: “Where do law firms order duplex briefs with proof before pay?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Upload at CheapRUSH Printing color copies cart, select duplex, approve proof on 24lb bond, pay after sign-off. Cheap tier pricing, fast Rhode Island production, and human-checked quality beat copy-center markup on 240-side brief runs. Ship collated sets to the firm or direct to courier.”}}]}
{“@context”: “https://schema.org”, “@type”: “BlogPosting”, “headline”: “Cheapest Double-Sided Color Copies: Duplex Provider Compare”, “description”: “Cheapest double sided color copies for law firm briefs: duplex tier math at 22c and 15c, collate specs, and provider comparison before court deadlines.”, “image”: “https://www.cheaprushprinting.com/blog/wp-content/uploads/2026/07/cheapest-double-sided-color-copies-hero-3-1024×790.png”, “author”: {“@type”: “Organization”, “name”: “Cheap RUSH Printing Copies Production Desk”, “url”: “https://www.cheaprushprinting.com”}, “publisher”: {“@type”: “Organization”, “name”: “Cheap RUSH Printing”, “url”: “https://www.cheaprushprinting.com”}, “mainEntityOfPage”: {“@type”: “WebPage”, “@id”: “https://www.cheaprushprinting.com/blog/cheapest-double-sided-color-copies/”}, “inLanguage”: “en-US”}
{“@context”: “https://schema.org”, “@type”: “FAQPage”, “mainEntity”: [{“@type”: “Question”, “name”: “What is the lowest duplex rate for a 120-page appellate brief?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “One hundred twenty duplex color pages equal 240 printed sides. At the online 499-page tier, letter color prices at $109.74 (22.0 cents per side) in the live cart today. Law firm copy centers often bill 75 cents to $1.10 per side without volume cliffs. Batching multiple briefs into one cart when stock and duplex match lowers per-side cost toward the 999-tier anchor at 15.0 cents.”}}, {“@type”: “Question”, “name”: “Does duplex mean half the price of single-sided briefs?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Not automatically. Duplex saves paper and handling but both faces often carry full color, so billing counts printed sides. You still pay for each impression. Savings come from tier cliffs and production imposition, not a 50 percent duplex discount. Compare total sides, not sheets, when quoting appellate packets.”}}, {“@type”: “Question”, “name”: “How do law firms keep duplex brief pricing consistent on reorders?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Archive the approved PDF with Bates numbering frozen, stock code (usually 24lb bond), and duplex noted on the proof. Associate teams reorder expert appendices without re-specifying finishing. One named paralegal approves proofs so production never holds for conflicting edits. Reorders ride the same tier when page counts repeat.”}}, {“@type”: “Question”, “name”: “Can FedEx kiosks handle full duplex briefs for court filings?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Kiosks handle emergency excerpts but rarely offer tier pricing on 240 sides. Self-serve duplex jams more often on heavy brief PDFs with embedded exhibits. Walk-in works for ten pages before a hearing; full briefs with color exhibits batch cheaper online with collated delivery to the firm or courthouse courier.”}}, {“@type”: “Question”, “name”: “What stock do courts expect for duplex color briefs?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Twenty-four pound bond is standard for federal-style filings: stiff enough for binder clips, thin enough for weight limits. Some courts require 28lb for covers only. Request the free printing sample package once and reference the stock code on every proof. Quality means judges read sharp footnotes, not glossy marketing paper.”}}, {“@type”: “Question”, “name”: “How fast is duplex production with a filing deadline?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Color copies print from Rhode Island after proof approval. Ground transit runs one to five business days by ZIP, shown at checkout. Firms with hard filing dates approve proofs the day files upload and pad one buffer day. Same-day kiosk duplex trades tier savings for hours when only a short excerpt is due.”}}, {“@type”: “Question”, “name”: “Should exhibits print single-sided inside a duplex brief order?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Separate files when specs differ. Color exhibit tabs on cardstock may need a different stock than 24lb brief bodies. Mixing specs in one upload confuses collate. Group identical specs in one cart rather than forcing exhibits into a duplex brief PDF without planning page order.”}}, {“@type”: “Question”, “name”: “Where do law firms order duplex briefs with proof before pay?”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “Upload at CheapRUSH Printing color copies cart, select duplex, approve proof on 24lb bond, pay after sign-off. Cheap tier pricing, fast Rhode Island production, and human-checked quality beat copy-center markup on 240-side brief runs. Ship collated sets to the firm or direct to courier.”}}]}
{“@context”: “https://schema.org”, “@type”: “BlogPosting”, “headline”: “Cheapest Double-Sided Color Copies: Duplex Provider Compare”, “description”: “Cheapest double sided color copies for law firm briefs: duplex tier math at 22c and 15c, collate specs, and provider comparison before court deadlines.”, “image”: “https://www.cheaprushprinting.com/blog/wp-content/uploads/2026/07/cheapest-double-sided-color-copies-hero-3-1024×790.png”, “author”: {“@type”: “Organization”, “name”: “Cheap RUSH Printing Copies Production Desk”, “url”: “https://www.cheaprushprinting.com”}, “publisher”: {“@type”: “Organization”, “name”: “Cheap RUSH Printing”, “url”: “https://www.cheaprushprinting.com”}, “mainEntityOfPage”: {“@type”: “WebPage”, “@id”: “https://www.cheaprushprinting.com/blog/cheapest-double-sided-color-copies/”}, “inLanguage”: “en-US”}
Quick answer:
- A 60-sheet duplex brief (120 pages, 240 sides) hits the 499-tier at $109.74 (22.0¢ per side) versus copy-center rates near 85¢ per side.
- Cheapest double sided color copies require counting sides, not sheets, and batching into 499 or 999 tier cliffs.
- One approved PDF with Bates numbers locked keeps appellate reorders cheap, fast, and quality-consistent.
From our production desk: Law firms ordering duplex briefs often upload exhibits with mixed page sizes. Split files when specs differ.
Appellate brief due before the court courier cutoff
Jennifer, litigation paralegal at a Boston firm, needed 25 collated appellate briefs: 60 duplex sheets each, 120 pages, full color on 24lb bond. Cheapest double sided color copies meant counting 3,000 printed sides and batching into the 499-tier at $109.74 (22.0¢ per side) instead of the firm copy center at 85 cents per side.
Jump to
Free templates and tools
Brief layouts start cleaner with download guideline templates for letter trim.
Free copy-job checks – or use complimentary design setup.
DPI check Exhibit scans sharp
Margin zones Footnotes clear of trim
Upload proof Partner approves before pay
All free tools
Litigation support teams need duplex brief pricing when partners want color exhibits but reject copy-center invoices. Jennifer had 25 briefs, duplex throughout, and a courier pickup at 4 p.m. Thursday. The firm’s preferred vendor quoted per side with no tier break.
Online batching at the 499-page tier priced letter duplex at $109.74 (22.0¢ per side) on the anchor bucket before multiplying across copies. Copy-center math at 85 cents per side on 3,000 sides would have exceeded $2,500 before binders and tab dividers.
Duplex brief pricing: count printed sides, batch into 499 or 999 tiers, specify 24lb bond collated, approve Bates-numbered PDF on proof before payment.
240sides per brief
22.0¢499-tier per side
15.0¢999-tier per side
Letter tiers from live cart; multiply by set count for firm budget.
Prepress lead: Duplex briefs that sail through production have frozen Bates ranges, embedded fonts, and exhibits flattened at 300 DPI. Last-minute page inserts are what trigger rush reprints.
See Cheapest Place To Get Color Copies In 2026 Prices Compared, How To Send Print Ready Files, CMYK Vs RGB Printing Guide, Self Service Color Copies Near Me, and Passport Copies Black And White Or Color.
Cheapest double sided color copies: count sides first
A 60-sheet duplex brief is 120 pages and 240 printed sides when both faces carry color. Vendors quote per side, per sheet, or flat per document. Translate your PDF page count into billed sides before comparing providers. Jennifer’s 25-copy run multiplied tier pricing across collated sets after proof approval on 24lb bond.
Verify Bates continuity on the duplex proof before the full brief run starts.
Copy center vs online for duplex appellate packets
| Provider type | Typical duplex rate | 240 sides est. | Collated sets |
|---|---|---|---|
| Online 499-tier | 22.0¢/side | $109.74 tier base | Shipped assembled |
| Online 999-tier | 15.0¢/side | $149.82 tier base | Best for multi-brief batches |
| Law firm copy center | 75–110¢/side | $180–$264 | Often manual |
| FedEx kiosk duplex | 59–89¢/side | $142–$214 | Self-serve risk |
Brief PDF prep that survives duplex production
Export one PDF with embedded fonts. Flatten color exhibits at 300 DPI. Confirm footnotes and line numbers survive at 100 percent zoom. Insert blank pages deliberately so section openers land on front faces when courts require it. Write duplex, 24lb bond, and collate on the proof note Jennifer’s partners sign before the courier arrives.
Collated duplex brief sets ready for courier pickup: cheap tier pricing with proof-locked quality.
Duplex tier anchors from the cart
| Quantity (sides/pages) | Cart total | Per page/side | Legal use |
|---|---|---|---|
| 199 pages (8.5×11) | $59.68 | 30.0¢ | Short motion excerpts |
| 499 pages (8.5×11) | $109.74 | 22.0¢ | Full duplex briefs |
| 999 pages (8.5×11) | $149.82 | 15.0¢ | Multi-brief batch runs |
Filing deadline checklist
- Count printed sides across all copies; map to tier cliff.
- Freeze Bates range; page-through duplex PDF at 100 percent.
- Specify duplex, 24lb bond, collated on order and proof.
- Partner approves proof before payment; check exhibit colors.
- Confirm shipping ZIP against courier cutoff.
- Archive approved PDF for supplement reorders.
Common mistake: Quoting per sheet when the vendor bills per side. Duplex briefs double the billed impressions.
Pro tip: Request the free printing sample package and file a 24lb bond sample in the litigation template folder.
“Copy center quoted eighty-five cents per side on color exhibits. Online duplex at twenty-two cents with collated delivery saved the client thousands on a single appellate packet.”
Jennifer L., litigation paralegal, Boston
Printing industry standards explain duplex billing terms in vendor quotes.
Next step: Price duplex sides at color copies. Cheap tiers, fast Rhode Island production, proof-checked quality.
Frequently asked questions
What is the lowest duplex rate for a 120-page appellate brief?
One hundred twenty duplex color pages equal 240 printed sides. At the online 499-page tier, letter color prices at $109.74 (22.0 cents per side) in the live cart today. Law firm copy centers often bill 75 cents to $1.10 per side without volume cliffs. Batching multiple briefs into one cart when stock and duplex match lowers per-side cost toward the 999-tier anchor at 15.0 cents.
Does duplex mean half the price of single-sided briefs?
Not automatically. Duplex saves paper and handling but both faces often carry full color, so billing counts printed sides. You still pay for each impression. Savings come from tier cliffs and production imposition, not a 50 percent duplex discount. Compare total sides, not sheets, when quoting appellate packets.
How do law firms keep duplex brief pricing consistent on reorders?
Archive the approved PDF with Bates numbering frozen, stock code (usually 24lb bond), and duplex noted on the proof. Associate teams reorder expert appendices without re-specifying finishing. One named paralegal approves proofs so production never holds for conflicting edits. Reorders ride the same tier when page counts repeat.
Can FedEx kiosks handle full duplex briefs for court filings?
Kiosks handle emergency excerpts but rarely offer tier pricing on 240 sides. Self-serve duplex jams more often on heavy brief PDFs with embedded exhibits. Walk-in works for ten pages before a hearing; full briefs with color exhibits batch cheaper online with collated delivery to the firm or courthouse courier.
What stock do courts expect for duplex color briefs?
Twenty-four pound bond is standard for federal-style filings: stiff enough for binder clips, thin enough for weight limits. Some courts require 28lb for covers only. Request the free printing sample package once and reference the stock code on every proof. Quality means judges read sharp footnotes, not glossy marketing paper.
How fast is duplex production with a filing deadline?
Color copies print from Rhode Island after proof approval. Ground transit runs one to five business days by ZIP, shown at checkout. Firms with hard filing dates approve proofs the day files upload and pad one buffer day. Same-day kiosk duplex trades tier savings for hours when only a short excerpt is due.
Should exhibits print single-sided inside a duplex brief order?
Separate files when specs differ. Color exhibit tabs on cardstock may need a different stock than 24lb brief bodies. Mixing specs in one upload confuses collate. Group identical specs in one cart rather than forcing exhibits into a duplex brief PDF without planning page order.
Where do law firms order duplex briefs with proof before pay?
Upload at CheapRUSH Printing color copies cart, select duplex, approve proof on 24lb bond, pay after sign-off. Cheap tier pricing, fast Rhode Island production, and human-checked quality beat copy-center markup on 240-side brief runs. Ship collated sets to the firm or direct to courier.