.vp-stat,.vp-framework,.kp-tl,.kp-cluster,.kp-pillars,
.kp-cmp,.vp-penalty,.vp-vlk,.vp-templates,.vp-faq {
background: #FFFFFF!important;
padding: 80px 24px!important;
}
@media (max-width: 1023px) {
.vp-stat,.vp-framework,.kp-tl,.kp-cluster,.kp-pillars,
.kp-cmp,.vp-penalty,.vp-vlk,.vp-templates,.vp-faq {
padding: 56px 20px!important;
}
}
.vp-team2,.vp-finalcta {
background: #0A0A0A!important;
padding: 80px 24px!important;
}
@media (max-width: 1023px) {
.vp-team2,.vp-finalcta { padding: 56px 20px!important; }
}
.vp-midcta,.vp-midcta--rule {
background: #F2EDE5!important;
padding: 24px 28px!important;
border-top: 1px solid #E5DFD9!important;
border-bottom: 1px solid #E5DFD9!important;
border-left: 0!important;
margin: 32px 0 0!important;
}
.vp-midcta strong,.vp-midcta--rule strong { color: #C73E2A!important; font-weight: 600!important; }
.vp-midcta__cta {
color: #C73E2A!important;
font: 600 11px/1 var(--vp-mono)!important;
letter-spacing: 0.1em!important;
text-transform: uppercase!important;
text-decoration: underline!important;
text-underline-offset: 4px!important;
white-space: nowrap!important;
}
.vp-stat.vp-eyebrow,.vp-framework.vp-eyebrow,.kp-tl.vp-eyebrow,
.kp-cluster.vp-eyebrow,.kp-pillars.vp-eyebrow,.kp-cmp.vp-eyebrow,
.vp-penalty.vp-eyebrow,.vp-vlk.vp-eyebrow,.vp-team2.vp-eyebrow,
.vp-templates.vp-eyebrow,.vp-faq.vp-eyebrow,.vp-finalcta.vp-eyebrow {
font: 600 11px/1.4 var(--vp-mono)!important;
letter-spacing: 0.1em!important;
text-transform: uppercase!important;
color: #C73E2A!important;
display: inline-flex!important;
align-items: center!important;
gap: 8px!important;
margin: 0 0 20px!important;
background: transparent!important;
padding: 0!important;
border: 0!important;
}
.vp-team2.vp-eyebrow,.vp-finalcta.vp-eyebrow {
color: rgba(199, 62, 42, 0.85)!important;
}
.vp-stat.vp-eyebrow__dot,.vp-framework.vp-eyebrow__dot,
.kp-tl.vp-eyebrow__dot,.kp-cluster.vp-eyebrow__dot,
.kp-pillars.vp-eyebrow__dot,.kp-cmp.vp-eyebrow__dot,
.vp-penalty.vp-eyebrow__dot,.vp-vlk.vp-eyebrow__dot,
.vp-team2.vp-eyebrow__dot,.vp-templates.vp-eyebrow__dot,
.vp-faq.vp-eyebrow__dot,.vp-finalcta.vp-eyebrow__dot {
width: 6px!important; height: 6px!important;
background: #C73E2A!important;
border-radius: 50%!important;
}
.vp-stat__h2,.vp-framework__h2,.kp-tl__h2,.kp-cluster__h2,
.kp-pillars__h2,.kp-cmp__h2,.vp-penalty__h2,.vp-vlk__h2,
.vp-team2__h2,.vp-templates__h2,.vp-faq__h2,.vp-finalcta__h2 {
font: 600 clamp(28px, 2.6vw, 32px)/1.2 var(--vp-sans)!important;
letter-spacing: -0.015em!important;
color: var(--vp-ink)!important;
margin: 0 0 16px!important;
max-width: 32ch!important;
text-wrap: balance!important;
text-align: left!important;
}
.vp-team2__h2,.vp-finalcta__h2 { color: #FFFFFF!important; }
.vp-stat__card--accent { background: #F7F5F1!important; border-left: 2px solid #C73E2A!important; padding-left: 22px!important; }
.vp-stat__card--accent.vp-stat__value-num {
font: 600 clamp(18px, 1.8vw, 24px)/1.25 var(--vp-mono)!important;
letter-spacing: -0.02em!important;
white-space: normal!important;
}
.vp-stat__grid >.vp-stat__card:last-child { background: #FFFFFF!important; border-left: 0!important; padding-left: 22px!important; }
.vp-stat__grid >.vp-stat__card:last-child.vp-stat__value-num {
font: 600 clamp(18px, 1.8vw, 24px)/1.25 var(--vp-mono)!important;
letter-spacing: -0.02em!important;
white-space: normal!important;
}
.kp-cmp__th--featured,.kp-cmp__table td:nth-child(4) {
background: #F7F5F1!important;
color: #0A0A0A!important;
}
.kp-cmp__th--featured {
border-left: 2px solid #C73E2A!important;
padding-top: 28px!important;
}
.kp-cmp__table td:nth-child(4) {
border-left: 2px solid #C73E2A!important;
}
.kp-cmp__th--featured::after { display: none!important; }
.kp-cmp__th--featured * { color: #0A0A0A!important; }
.kp-cmp__badge {
font: 600 10px/1 var(--vp-mono)!important;
color: #C73E2A!important;
text-transform: uppercase!important;
letter-spacing: 0.1em!important;
background: transparent!important;
border: 0!important;
}
.kp-cmp__table thead th {
background: #F2EDE5!important;
color: #C73E2A!important;
font: 600 11px/1.4 var(--vp-mono)!important;
text-transform: uppercase!important;
letter-spacing: 0.08em!important;
padding: 16px 20px!important;
}
.vp-penalty__step--final {
background: #F7F5F1!important;
border-left: 2px solid #C73E2A!important;
padding-left: 22px!important;
color: #0A0A0A!important;
}
.vp-penalty__step--final * { color: #0A0A0A!important; }
.vp-penalty__step--final.vp-penalty__num { color: #C73E2A!important; }
.vp-penalty__step--final.vp-penalty__norm a { color: #C73E2A!important; }
.vp-penalty__step--final strong { color: #0A0A0A!important; font-weight: 600!important; }
.vp-vlk__grid {
display: grid!important;
grid-template-columns: 1fr 1fr!important;
gap: 0!important;
background: #E5DFD9!important;
border: 1px solid #E5DFD9!important;
}
@media (max-width: 1023px) {
.vp-vlk__grid { grid-template-columns: 1fr!important; gap: 1px!important; }
}
.vp-vlk__card {
background: #FFFFFF!important;
border: 0!important;
padding: 32px 28px!important;
margin: 0!important;
}
.vp-vlk__card +.vp-vlk__card { border-left: 1px solid #E5DFD9!important; }
@media (max-width: 1023px) {
.vp-vlk__card +.vp-vlk__card { border-left: 0!important; border-top: 1px solid #E5DFD9!important; }
}
.vp-tpl__action--call,.vp-tpl__action[href^="tel:"],.vp-tpl__action.tel,
.vp-templates a[href^="tel:"] {
background: transparent!important;
color: #C73E2A!important;
border: 1px solid #C73E2A!important;
border-radius: 0!important;
padding: 8px 16px!important;
font: 600 11px/1 var(--vp-mono)!important;
text-transform: uppercase!important;
letter-spacing: 0.08em!important;
}
.vp-tpl__action--call:hover,.vp-tpl__action[href^="tel:"]:hover,
.vp-templates a[href^="tel:"]:hover {
background: #C73E2A!important;
color: #FFFFFF!important;
}
.kp-cluster__link {
font: 600 10px/1 var(--vp-mono)!important;
color: #5B5B5B!important;
text-transform: uppercase!important;
letter-spacing: 0.08em!important;
text-decoration: none!important;
border-bottom: 1px solid #E5DFD9!important;
padding-bottom: 1px!important;
}
.kp-cluster__cell:hover.kp-cluster__link { color: #C73E2A!important; border-bottom-color: #C73E2A!important; }
.kp-cluster__grid {
display: grid!important;
grid-template-columns: repeat(4, 1fr)!important;
gap: 1px!important;
background: #E5DFD9!important;
border: 1px solid #E5DFD9!important;
}
@media (max-width: 1023px) {
.kp-cluster__grid { grid-template-columns: repeat(2, 1fr)!important; }
}
.kp-cluster__cell {
background: #FFFFFF!important;
border: 0!important;
padding: 24px 20px!important;
border-radius: 0!important;
}
.kp-cluster__cell:hover { background: #FAFAFA!important; }
.vp-stat__grid {
display: grid!important;
grid-template-columns: repeat(5, minmax(0, 1fr))!important;
gap: 1px!important;
background: #E5DFD9!important;
border: 1px solid #E5DFD9!important;
}
@media (max-width: 1023px) {
.vp-stat__grid { grid-template-columns: repeat(2, 1fr)!important; }
}
.vp-stat__card {
background: #FFFFFF!important;
border: 0!important;
padding: 28px 22px!important;
border-radius: 0!important;
}
.kp-pillars__grid {
display: grid!important;
grid-template-columns: repeat(5, 1fr)!important;
gap: 1px!important;
background: #E5DFD9!important;
border: 1px solid #E5DFD9!important;
list-style: none!important;
padding: 0!important;
margin: 0!important;
}
@media (max-width: 1023px) {.kp-pillars__grid { grid-template-columns: repeat(2, 1fr)!important; } }
.kp-pillars__cell {
background: #FFFFFF!important;
border: 0!important;
padding: 0!important;
border-radius: 0!important;
}
.kp-pillars__link { display: block!important; padding: 24px 20px!important; text-decoration: none!important; min-height: 160px!important; }
.kp-pillars__link:hover { background: #FAFAFA!important; }
.vp-framework__grid {
display: grid!important;
grid-template-columns: repeat(6, 1fr)!important;
gap: 1px!important;
background: #E5DFD9!important;
border: 1px solid #E5DFD9!important;
}
.vp-framework__card { grid-column: span 2!important; background: #FFFFFF!important; border: 0!important; padding: 32px 28px!important; }
.vp-framework__card--wide { grid-column: span 3!important; }
.vp-framework__body { display: block!important; }
.vp-framework__body a { display: inline!important; }
@media (max-width: 1023px) {
.vp-framework__grid { grid-template-columns: 1fr!important; gap: 1px!important; }
.vp-framework__card,.vp-framework__card--wide { grid-column: auto!important; }
}
.vp-penalty__steps {
list-style: none!important; padding: 0!important; margin: 0!important;
border-top: 1px solid #E5DFD9!important;
}
.vp-penalty__step {
display: grid!important;
grid-template-columns: 64px 1fr!important;
gap: 24px!important;
padding: 22px 24px!important;
border-bottom: 1px solid #E5DFD9!important;
background: transparent!important;
border-left: 0!important; border-right: 0!important; border-top: 0!important;
}
.vp-penalty__num {
font: 600 24px/1 var(--vp-mono)!important;
color: #C73E2A!important;
background: transparent!important;
border: 0!important;
padding: 0!important;
width: auto!important; height: auto!important;
}
.vp-team2 *,.vp-finalcta * { color: rgba(255, 255, 255, 0.85); }
.vp-team2.vp-team2__h2,.vp-finalcta.vp-finalcta__h2,
.vp-team2.vp-team2__h2 *,.vp-finalcta.vp-finalcta__h2 * { color: #FFFFFF!important; }
.vp-team2.vp-team2__lede,.vp-finalcta.vp-finalcta__sub { color: rgba(255,255,255,0.75)!important; }
.vp-team2__card { background: transparent!important; border: 0!important; padding: 28px 24px!important; border-radius: 0!important; }
.vp-team2__grid {
display: grid!important;
grid-template-columns: repeat(4, 1fr)!important;
gap: 1px!important;
background: rgba(255,255,255,0.10)!important;
border: 1px solid rgba(255,255,255,0.10)!important;
}
@media (max-width: 1023px) {
.vp-team2__grid { grid-template-columns: repeat(2, 1fr)!important; }
}
.vp-team2__photo { background: rgba(255,255,255,0.04)!important; border: 1px solid rgba(255,255,255,0.10)!important; }
.vp-team2__photo svg { fill: rgba(255,255,255,0.40)!important; color: rgba(255,255,255,0.40)!important; }
html { scroll-padding-top: 96px!important; }
.vp-finalcta { scroll-margin-top: 96px!important; padding-top: 100px!important; }
.vp-faq__list { list-style: none!important; padding: 0!important; margin: 0!important; border-top: 1px solid #E5DFD9!important; }
.vp-faq__item { border-bottom: 1px solid #E5DFD9!important; background: transparent!important; padding: 0!important; }
.vp-faq__trigger { width: 100%!important; padding: 24px 0!important; background: transparent!important; border: 0!important; text-align: left!important; cursor: pointer!important; font: 600 16px/1.4 var(--vp-sans)!important; color: #0A0A0A!important; display: grid!important; grid-template-columns: 1fr 24px!important; gap: 24px!important; align-items: center!important; }
.vp-faq__icon { color: #C73E2A!important; transition: transform.2s!important; }
.vp-faq__trigger[aria-expanded="true"].vp-faq__icon { transform: rotate(45deg)!important; }
.vp-stat__grid >.vp-stat__card.vp-stat__card--accent {
background: #F7F5F1!important;
border-left: 2px solid #C73E2A!important;
padding-left: 22px!important;
}