.vp-stat__h2 {
max-width: 585px!important;
text-wrap: balance!important;
letter-spacing: -0.02em!important;
}
.vp-stat__card {
display: flex!important;
flex-direction: column!important;
gap: 0!important;
padding: 28px 22px!important;
min-height: 280px!important;
}
.vp-stat__value {
margin: 0 0 12px!important;
display: flex!important;
flex-direction: column!important;
gap: 6px!important;
}
.vp-stat__value-unit {
min-height: 11px!important;
}
.vp-stat__label {
flex: 1 1 auto!important;
margin: 0 0 12px!important;
font: 400 13px/1.5 var(--vp-sans)!important;
color: var(--vp-ink-2)!important;
}
.vp-stat__src {
margin-top: auto!important;
padding-top: 16px!important;
border-top: 1px solid var(--vp-rule)!important;
font: 500 11px/1.4 var(--vp-mono)!important;
letter-spacing: 0.06em!important;
text-transform: uppercase!important;
color: var(--vp-ink-3)!important;
}
.vp-stat__src a { color: var(--vp-coral)!important; text-decoration: none!important; border-bottom: 1px solid currentColor!important; }
.vp-stat__meta {
margin: 32px 0 0!important;
padding: 24px 0 0!important;
border-top: 1px solid var(--vp-rule)!important;
display: flex!important;
justify-content: space-between!important;
flex-wrap: wrap!important;
gap: 8px 24px!important;
font: 500 11px/1.4 var(--vp-mono)!important;
letter-spacing: 0.06em!important;
text-transform: uppercase!important;
color: var(--vp-ink-3)!important;
}
.vp-stat__card {
display: grid!important;
grid-template-rows: 80px 1fr auto!important;
grid-template-columns: 1fr!important;
gap: 0!important;
padding: 28px 22px!important;
min-height: 320px!important;
flex-direction: unset!important;
}
.vp-stat__value {
display: flex!important;
flex-direction: column!important;
gap: 6px!important;
margin: 0!important;
min-height: 0!important;
}
.vp-stat__value-num {
font-variant-numeric: tabular-nums!important;
}
.vp-stat__value-unit {
font: 500 11px/1 var(--vp-mono)!important;
letter-spacing: 0.08em!important;
text-transform: uppercase!important;
color: var(--vp-ink-3)!important;
min-height: 11px!important;
}
.vp-stat__label {
margin: 16px 0 16px!important;
font: 400 13px/1.5 var(--vp-sans)!important;
color: var(--vp-ink-2)!important;
align-self: start!important;
}
.vp-stat__src {
margin: 0!important;
padding: 16px 0 0!important;
border-top: 1px solid var(--vp-rule)!important;
font: 500 11px/1.4 var(--vp-mono)!important;
letter-spacing: 0.06em!important;
text-transform: uppercase!important;
color: var(--vp-ink-3)!important;
align-self: end!important;
min-height: 44px!important;
}
.vp-stat__src a {
color: var(--vp-coral)!important;
text-decoration: none!important;
border-bottom: 1px solid currentColor!important;
}
.kp-cluster__cell {
display: grid!important;
grid-template-rows: auto auto 1fr auto!important;
gap: 8px!important;
padding: 24px 20px!important;
min-height: 200px!important;
}
.kp-cluster__name {
font: 600 15px/1.3 var(--vp-sans)!important;
letter-spacing: -0.01em!important;
color: var(--vp-ink)!important;
margin: 0!important;
}
.kp-cluster__norm {
font: 500 11px/1.4 var(--vp-mono)!important;
letter-spacing: 0.04em!important;
margin: 0!important;
}
.kp-cluster__norm a {
color: var(--vp-coral)!important;
text-decoration: none!important;
border-bottom: 1px solid currentColor!important;
}
.kp-cluster__penalty {
font: 400 13px/1.45 var(--vp-sans)!important;
color: var(--vp-ink-2)!important;
margin: 0!important;
align-self: start!important;
}
.kp-cluster__link {
margin-top: 0!important;
align-self: end!important;
padding-top: 12px!important;
border-top: 1px solid var(--vp-rule)!important;
font: 600 10px/1 var(--vp-mono)!important;
letter-spacing: 0.1em!important;
text-transform: uppercase!important;
color: var(--vp-ink-3)!important;
text-decoration: none!important;
display: inline-flex!important;
align-items: center!important;
gap: 6px!important;
border-bottom: 0!important;
}
.kp-cluster__cell:hover.kp-cluster__link { color: var(--vp-coral)!important; }
.kp-pillars__cell { padding: 0!important; }
.kp-pillars__link {
display: grid!important;
grid-template-rows: auto 1fr auto!important;
gap: 8px!important;
padding: 24px 20px!important;
min-height: 180px!important;
text-decoration: none!important;
color: inherit!important;
}
.kp-pillars__h3 {
display: block!important;
font: 600 16px/1.3 var(--vp-sans)!important;
letter-spacing: -0.01em!important;
color: var(--vp-ink)!important;
margin: 0!important;
}
.kp-pillars__sub {
display: block!important;
font: 400 13px/1.5 var(--vp-sans)!important;
color: var(--vp-ink-2)!important;
margin: 0!important;
align-self: start!important;
}
.kp-pillars__arrow {
display: block!important;
align-self: end!important;
font: 500 14px/1 var(--vp-mono)!important;
color: var(--vp-coral)!important;
padding-top: 12px!important;
border-top: 1px solid var(--vp-rule)!important;
transition: transform.15s!important;
}
.kp-pillars__link:hover.kp-pillars__arrow { transform: translateX(4px)!important; }
.kp-pillars__link:hover { background: #FAFAFA!important; }
.vp-penalty__step--final.vp-penalty__h3 { color: #0A0A0A!important; }
.vp-penalty__step--final.vp-penalty__norm a { color: #C73E2A!important; }
.vp-penalty__step--final.vp-penalty__body p,.vp-penalty__step--final.vp-penalty__body p strong { color: #2A2A2A!important; }.vp-penalty__step--final.vp-penalty__body.vp-penalty__h3,.vp-penalty__step--final.vp-penalty__body p strong { color: #0A0A0A!important; }
.vp-penalty__step--final.vp-penalty__body strong { color: #0A0A0A!important; font-weight: 600!important; }
.vp-penalty__step--final.vp-penalty__num { color: #C73E2A!important; }
.vp-framework__num {
font: 600 28px/1 var(--vp-mono)!important;
color: var(--vp-coral)!important;
letter-spacing: -0.02em!important;
margin: 0 0 12px!important;
}
.vp-framework__card--wide {
background: #F2EDE5!important;
}
.vp-framework__card { padding: 28px 26px 24px!important; }
@media (min-width: 1024px) {
.vp-framework__grid { position: relative!important; }
.vp-framework__grid::before {
content: ""!important;
position: absolute!important;
top: 42px!important;
left: 60px!important;
right: 60px!important;
height: 1px!important;
background: linear-gradient(to right,
transparent 0,
var(--vp-coral) 4%,
var(--vp-coral) 50%,
rgba(199,62,42,0.30) 75%,
transparent 100%
)!important;
pointer-events: none!important;
z-index: 1!important;
}
.vp-framework__card:not(.vp-framework__card--wide).vp-framework__num {
position: relative!important;
display: inline-block!important;
}
.vp-framework__card:not(.vp-framework__card--wide).vp-framework__num::after {
content: ""!important;
position: absolute!important;
top: 12px!important;
right: -10px!important;
width: 7px!important;
height: 7px!important;
background: var(--vp-coral)!important;
border: 2px solid #FFFFFF!important;
border-radius: 50%!important;
z-index: 2!important;
}
}
.kp-tl__pill {
background: transparent!important;
border-left: 0!important;
padding: 4px 0!important;
text-transform: uppercase;
align-items: baseline!important;
}
.kp-tl__pill::before { content: "["; margin-right: 2px; opacity:.85; }
.kp-tl__pill::after { content: "]"; margin-left: 2px; opacity:.85; }
.kp-tl.kp-tl__norm a.law-ref::after {
content: " →";
margin-left: 3px;
font-variant-numeric: tabular-nums;
opacity: 0.75;
transition: opacity.15s ease, margin-left.15s ease;
}
.kp-tl.kp-tl__norm a.law-ref:hover::after { opacity: 1; margin-left: 6px; }
.kp-tl__internal {
color: var(--vp-ink)!important;
font-weight: 500;
text-decoration: none!important;
border-bottom: 1px solid var(--vp-rule)!important;
transition: color.15s ease, border-color.15s ease;
}
.kp-tl__internal:hover {
color: var(--vp-coral)!important;
border-bottom-color: var(--vp-coral)!important;
}
.kp-tl__midcta {
grid-column: 1 / -1;
background: var(--vp-paper-2, #F7F5F1);
border-left: 3px solid var(--vp-coral);
padding: 28px 32px;
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 28px;
}
.kp-tl__midcta-pin {
font: 500 11px/1 var(--vp-mono, 'JetBrains Mono', monospace);
color: var(--vp-coral);
text-transform: uppercase;
letter-spacing: 0.14em;
padding-right: 24px;
border-right: 1px solid var(--vp-rule);
white-space: nowrap;
}
.kp-tl__midcta-body { min-width: 0; }
.kp-tl__midcta-h {
font: 600 18px/1.3 var(--vp-sans);
color: var(--vp-ink);
margin: 0 0 6px;
letter-spacing: -0.01em;
}
.kp-tl__midcta-sub {
font: 400 14px/1.5 var(--vp-sans);
color: var(--vp-ink-2);
margin: 0;
max-width: 56ch;
}
.kp-tl__midcta-tel {
font: 500 15px/1 var(--vp-mono, 'JetBrains Mono', monospace)!important;
color: var(--vp-coral)!important;
text-decoration: none!important;
white-space: nowrap;
padding: 12px 18px;
border: 1px solid var(--vp-coral);
border-radius: 0;
transition: background.15s ease, color.15s ease;
font-variant-numeric: tabular-nums;
}
.kp-tl__midcta-tel:hover {
background: var(--vp-coral);
color: #fff!important;
}
@media (max-width: 900px) {
.kp-tl__midcta {
grid-template-columns: 1fr;
gap: 18px;
padding: 24px 22px;
}
.kp-tl__midcta-pin {
border-right: 0;
border-bottom: 1px solid var(--vp-rule);
padding: 0 0 10px;
}
.kp-tl__midcta-tel { justify-self: start; }
}
.kp-tl__aside {
background: #0A0A0A;
color: #F7F5F1;
padding: 48px 40px;
margin-top: 40px;
border: 1px solid #0A0A0A;
position: relative;
display: block;
}
.kp-tl__aside-mark {
display: inline-flex;
align-items: center;
font: 500 11px/1 var(--vp-mono, 'JetBrains Mono', monospace);
color: var(--vp-coral);
text-transform: uppercase;
letter-spacing: 0.16em;
margin: 0 0 14px;
}
.kp-tl__aside-mark::before {
content: "▪";
margin-right: 8px;
font-size: 10px;
}
.kp-tl.kp-tl__aside-h,
.kp-tl__aside h3.kp-tl__aside-h {
font: 600 clamp(22px, 2vw, 28px)/1.2 var(--vp-sans)!important;
color: #F7F5F1!important;
letter-spacing: -0.015em!important;
margin: 0 0 36px!important;
max-width: 36ch!important;
text-align: left!important;
text-wrap: balance;
padding: 0!important;
background: transparent!important;
}
.kp-tl__aside-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0;
background: rgba(247,245,241,0.10);
border: 1px solid rgba(247,245,241,0.10);
}
.kp-tl__aside-list li {
display: flex;
flex-direction: column;
gap: 12px;
align-items: flex-start;
background: #0A0A0A;
padding: 28px 24px;
margin: 0;
position: relative;
}
.kp-tl__aside-list li:not(:last-child) {
margin-right: 1px;
}
.kp-tl__aside-num {
font: 500 32px/1 var(--vp-mono, 'JetBrains Mono', monospace);
color: var(--vp-coral);
letter-spacing: -0.02em;
font-variant-numeric: tabular-nums lining-nums;
white-space: nowrap;
padding-bottom: 12px;
border-bottom: 1px solid rgba(199,62,42,0.4);
width: 100%;
}
.kp-tl__aside-list p {
font: 400 14px/1.55 var(--vp-sans);
color: #D8D4CE;
margin: 0;
max-width: none;
}
.kp-tl__aside-list mark {
background: transparent;
color: var(--vp-coral);
font: 500 12px/1.5 var(--vp-mono, 'JetBrains Mono', monospace);
padding: 0;
border-bottom: 1px solid rgba(199,62,42,0.4);
white-space: nowrap;
}
@media (max-width: 900px) {
.kp-tl__aside {
padding: 36px 24px;
}
.kp-tl__aside-list {
grid-template-columns: 1fr;
}
.kp-tl__aside-list li:not(:last-child) {
margin-right: 0;
margin-bottom: 1px;
}
}
@media (max-width: 1024px) and (min-width: 541px) {
.kp-tl__scroller >.kp-tl__card:last-child {
grid-column: 1 / -1!important;
}
}
.kp-cluster__grid {
counter-reset: cluster-cell;
}
.kp-cluster.kp-cluster__cell {
counter-increment: cluster-cell;
position: relative;
}
.kp-cluster.kp-cluster__cell::after {
content: counter(cluster-cell, decimal-leading-zero);
position: absolute;
top: 16px;
right: 18px;
font: 500 10px/1 'JetBrains Mono', ui-monospace, monospace;
color: #B8B0A6;
letter-spacing: 0.06em;
font-variant-numeric: tabular-nums lining-nums;
pointer-events: none;
}
.kp-cluster__cell--cta::after { content: ""; display: none; }
.kp-cluster.kp-cluster__norm {
padding-bottom: 8px!important;
border-bottom: 1px solid var(--vp-rule)!important;
margin-bottom: 8px!important;
}
.kp-cluster.kp-cluster__norm a.law-ref {
color: var(--vp-ink)!important;
text-decoration: none!important;
border-bottom: 0!important;
font-weight: 500!important;
transition: color.15s ease;
}
.kp-cluster.kp-cluster__cell:hover.kp-cluster__norm a.law-ref {
color: var(--vp-coral)!important;
}
.kp-cluster.kp-cluster__link {
font: 500 11px/1 'JetBrains Mono', ui-monospace, monospace!important;
text-transform: uppercase!important;
letter-spacing: 0.08em!important;
color: var(--vp-coral)!important;
}
.kp-cluster.kp-cluster__link span {
display: inline-block;
transition: transform.15s ease;
margin-left: 4px;
}
.kp-cluster.kp-cluster__cell:hover.kp-cluster__link span {
transform: translateX(3px);
}
.kp-cluster.kp-cluster__cell--featured {
background: #0A0A0A!important;
color: #F7F5F1!important;
grid-column: span 2;
padding-right: 32px!important;
}
.kp-cluster.kp-cluster__cell--featured::after {
color: rgba(247, 245, 241, 0.40);
}
.kp-cluster.kp-cluster__cell--featured.kp-cluster__name {
color: #F7F5F1!important;
font-size: 17px!important;
}
.kp-cluster.kp-cluster__cell--featured.kp-cluster__norm {
border-bottom-color: rgba(247, 245, 241, 0.18)!important;
}
.kp-cluster.kp-cluster__cell--featured.kp-cluster__norm a.law-ref {
color: #F7F5F1!important;
}
.kp-cluster.kp-cluster__cell--featured.kp-cluster__penalty {
color: rgba(247, 245, 241, 0.72)!important;
}
.kp-cluster.kp-cluster__cell--featured:hover {
background: #1A1A1A!important;
box-shadow: inset 3px 0 0 var(--vp-coral)!important;
}
.kp-cluster.kp-cluster__cell--featured:hover.kp-cluster__norm a.law-ref {
color: var(--vp-coral)!important;
}
.kp-cluster.kp-cluster__cell--featured[data-ribbon]::before {
content: attr(data-ribbon);
position: absolute;
top: 0;
right: 0;
background: var(--vp-coral);
color: #FFFFFF;
font: 600 9px/1 'JetBrains Mono', ui-monospace, monospace;
padding: 6px 10px;
letter-spacing: 0.10em;
text-transform: uppercase;
}
.kp-cluster.kp-cluster__cell--cta {
background: #0A0A0A!important;
color: #F7F5F1!important;
grid-column: span 2;
padding: 28px 26px 24px!important;
display: flex!important;
flex-direction: column;
gap: 10px;
}
.kp-cluster__cta-eyebrow {
font: 500 11px/1 'JetBrains Mono', ui-monospace, monospace;
color: var(--vp-coral);
text-transform: uppercase;
letter-spacing: 0.14em;
margin: 0 0 4px;
}
.kp-cluster.kp-cluster__cell--cta.kp-cluster__name {
color: #F7F5F1!important;
font-size: 18px!important;
margin: 0!important;
}
.kp-cluster__penalty--cta {
color: rgba(247, 245, 241, 0.72)!important;
margin: 0 0 8px!important;
flex: 1;
}
.kp-cluster__link--cta {
font: 500 14px/1 'JetBrains Mono', ui-monospace, monospace!important;
color: var(--vp-coral)!important;
text-decoration: none!important;
padding-top: 12px;
border-top: 1px solid rgba(247, 245, 241, 0.18);
font-variant-numeric: tabular-nums;
margin-top: auto;
}
.kp-cluster.kp-cluster__cell--cta:hover {
background: #1A1A1A!important;
}
@media (max-width: 1024px) {
.kp-cluster.kp-cluster__cell--featured,
.kp-cluster.kp-cluster__cell--cta {
grid-column: span 1;
}
}
@media (max-width: 540px) {
.kp-cluster.kp-cluster__cell::after {
top: 12px;
right: 14px;
}
}
.kp-pillars__grid { counter-reset: pillar; }
.kp-pillars.kp-pillars__cell {
counter-increment: pillar;
position: relative;
}
.kp-pillars.kp-pillars__cell::before {
content: counter(pillar, decimal-leading-zero);
position: absolute;
top: 18px;
right: 20px;
font: 500 10px/1 'JetBrains Mono', ui-monospace, monospace;
color: #B8B0A6;
letter-spacing: 0.06em;
font-variant-numeric: tabular-nums lining-nums;
pointer-events: none;
z-index: 1;
}
.kp-pillars.kp-pillars__sub {
font: 500 12px/1.45 'JetBrains Mono', ui-monospace, monospace!important;
color: var(--vp-ink-3)!important;
letter-spacing: 0.01em!important;
margin-top: 8px;
}
.kp-pillars.kp-pillars__arrow {
font: 500 11px/1 'JetBrains Mono', ui-monospace, monospace!important;
text-transform: uppercase!important;
letter-spacing: 0.08em!important;
color: var(--vp-coral)!important;
border-top: 1px solid var(--vp-rule)!important;
padding-top: 14px!important;
margin-top: auto!important;
display: inline-flex!important;
align-items: center;
gap: 6px;
position: relative;
}
.kp-pillars.kp-pillars__arrow::before {
content: "Деталі";
margin-right: 4px;
}
.kp-pillars.kp-pillars__link {
display: flex!important;
flex-direction: column!important;
height: 100%!important;
min-height: 160px!important;
gap: 6px!important;
}
.kp-pillars.kp-pillars__cell:hover.kp-pillars__arrow {
border-top-color: var(--vp-coral)!important;
}
.kp-pillars.kp-pillars__h3 {
font-size: 15px!important;
font-weight: 600!important;
letter-spacing: -0.01em;
}
.kp-pillars.kp-pillars__cell:hover.kp-pillars__sub {
color: var(--vp-ink)!important;
}
.kp-cmp__table td:nth-child(4),
.kp-cmp__table thead th.kp-cmp__th--featured {
background: rgba(199, 62, 42, 0.06)!important;
}
.kp-cmp__table thead th.kp-cmp__th--featured {
background: rgba(199, 62, 42, 0.10)!important;
}
.kp-cmp__table tbody th[scope="row"] {
background: transparent!important;
border-right: 0!important;
font: 600 11px/1.4 'JetBrains Mono', ui-monospace, monospace!important;
text-transform: uppercase!important;
letter-spacing: 0.08em!important;
color: var(--vp-ink-3)!important;
width: auto!important;
vertical-align: top;
padding-top: 18px!important;
}
.kp-cmp__table tbody tr:hover td:not(:nth-child(4)) {
background: rgba(247, 245, 241, 0.50);
}
.kp-cmp__table tbody tr:hover td:nth-child(4) {
background: rgba(199, 62, 42, 0.10)!important;
}
.kp-cmp__table tbody tr:nth-child(even) td:not(:nth-child(4)) {
background: rgba(247, 245, 241, 0.30);
}
.kp-cmp__table tbody tr:nth-child(even) th[scope="row"] {
background: transparent!important;
}
.kp-cmp__table tbody tr:last-child td {
border-top: 2px solid var(--vp-ink)!important;
font-weight: 500!important;
}
.kp-cmp__table tbody tr:last-child th[scope="row"] {
border-top: 2px solid var(--vp-ink)!important;
color: var(--vp-coral)!important;
}
.kp-cmp__badge {
display: inline-block!important;
background: #FFFFFF!important;
color: var(--vp-coral)!important;
border: 1px solid var(--vp-coral)!important;
font: 600 9px/1 'JetBrains Mono', ui-monospace, monospace!important;
text-transform: uppercase!important;
letter-spacing: 0.10em!important;
padding: 4px 8px!important;
margin: 0 0 6px!important;
border-radius: 0!important;
}
.kp-cmp__table td:nth-child(4),
.kp-cmp__table thead th.kp-cmp__th--featured {
border-left: 3px solid var(--vp-coral)!important;
}
.kp-cmp__table-wrap {
position: relative;
}
@media (max-width: 768px) {
.kp-cmp__table-wrap::before {
content: "↔ Прокрутіть таблицю";
display: block;
font: 500 11px/1 'JetBrains Mono', ui-monospace, monospace;
color: var(--vp-coral);
text-transform: uppercase;
letter-spacing: 0.08em;
margin: 0 0 10px;
}
.kp-cmp__table-wrap::after {
content: "";
position: absolute;
top: 30px;
right: 0;
bottom: 0;
width: 40px;
background: linear-gradient(to right, transparent, #FFFFFF);
pointer-events: none;
}
.kp-cmp__table { min-width: 640px; }
}
.kp-cmp__note strong {
color: var(--vp-coral);
font-weight: 600;
}
.vp-penalty.vp-penalty__num {
font: 500 48px/1 'JetBrains Mono', ui-monospace, monospace!important;
color: var(--vp-coral)!important;
letter-spacing: -0.03em!important;
font-variant-numeric: tabular-nums lining-nums!important;
padding-top: 6px!important;
}
.vp-penalty.vp-penalty__steps {
display: grid!important;
gap: 1px!important;
background: var(--vp-rule)!important;
border: 1px solid var(--vp-rule)!important;
padding: 0!important;
margin: 0!important;
list-style: none!important;
}
.vp-penalty.vp-penalty__step {
display: grid!important;
grid-template-columns: 80px 1fr!important;
gap: 24px!important;
padding: 28px 28px!important;
background: #FFFFFF!important;
align-items: start;
position: relative;
transition: background 0.2s ease, box-shadow 0.2s ease;
}
.vp-penalty.vp-penalty__step:nth-child(1) { box-shadow: inset 3px 0 0 var(--vp-rule); }
.vp-penalty.vp-penalty__step:nth-child(2) { box-shadow: inset 3px 0 0 var(--vp-rule); }
.vp-penalty.vp-penalty__step:nth-child(3) { box-shadow: inset 3px 0 0 rgba(199, 62, 42, 0.35); }
.vp-penalty.vp-penalty__step:nth-child(4) { box-shadow: inset 3px 0 0 rgba(199, 62, 42, 0.70); }
.vp-penalty.vp-penalty__step:nth-child(5) { box-shadow: inset 3px 0 0 var(--vp-coral); }
.vp-penalty.vp-penalty__step:hover {
box-shadow: inset 3px 0 0 var(--vp-coral)!important;
}
.vp-penalty.vp-penalty__step--final {
background: #0A0A0A!important;
}
.vp-penalty.vp-penalty__step--final.vp-penalty__num,
.vp-penalty.vp-penalty__step--final.vp-penalty__h3,
.vp-penalty.vp-penalty__step--final.vp-penalty__body p,
.vp-penalty.vp-penalty__step--final.vp-penalty__body p strong {
color: #F7F5F1!important;
}
.vp-penalty.vp-penalty__step--final.vp-penalty__num {
color: var(--vp-coral)!important;
}
.vp-penalty.vp-penalty__step--final.vp-penalty__norm a.law-ref {
color: var(--vp-coral)!important;
}
.vp-penalty__chip {
display: inline-block;
font: 600 10px/1 'JetBrains Mono', ui-monospace, monospace;
text-transform: uppercase;
letter-spacing: 0.10em;
padding: 4px 8px;
border: 1px solid currentColor;
margin: 0 0 12px;
background: transparent;
}
.vp-penalty__chip--civil,
.vp-penalty__chip--enforce { color: var(--vp-ink-3); }
.vp-penalty__chip--admin,
.vp-penalty__chip--criminal { color: var(--vp-coral); }
.vp-penalty__step--final.vp-penalty__chip--family {
color: #FFFFFF!important;
border-color: rgba(255, 255, 255, 0.40)!important;
}
.vp-penalty__threshold {
display: inline-flex;
align-items: baseline;
gap: 10px;
margin: 4px 0 12px!important;
padding: 6px 0;
border-top: 1px dashed var(--vp-rule);
border-bottom: 1px dashed var(--vp-rule);
}
.vp-penalty__threshold-label {
font: 600 10px/1 'JetBrains Mono', ui-monospace, monospace;
color: var(--vp-ink-3);
text-transform: uppercase;
letter-spacing: 0.12em;
}
.vp-penalty__threshold-val {
font: 500 13px/1.3 'JetBrains Mono', ui-monospace, monospace;
color: var(--vp-coral);
font-variant-numeric: tabular-nums lining-nums;
}
.vp-penalty__step--final.vp-penalty__threshold {
border-top-color: rgba(255, 255, 255, 0.18);
border-bottom-color: rgba(255, 255, 255, 0.18);
}
.vp-penalty__step--final.vp-penalty__threshold-label {
color: rgba(247, 245, 241, 0.65);
}
.vp-penalty.vp-penalty__norm {
font: 500 12px/1.4 'JetBrains Mono', ui-monospace, monospace!important;
color: var(--vp-coral)!important;
margin: 0 0 12px!important;
}
.vp-penalty.vp-penalty__norm::before {
content: "[ ";
color: var(--vp-coral);
opacity: 0.65;
}
.vp-penalty.vp-penalty__norm::after {
content: " ]";
color: var(--vp-coral);
opacity: 0.65;
}
.vp-penalty.vp-penalty__norm a.law-ref {
color: var(--vp-coral)!important;
text-decoration: none!important;
border-bottom: 0!important;
}
.vp-penalty.vp-penalty__h3 {
font-size: 17px!important;
font-weight: 600!important;
letter-spacing: -0.01em!important;
margin: 0 0 10px!important;
}
.vp-penalty__appeal {
background: #0A0A0A!important;
color: #F7F5F1!important;
border: 1px solid #0A0A0A!important;
border-left: 3px solid var(--vp-coral)!important;
padding: 28px 32px!important;
margin-top: 32px!important;
}
.vp-penalty__appeal-h3 {
color: #F7F5F1!important;
font: 600 17px/1.3 var(--vp-sans)!important;
margin: 0 0 16px!important;
letter-spacing: -0.01em!important;
}
.vp-penalty__appeal ul {
list-style: none!important;
padding: 0!important;
margin: 0!important;
}
.vp-penalty__appeal ul li {
padding: 10px 0 10px 22px!important;
position: relative;
font: 400 14px/1.55 var(--vp-sans);
color: rgba(247, 245, 241, 0.85)!important;
border-bottom: 1px solid rgba(247, 245, 241, 0.10);
}
.vp-penalty__appeal ul li:last-child { border-bottom: 0!important; }
.vp-penalty__appeal ul li::before {
content: "■";
position: absolute;
left: 0;
top: 10px;
color: var(--vp-coral);
font-size: 10px;
}
.vp-penalty__appeal ul li strong {
color: #F7F5F1!important;
font-weight: 600;
}
@media (max-width: 768px) {
.vp-penalty.vp-penalty__step {
grid-template-columns: 56px 1fr!important;
gap: 18px!important;
padding: 22px 20px!important;
}
.vp-penalty.vp-penalty__num {
font-size: 36px!important;
}
.vp-penalty__appeal {
padding: 24px 22px!important;
}
}
@media (max-width: 540px) {
.vp-penalty.vp-penalty__step {
grid-template-columns: 48px 1fr!important;
}
.vp-penalty.vp-penalty__num {
font-size: 32px!important;
}
}
.vp-vlk__splash {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 1px;
background: var(--vp-rule);
border: 1px solid var(--vp-rule);
margin: 0 0 32px;
background-color: var(--vp-paper-2);
}
.vp-vlk__splash-cell {
background: #FFFFFF;
padding: 24px 18px 22px;
display: flex;
flex-direction: column;
gap: 8px;
align-items: flex-start;
text-align: left;
}
.vp-vlk__splash-cell--accent {
background: var(--vp-paper-2);
}
.vp-vlk.vp-vlk__splash.vp-vlk__splash-cell.vp-vlk__splash-num,
section.vp-vlk span.vp-vlk__splash-num {
font: 500 clamp(36px, 4.8vw, 56px)/1 'JetBrains Mono', ui-monospace, monospace!important;
font-family: 'JetBrains Mono', ui-monospace, monospace!important;
color: var(--vp-coral)!important;
letter-spacing: -0.03em!important;
font-variant-numeric: tabular-nums lining-nums!important;
}
.vp-vlk.vp-vlk__splash.vp-vlk__splash-cell.vp-vlk__splash-lbl,
section.vp-vlk span.vp-vlk__splash-lbl {
font: 500 11px/1.3 'JetBrains Mono', ui-monospace, monospace!important;
font-family: 'JetBrains Mono', ui-monospace, monospace!important;
color: var(--vp-ink-3)!important;
text-transform: uppercase!important;
letter-spacing: 0.08em!important;
}
@media (max-width: 900px) {
.vp-vlk__splash {
grid-template-columns: repeat(3, 1fr);
}
.vp-vlk__splash-cell:nth-child(4),
.vp-vlk__splash-cell:nth-child(5) {
grid-column: span 1;
}
}
@media (max-width: 540px) {
.vp-vlk__splash {
grid-template-columns: repeat(2, 1fr);
}
.vp-vlk__splash-num {
font-size: clamp(28px, 7vw, 36px)!important;
}
}
.vp-vlk__caveat {
font: 400 14px/1.55 var(--vp-sans)!important;
color: var(--vp-ink-2)!important;
font-style: normal!important;
padding: 12px 0 12px 18px!important;
border-left: 2px solid var(--vp-coral)!important;
margin: 14px 0 0!important;
max-width: 68ch!important;
background: transparent;
}
.vp-vlk__caveat strong {
color: var(--vp-ink)!important;
font-weight: 600;
}
.vp-vlk.vp-vlk__card--paper {
background: #FFFFFF!important;
}
.vp-vlk.vp-vlk__card--ink {
background: #0A0A0A!important;
color: #F7F5F1!important;
}
.vp-vlk.vp-vlk__card--ink.vp-vlk__card-h3,
.vp-vlk.vp-vlk__card--ink.vp-vlk__card-h3 * {
color: #F7F5F1!important;
}
.vp-vlk.vp-vlk__card--ink.vp-vlk__card-letter {
background: rgba(199, 62, 42, 0.15)!important;
color: var(--vp-coral)!important;
border: 1px solid var(--vp-coral)!important;
}
.vp-vlk.vp-vlk__dl dt {
font: 600 11px/1.4 'JetBrains Mono', ui-monospace, monospace!important;
text-transform: uppercase!important;
letter-spacing: 0.08em!important;
color: var(--vp-coral)!important;
padding: 14px 0 6px 12px!important;
border-top: 1px solid var(--vp-rule)!important;
border-left: 2px solid var(--vp-coral)!important;
margin-top: 12px!important;
}
.vp-vlk.vp-vlk__dl dt:first-of-type {
border-top: 0!important;
margin-top: 0!important;
}
.vp-vlk.vp-vlk__dl dd {
font: 400 14px/1.55 var(--vp-sans)!important;
color: var(--vp-ink-2)!important;
margin: 0 0 0 14px!important;
padding-bottom: 4px;
font-variant-numeric: tabular-nums;
}
.vp-vlk.vp-vlk__card--ink.vp-vlk__dl dt {
color: var(--vp-coral)!important;
border-top-color: rgba(247, 245, 241, 0.12)!important;
}
.vp-vlk.vp-vlk__card--ink.vp-vlk__dl dd {
color: rgba(247, 245, 241, 0.80)!important;
}
.vp-vlk.vp-vlk__card--ink.vp-vlk__dl dd strong {
color: #F7F5F1!important;
}
.vp-vlk.vp-vlk__card--ink.vp-vlk__dl dd a {
color: #F7F5F1!important;
border-bottom: 1px solid rgba(247, 245, 241, 0.30)!important;
}
.vp-vlk.vp-vlk__card--ink.vp-vlk__dl dd a:hover {
color: var(--vp-coral)!important;
border-bottom-color: var(--vp-coral)!important;
}
.vp-vlk__pullquote {
margin: 40px 0;
padding: 36px 32px;
border-top: 2px solid var(--vp-ink);
border-bottom: 2px solid var(--vp-ink);
text-align: left;
max-width: 88ch;
}
.vp-vlk__pullquote-text {
font: 500 clamp(22px, 2.6vw, 32px)/1.35 var(--vp-sans)!important;
color: var(--vp-ink)!important;
margin: 0 0 14px!important;
letter-spacing: -0.01em;
text-wrap: balance;
}
.vp-vlk__mark {
background: linear-gradient(0deg,
transparent 0%,
transparent 18%,
rgba(199, 62, 42, 0.18) 18%,
rgba(199, 62, 42, 0.18) 88%,
transparent 88%,
transparent 100%);
color: var(--vp-ink);
padding: 0 2px;
}
.vp-vlk__pullquote-attr {
font: 500 11px/1 'JetBrains Mono', ui-monospace, monospace!important;
color: var(--vp-ink-3)!important;
text-transform: uppercase;
letter-spacing: 0.10em;
}
.vp-vlk__finale {
background: #0A0A0A;
color: #F7F5F1;
padding: 48px 40px;
display: grid;
grid-template-columns: 1.5fr auto;
gap: 32px;
align-items: center;
margin-top: 40px;
border: 1px solid #0A0A0A;
}
.vp-vlk__finale-body { min-width: 0; }
.vp-vlk__finale-claim {
font: 600 clamp(28px, 3.6vw, 44px)/1.15 var(--vp-sans)!important;
color: #F7F5F1!important;
margin: 0 0 10px!important;
letter-spacing: -0.02em;
}
.vp-vlk__finale-claim span:first-child {
color: rgba(247, 245, 241, 0.55);
}
.vp-vlk__finale-emphasis {
color: var(--vp-coral)!important;
}
.vp-vlk__finale-sub {
font: 400 15px/1.55 var(--vp-sans)!important;
color: rgba(247, 245, 241, 0.75)!important;
margin: 0!important;
max-width: 64ch;
}
.vp-vlk__finale-cta {
font: 500 16px/1 'JetBrains Mono', ui-monospace, monospace!important;
color: var(--vp-coral)!important;
text-decoration: none!important;
padding: 14px 20px!important;
border: 1px solid var(--vp-coral)!important;
white-space: nowrap;
font-variant-numeric: tabular-nums;
transition: background.15s ease, color.15s ease;
}
.vp-vlk__finale-cta:hover {
background: var(--vp-coral)!important;
color: #FFFFFF!important;
}
@media (max-width: 720px) {
.vp-vlk__finale {
grid-template-columns: 1fr;
padding: 36px 24px;
}
.vp-vlk__finale-cta {
justify-self: start;
}
}
.vp-faq__trigger[aria-expanded="true"] +.vp-faq__panel {
max-height: 4000px!important;
padding: 0!important;
overflow: visible!important;
}
.vp-faq__trigger[aria-expanded="true"] +.vp-faq__panel > * {
padding-left: 28px!important;
padding-right: 28px!important;
}
.vp-faq__trigger[aria-expanded="true"].vp-faq__icon {
transform: rotate(45deg);
}
.vp-faq__list {
counter-reset: vpfaq;
}
.vp-faq__item {
counter-increment: vpfaq;
position: relative;
}
.vp-faq__item::before {
content: counter(vpfaq, decimal-leading-zero);
position: absolute;
top: 22px;
right: 24px;
font: 500 11px/1 'JetBrains Mono', ui-monospace, monospace;
color: var(--vp-coral);
letter-spacing: 0.10em;
font-variant-numeric: tabular-nums lining-nums;
pointer-events: none;
z-index: 1;
}
.vp-faq__item[data-cat]::after {
content: attr(data-cat);
position: absolute;
top: 22px;
right: 60px;
font: 600 10px/1 'JetBrains Mono', ui-monospace, monospace;
color: var(--vp-coral);
text-transform: uppercase;
letter-spacing: 0.10em;
padding: 3px 7px;
border: 1px solid rgba(199, 62, 42, 0.35);
background: rgba(199, 62, 42, 0.05);
pointer-events: none;
z-index: 1;
white-space: nowrap;
}
.vp-faq__item.vp-faq__trigger {
padding-right: 160px!important;
}
@media (max-width: 540px) {
.vp-faq__item[data-cat]::after {
display: none;
}
.vp-faq__item.vp-faq__trigger {
padding-right: 56px!important;
}
}
.vp-faq__item:hover {
background: rgba(199, 62, 42, 0.02);
box-shadow: inset 2px 0 0 var(--vp-coral);
}
.vp-faq__trigger {
transition: transform 0.15s ease, color 0.15s ease;
}
.vp-faq__item:hover.vp-faq__trigger > span:first-child {
transform: translateX(4px);
color: var(--vp-coral);
}
.vp-faq__item:has(.vp-faq__trigger[aria-expanded="true"]) {
background: var(--vp-ink)!important;
border-top: 2px solid var(--vp-coral)!important;
border-bottom: 2px solid var(--vp-coral)!important;
box-shadow: none!important;
}
.vp-faq__item:has(.vp-faq__trigger[aria-expanded="true"]).vp-faq__trigger {
color: #F7F5F1!important;
}
.vp-faq__item:has(.vp-faq__trigger[aria-expanded="true"]).vp-faq__trigger > span:first-child {
color: #F7F5F1!important;
transform: none!important;
}
.vp-faq__item:has(.vp-faq__trigger[aria-expanded="true"])::before {
color: var(--vp-coral)!important;
}
.vp-faq__item:has(.vp-faq__trigger[aria-expanded="true"])[data-cat]::after {
color: var(--vp-coral)!important;
border-color: var(--vp-coral)!important;
background: rgba(199, 62, 42, 0.15)!important;
}
.vp-faq__item:has(.vp-faq__trigger[aria-expanded="true"]).vp-faq__icon {
background: var(--vp-coral)!important;
color: #FFFFFF!important;
}
.vp-faq__item:has(.vp-faq__trigger[aria-expanded="true"]).vp-faq__panel,
.vp-faq__item:has(.vp-faq__trigger[aria-expanded="true"]).vp-faq__panel p {
color: rgba(247, 245, 241, 0.85)!important;
}
.vp-faq__item:has(.vp-faq__trigger[aria-expanded="true"]).vp-faq__panel strong {
color: #F7F5F1!important;
font-weight: 600;
}
.vp-faq__item:has(.vp-faq__trigger[aria-expanded="true"]).vp-faq__panel a.law-ref,
.vp-faq__item:has(.vp-faq__trigger[aria-expanded="true"]).vp-faq__panel a[href*="zakon.rada"] {
color: var(--vp-coral)!important;
border-bottom: 1px solid rgba(199, 62, 42, 0.50)!important;
}
.vp-faq__item:has(.vp-faq__trigger[aria-expanded="true"]).vp-faq__panel a:not(.law-ref):not([href*="zakon.rada"]):not(.vp-faq__inline-cta) {
color: #F7F5F1!important;
border-bottom: 1px solid rgba(247, 245, 241, 0.30)!important;
}
.vp-faq__item:has(.vp-faq__trigger[aria-expanded="true"]).vp-faq__cutout {
background: var(--vp-paper-2)!important;
border-left: 3px solid var(--vp-coral)!important;
color: var(--vp-ink)!important;
}
.vp-faq__item:has(.vp-faq__trigger[aria-expanded="true"]).vp-faq__cutout p,
.vp-faq__item:has(.vp-faq__trigger[aria-expanded="true"]).vp-faq__cutout strong {
color: var(--vp-ink)!important;
}
.vp-faq__item:has(.vp-faq__trigger[aria-expanded="true"]).vp-faq__inline-cta {
color: var(--vp-coral)!important;
background: rgba(199, 62, 42, 0.10)!important;
}
.vp-faq__item:has(.vp-faq__trigger[aria-expanded="true"]).vp-faq__inline-phone {
color: #F7F5F1!important;
}
.vp-faq__footer-cta {
background: #0A0A0A;
color: #F7F5F1;
padding: 32px 36px;
margin-top: 24px;
display: grid;
grid-template-columns: 1fr auto;
gap: 32px;
align-items: center;
border: 1px solid #0A0A0A;
border-left: 3px solid var(--vp-coral);
}
.vp-faq__footer-cta-body {
min-width: 0;
}
.vp-faq__footer-cta-eyebrow {
font: 600 11px/1 'JetBrains Mono', ui-monospace, monospace!important;
color: var(--vp-coral)!important;
text-transform: uppercase;
letter-spacing: 0.14em;
margin: 0 0 8px!important;
}
.vp-faq__footer-cta-h {
font: 600 20px/1.2 var(--vp-sans)!important;
color: #F7F5F1!important;
margin: 0 0 6px!important;
letter-spacing: -0.01em;
}
.vp-faq__footer-cta-sub {
font: 400 14px/1.5 var(--vp-sans)!important;
color: rgba(247, 245, 241, 0.72)!important;
margin: 0!important;
max-width: 56ch;
}
.vp-faq__footer-cta-link {
font: 500 16px/1 'JetBrains Mono', ui-monospace, monospace!important;
color: var(--vp-coral)!important;
text-decoration: none!important;
padding: 14px 20px!important;
border: 1px solid var(--vp-coral)!important;
white-space: nowrap;
font-variant-numeric: tabular-nums;
transition: background 0.15s ease, color 0.15s ease;
}
.vp-faq__footer-cta-link:hover {
background: var(--vp-coral)!important;
color: #FFFFFF!important;
}
@media (max-width: 720px) {
.vp-faq__footer-cta {
grid-template-columns: 1fr;
padding: 28px 24px;
}
.vp-faq__footer-cta-link {
justify-self: start;
}
}
.vp-faq__trigger[aria-expanded="true"] +.vp-faq__panel > * {
padding-left: 0!important;
padding-right: 0!important;
}
.vp-faq__item:has(.vp-faq__trigger[aria-expanded="true"]).vp-faq__trigger:focus,
.vp-faq__item:has(.vp-faq__trigger[aria-expanded="true"]).vp-faq__trigger:focus-visible {
outline: 1px solid rgba(247, 245, 241, 0.30)!important;
outline-offset: 4px;
}
.vp-faq__item:has(.vp-faq__trigger[aria-expanded="true"]).vp-faq__trigger > span:first-child {
outline: none!important;
border: 0!important;
}
.vp-faq__item.vp-faq__trigger {
display: flex!important;
align-items: center!important;
text-align: left;
gap: 14px;
}
.vp-faq__item.vp-faq__trigger > span:first-child {
flex: 1;
min-width: 0;
}
.vp-hero__title.vp-hero__title-accent {
text-decoration: underline!important;
text-decoration-color: var(--vp-coral)!important;
text-decoration-thickness: 2px!important;
text-underline-offset: 6px!important;
text-decoration-skip-ink: none;
}
.vp-hero__stat-strip {
display: grid;
grid-template-columns: repeat(3, auto);
gap: 0;
margin: 18px 0 28px;
padding: 14px 0;
border-top: 1px solid var(--vp-rule);
border-bottom: 1px solid var(--vp-rule);
max-width: max-content;
}
.vp-hero__stat-item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
padding: 0 22px;
border-right: 1px solid var(--vp-rule);
}
.vp-hero__stat-item:first-child { padding-left: 0; }
.vp-hero__stat-item:last-child {
border-right: 0;
padding-right: 0;
}
.vp-hero__stat-item dt {
font: 500 10px/1 'JetBrains Mono', ui-monospace, monospace!important;
color: var(--vp-ink-3)!important;
text-transform: uppercase;
letter-spacing: 0.10em;
margin: 0!important;
padding: 0!important;
}
.vp-hero__stat-item dd {
font: 600 24px/1 'JetBrains Mono', ui-monospace, monospace!important;
color: var(--vp-coral)!important;
letter-spacing: -0.02em;
font-variant-numeric: tabular-nums lining-nums;
margin: 0!important;
padding: 0!important;
}
@media (max-width: 540px) {
.vp-hero__stat-strip {
grid-template-columns: repeat(3, 1fr);
max-width: 100%;
gap: 0;
}
.vp-hero__stat-item { padding: 0 12px; }
.vp-hero__stat-item dd { font-size: 20px!important; }
}
.vp-hero__lede.vp-hero__lede-mark {
background: linear-gradient(180deg,
transparent 0,
transparent 62%,
rgba(199, 62, 42, 0.20) 62%,
rgba(199, 62, 42, 0.20) 92%,
transparent 92%)!important;
color: var(--vp-ink)!important;
padding: 0 2px!important;
border-bottom: 0!important;
}
.vp-hero__byline.vp-hero__status {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--vp-coral)!important;
font: inherit;
}
.vp-hero__status-dot {
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--vp-coral);
flex-shrink: 0;
animation: vp-hero-pulse 2s ease-in-out infinite;
box-shadow: 0 0 0 0 rgba(199, 62, 42, 0.6);
}
.vp-hero__status-sep {
color: var(--vp-ink-3);
margin: 0 2px;
}
@keyframes vp-hero-pulse {
0%, 100% {
box-shadow: 0 0 0 0 rgba(199, 62, 42, 0.55);
transform: scale(1);
}
70% {
box-shadow: 0 0 0 8px rgba(199, 62, 42, 0);
transform: scale(1.15);
}
}
@media (prefers-reduced-motion: reduce) {
.vp-hero__status-dot {
animation: none!important;
box-shadow: none!important;
}
}
.vp-hero__trust.vp-hero__trust-item {
position: relative;
}
.vp-hero__trust.vp-hero__trust-item::after {
content: "";
position: absolute;
left: -10px;
top: 6px;
bottom: 6px;
width: 1px;
background: var(--vp-coral);
opacity: 0.40;
}
.vp-hero__cta.vp-btn--primary {
position: relative;
overflow: hidden;
isolation: isolate;
}
.vp-hero__cta.vp-btn--primary::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: radial-gradient(circle at center,
rgba(255, 255, 255, 0.15) 0%,
transparent 0%);
transition: background 0.35s ease;
pointer-events: none;
}
.vp-hero__cta.vp-btn--primary:hover::after {
background: radial-gradient(circle at center,
rgba(255, 255, 255, 0.15) 0%,
rgba(255, 255, 255, 0.15) 100%);
}
@media (prefers-reduced-motion: reduce) {
.vp-hero__cta.vp-btn--primary::after { transition: none!important; }
}
.vp-hero.vp-eyebrow.vp-eyebrow__dot {
animation: vp-hero-pulse 2.4s ease-in-out infinite;
box-shadow: 0 0 0 0 rgba(199, 62, 42, 0.45);
}
@media (prefers-reduced-motion: reduce) {
.vp-hero.vp-eyebrow.vp-eyebrow__dot {
animation: none!important;
box-shadow: none!important;
}
}
@media (min-width: 1024px) {
.vp-hero.vp-hero__title,
.vp-hero__lead.vp-hero__title,
h1#vp-hero-title,
.vp-hero__title#vp-hero-title {
min-height: 100px!important;
font-size: clamp(36px, 3vw, 44px)!important;
line-height: 1.08!important;
letter-spacing: -0.022em!important;
text-wrap: pretty!important;
max-width: 32ch!important;
}
.vp-hero__lede {
min-height: 104px!important;
}
.vp-hero__chip-strip,
.vp-hero__chips {
min-height: 56px!important;
}
.vp-hero__trust {
min-height: 72px!important;
}
.vp-hero__aside,
.vp-hero__side {
min-height: 580px!important;
}
}
@media (max-width: 1023px) {
.vp-hero__title { font-size: clamp(32px, 5vw, 44px)!important; }
}
body { padding-top: 56px!important; }
@media (max-width: 1023px) { body { padding-top: 48px!important; } }
.vp-finalcta.vp-finalcta__h2,
section.vp-finalcta.vp-finalcta__h2 {
margin-left: auto!important;
margin-right: auto!important;
text-align: center!important;
}
.vp-finalcta.vp-eyebrow.vp-eyebrow__dot,
section.vp-finalcta.vp-eyebrow.vp-eyebrow__dot {
width: 8px!important;
height: 8px!important;
background: var(--vp-coral, #C73E2A)!important;
border-radius: 50%!important;
display: inline-block!important;
flex-shrink: 0;
animation: vp-finalcta-eyebrow-pulse 2s ease-in-out infinite;
box-shadow: 0 0 0 0 rgba(199, 62, 42, 0.6);
}
@keyframes vp-finalcta-eyebrow-pulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(199, 62, 42, 0.55); transform: scale(1); }
70% { box-shadow: 0 0 0 8px rgba(199, 62, 42, 0); transform: scale(1.15); }
}
@media (prefers-reduced-motion: reduce) {
.vp-finalcta.vp-eyebrow.vp-eyebrow__dot { animation: none!important; box-shadow: none!important; }
}
.vp-team2.vp-team2__grid {
background: #14130F!important;
padding: 32px 24px!important;
border-radius: 4px!important;
display: grid!important;
grid-template-columns: repeat(4, 1fr)!important;
gap: 0!important;
border: none!important;
}
.vp-team2.vp-team2__card {
padding: 0 24px!important;
border: none!important;
color: #FAFAFA!important;
background: transparent!important;
}
.vp-team2.vp-team2__card:first-child { padding-left: 0!important; }
.vp-team2.vp-team2__card:last-child { padding-right: 0!important; }
.vp-team2.vp-team2__card * { border: none!important; }
.vp-team2.vp-team2__card.vp-team2__name { color: #FAFAFA!important; }
.vp-team2.vp-team2__card.vp-team2__bio { color: #D4D2CD!important; }
.vp-team2.vp-team2__card.vp-team2__naau { color: #9B9994!important; }
.vp-team2.vp-team2__card.vp-team2__laws { color: #9B9994!important; }
.vp-team2.vp-team2__card.vp-team2__role { color: var(--vp-coral, #C73E2A)!important; }
@media (max-width: 900px) {
.vp-team2.vp-team2__grid { grid-template-columns: repeat(2, 1fr)!important; gap: 24px 0!important; }
.vp-team2.vp-team2__card { padding: 0 16px!important; }
}
@media (max-width: 540px) {
.vp-team2.vp-team2__grid { grid-template-columns: 1fr!important; gap: 24px!important; }
.vp-team2.vp-team2__card { padding: 0!important; }
}