.vp-related{padding:96px 24px;background:var(--vp-paper,#FAFAFA);border-top:1px solid var(--vp-rule,#E5DFD9)}
.vp-related__inner{max-width:1200px;margin:0 auto}
.vp-related__head{max-width:760px;margin:0 0 48px}
.vp-related__h2{font:600 clamp(28px,3vw,40px)/1.15 var(--vp-sans);color:var(--vp-ink,#0A0A0A);letter-spacing:-0.02em;margin:16px 0 12px}
.vp-related__sub{font:400 17px/1.55 var(--vp-sans);color:var(--vp-ink-2,#2A2A2A);margin:0;max-width:60ch}
.vp-related__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--vp-rule-2,#1A1A1A)}
.vp-related__item{border-bottom:1px solid var(--vp-rule,#E5DFD9);border-right:1px solid var(--vp-rule,#E5DFD9)}
.vp-related__item:last-child{border-right:none}
.vp-related__link{display:grid;grid-template-rows:auto 1fr auto;gap:8px;padding:28px 24px;text-decoration:none;color:inherit;min-height:140px;transition:background 0.15s ease}
.vp-related__link:hover,.vp-related__link:focus-visible{background:var(--vp-paper-2,#F7F5F1)}
.vp-related__title{font:600 17px/1.3 var(--vp-sans);color:var(--vp-ink,#0A0A0A);letter-spacing:-0.005em}
.vp-related__meta{font:400 13px/1.5 var(--vp-sans);color:var(--vp-ink-3,#5B5B5B)}
.vp-related__arrow{font:500 18px/1 var(--vp-sans);color:var(--vp-coral,#C73E2A);align-self:end;justify-self:end}
@media(max-width:768px){.vp-related{padding:64px 16px}.vp-related__list{grid-template-columns:1fr}.vp-related__item{border-right:none}}
#related{background:#F7F5F1;padding:96px 24px;border:0}
#related .vprel__in{max-width:1160px;margin:0 auto}
#related .vprel__head{max-width:760px;margin:0 0 56px;padding:0}
#related .vprel__tick{display:block;width:64px;height:3px;background:#C73E2A;margin:0 0 20px;border-radius:0}
#related .vprel__eyebrow{display:block;font:500 12px/1 var(--vp-sans,"e-Ukraine",system-ui,sans-serif);letter-spacing:.02em;color:#5B5B5B;margin:0 0 16px;text-transform:none}
#related .vprel__h2{font:700 clamp(28px,3vw,40px)/1.12 var(--vp-head,"e-UkraineHead","e-Ukraine",system-ui,sans-serif);font-family:var(--vp-head,"e-UkraineHead","e-Ukraine",system-ui,sans-serif) !important;letter-spacing:-.025em;color:#0A0A0A;margin:0 0 16px;padding:0;text-align:left;text-transform:none;text-wrap:balance}
#related .vprel__sub{font:400 17px/1.55 var(--vp-sans,"e-Ukraine",system-ui,sans-serif);color:#2A2A2A;margin:0;padding:0;max-width:640px}
#related .vprel__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:1px;background:#E5DFD9;border:1px solid #E5DFD9;border-radius:0;margin:0;padding:0;list-style:none}
#related .vprel__cell{display:flex;margin:0;padding:0;list-style:none;background:transparent}
#related .vprel__cell::marker{content:""}
#related .vprel__card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;min-height:264px;padding:28px 24px 64px;background:#FFFFFF;color:#0A0A0A;text-decoration:none;border-radius:0;overflow-wrap:break-word;transition:background .2s ease-out}
#related .vprel__card:visited{color:#0A0A0A}
#related .vprel__card:hover,#related .vprel__card:focus-visible{background:#FAF8F4;text-decoration:none}
#related .vprel__card:focus-visible{outline:2px solid #0A0A0A;outline-offset:-2px}
#related .vprel__card::before,#related .vprel__card::after,#related .vprel__corners::before,#related .vprel__corners::after{content:"";position:absolute;width:10px;height:10px;border-style:solid;border-color:#0A0A0A;border-width:0;border-radius:0;pointer-events:none;transition:border-color .2s ease-out}
#related .vprel__card::before{top:-1px;left:-1px;border-top-width:1px;border-left-width:1px}
#related .vprel__card::after{top:-1px;right:-1px;border-top-width:1px;border-right-width:1px}
#related .vprel__corners{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}
#related .vprel__corners::before{bottom:-1px;left:-1px;border-bottom-width:1px;border-left-width:1px}
#related .vprel__corners::after{bottom:-1px;right:-1px;border-bottom-width:1px;border-right-width:1px}
#related .vprel__card:hover::before,#related .vprel__card:hover::after,#related .vprel__card:focus-visible::before,#related .vprel__card:focus-visible::after{border-color:#C73E2A}
#related .vprel__card:hover .vprel__corners::before,#related .vprel__card:hover .vprel__corners::after,#related .vprel__card:focus-visible .vprel__corners::before,#related .vprel__card:focus-visible .vprel__corners::after{border-color:#C73E2A}
#related .vprel__num{display:block;height:40px;font:700 clamp(38px,3.3vw,46px)/40px var(--vp-head,"e-UkraineHead","e-Ukraine",system-ui,sans-serif);font-family:var(--vp-head,"e-UkraineHead","e-Ukraine",system-ui,sans-serif) !important;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#0A0A0A;margin:0 0 16px;padding:0}
#related .vprel__mark{display:flex;align-items:center;height:40px;margin:0 0 16px;padding:0;color:#6E655C}
#related .vprel__mark svg{display:block;width:22px;height:22px}
#related .vprel__rule{position:relative;display:block;height:3px;margin:0 0 16px;padding:0}
#related .vprel__rule::before{content:"";position:absolute;left:0;right:0;top:1px;height:1px;background:#E5DFD9}
#related .vprel__rule::after{content:"";position:absolute;left:0;top:0;width:32px;height:3px;background:#C73E2A;transition:width .2s ease-out}
#related .vprel__card:hover .vprel__rule::after,#related .vprel__card:focus-visible .vprel__rule::after{width:96px}
#related .vprel__t{display:block;min-height:48px;font:500 18px/1.28 var(--vp-head,"e-UkraineHead","e-Ukraine",system-ui,sans-serif);font-family:var(--vp-head,"e-UkraineHead","e-Ukraine",system-ui,sans-serif) !important;letter-spacing:-.015em;color:#0A0A0A;margin:0 0 12px;padding:0;text-align:left;text-transform:none;text-decoration:none;transition:color .2s ease-out}
#related .vprel__card:hover .vprel__t,#related .vprel__card:focus-visible .vprel__t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
#related .vprel__m{display:block;font:400 13.5px/1.55 var(--vp-sans,"e-Ukraine",system-ui,sans-serif);color:#5B5B5B;margin:0;padding:0 0 0 12px;border-left:2px solid #C73E2A;transition:border-color .2s ease-out}
#related .vprel__go{position:absolute;left:24px;right:24px;bottom:20px;box-sizing:border-box;display:flex;align-items:flex-end;justify-content:flex-end;height:28px;padding:0;border-top:1px solid #E5DFD9;color:#C73E2A;transition:border-color .2s ease-out}
#related .vprel__go svg{display:block;width:12px;height:12px;transition:transform .2s ease-out}
#related .vprel__card:hover .vprel__go svg,#related .vprel__card:focus-visible .vprel__go svg{transform:translateX(3px)}
#related .vprel__card--more .vprel__rule::after{width:32px;background:#A79E94}
#related .vprel__card--more:hover .vprel__rule::after,#related .vprel__card--more:focus-visible .vprel__rule::after{width:96px;background:#C73E2A}
#related .vprel__card--more .vprel__m{border-left-color:#A79E94}
#related .vprel__card--more:hover .vprel__m,#related .vprel__card--more:focus-visible .vprel__m{border-left-color:#C73E2A}
#related .vprel__card--more .vprel__t{color:#2A2A2A}
#related .vprel__card--more:hover .vprel__t,#related .vprel__card--more:focus-visible .vprel__t{color:#0A0A0A}
@media (max-width:960px){
#related{padding:64px 20px}
#related .vprel__head{margin:0 0 40px}
#related .vprel__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:700px){
#related .vprel__sub{font-size:16px}
#related .vprel__grid{grid-template-columns:1fr;grid-auto-rows:auto}
#related .vprel__card{min-height:0;padding:24px 20px 56px}
#related .vprel__num{height:34px;font-size:40px;line-height:34px;margin:0 0 12px}
#related .vprel__mark{height:34px;margin:0 0 12px}
#related .vprel__t{min-height:0;font-size:17px;margin:0 0 12px}
#related .vprel__m{font-size:14px}
#related .vprel__go{left:20px;right:20px;bottom:16px;height:24px}
}
@media (prefers-reduced-motion:reduce){
#related .vprel__card,#related .vprel__go,#related .vprel__go svg,#related .vprel__m,#related .vprel__t,#related .vprel__rule::after,#related .vprel__card::before,#related .vprel__card::after,#related .vprel__corners::before,#related .vprel__corners::after{transition:none}
#related .vprel__card:hover .vprel__go svg,#related .vprel__card:focus-visible .vprel__go svg{transform:none}
}
.vp-soft-cta:focus-visible,.vp-faq__inline-cta:focus-visible {
outline: 2px solid var(--vp-ink, #0A0A0A);
outline-offset: 3px;
border-radius: 2px;
}
@media (max-width: 768px) {
.vp-soft-cta { min-height: 32px; padding-block: 6px; margin-block: 8px; }
}
.vp-finalcta__steps {
list-style: none; padding: 0; margin: 20px 0 24px;
display: grid; gap: 10px; max-width: 540px;
}
.vp-finalcta__steps li {
font: 500 14px/1.5 var(--vp-sans); color: var(--vp-paper-2);
display: flex; gap: 10px; align-items: baseline;
}
.vp-finalcta__step-num {
font: 600 13px/1 var(--vp-mono); color: var(--vp-coral);
min-width: 18px; letter-spacing: 0;
}
.vp-hero__deck--gate { margin-top: -4px; font-style: normal; }
html { scroll-padding-top: 72px; }
.vp-darkblock { font-family: var(--vp-sans); }
@media (max-width: 1023px) and (min-width: 768px) {
.vp-stickynav__cta { padding: 10px 14px; font-size: 13px; }
.vp-stickynav__list { gap: 18px; }
}
.vp-hero__stat-item dt {
font-size: 11px; letter-spacing: 0.08em; color: #595959;
}
.vp-team2__diff {
display: inline-block; font: 600 11px/1.4 var(--vp-mono);
color: var(--vp-coral); letter-spacing: 0.04em;
text-transform: uppercase; margin-left: 4px;
}
.vp-team2__name { font-size: 16px; line-height: 1.3; }
.vp-ic-link:hover { color: var(--vp-coral-hover)!important; }
.vp-faq__panel { visibility: hidden; }
.vp-faq__item.is-open.vp-faq__panel { visibility: visible; }
.vp-hero__title { text-wrap: balance; hyphens: auto; word-break: break-word; }
.vp-finalcta__h2 { white-space: normal!important; font-size: clamp(28px, 2.4vw, 36px)!important; text-wrap: balance; max-width: none!important; }
@media (hover: hover) and (pointer: fine) {
.vp-stickynav__list a { min-height: 44px; display: inline-flex; align-items: center; }
}
.vp-stickynav__list a { min-height: 48px; display: inline-flex; align-items: center; padding-block: 12px; }
.vp-soft-cta { min-height: 40px; padding-block: 10px; display: inline-flex; align-items: center; }
.vp-faq__inline-cta { min-height: 48px; padding-block: 12px; display: inline-flex; align-items: center; flex-wrap: wrap; }
@media (max-width: 480px) {
.vp-soft-cta { min-height: 48px; padding-block: 14px; }
.vp-faq__inline-cta { min-height: 48px; padding-block: 14px; }
}
@media (max-width: 768px) {
.vp-tree__rules { grid-template-columns: 1fr!important; }
.vp-darkblock [style*="repeat(2,1fr)"],
.vp-darkblock [style*="repeat(2, 1fr)"] { grid-template-columns: 1fr!important; }
.vp-darkblock [style*="1fr auto"] { grid-template-columns: 1fr!important; }
}
@media (max-width: 480px) {
.vp-hero__wrap,.vp-hero__inner { padding-inline: 16px; max-width: 100vw; overflow-x: hidden; }
.vp-hero { overflow-x: hidden; }
.vp-hero__title { font-size: clamp(26px, 7vw, 32px); }
.vp-hero__stat-strip { flex-wrap: wrap; gap: 12px; }
.vp-hero__cta { flex-direction: column; align-items: stretch; }
.vp-hero__cta.vp-btn { width: 100%; }
.vp-btn--primary { flex-direction: column; gap: 2px; text-align: center; padding: 14px 16px; }
}
@media (max-width: 768px) {
.vp-bc { padding-inline: 16px!important; padding-bottom: 24px!important; }
}
@media (max-width: 480px) {
.vp-stickynav__brand { display: none; }
.vp-stickynav__divider { display: none; }
.vp-stickynav__inner { padding-inline: 12px; }
.vp-stickynav__list { mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); }
}
@media (min-width: 1280px) {
.vp-stickynav__list { gap: 16px; font-size: 13px; }
}
.vp-stat-card { text-align: left; }
div.vp-process__step { cursor: default; }
.vp-hero { padding: 64px 24px 56px!important; background: var(--vp-bg, #FAF8F4)!important; }
@media (min-width: 1440px) {.vp-hero { padding: 72px 24px 64px!important; } }
@media (max-width: 1023px) {.vp-hero { padding: 40px 20px 32px!important; } }
.vp-hero__inner { max-width: 1200px!important; margin: 0 auto!important;
display: grid!important; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr)!important;
gap: 80px!important; align-items: start!important; }
@media (max-width: 1023px) {
.vp-hero__inner { grid-template-columns: 1fr!important; gap: 40px!important; }
}
.vp-hero.vp-bc { grid-column: 1 / -1!important; }
.vp-hero.vp-bc a:hover { color: var(--vp-coral)!important; }
.vp-hero.vp-bc a,.vp-hero.vp-bc span { border: 0!important; }
.vp-hero__lead { position: relative!important; padding-left: 20px!important; }
.vp-hero__lead::before {
content: ""!important; position: absolute!important;
left: 0!important; top: 4px!important; bottom: 4px!important;
width: 2px!important; background: var(--vp-coral)!important;
opacity: 0.55!important; border-radius: 1px!important; display: block!important;
}
@media (max-width: 1023px) {
.vp-hero__lead { padding-left: 14px!important; }
}
.vp-hero.vp-eyebrow {
display: inline-flex!important; align-items: center!important; gap: 8px!important;
font: 500 11px/1.4 var(--vp-mono, ui-monospace, monospace)!important;
letter-spacing: 0.08em!important; text-transform: uppercase!important;
color: var(--vp-ink-3)!important; margin: 0 0 20px!important;
}
.vp-hero.vp-eyebrow__dot {
display: inline-block!important; width: 6px!important; height: 6px!important;
border-radius: 50%!important; background: var(--vp-coral)!important;
}
.vp-hero__title {
font: 700 clamp(32px, 3.6vw, 48px)/1.1 var(--vp-sans)!important;
letter-spacing: -0.02em!important; color: var(--vp-ink)!important;
margin: 0 0 24px!important; max-width: 30ch!important; text-wrap: balance!important;
}
.vp-hero__title-accent { color: var(--vp-coral)!important; }
.vp-hero__deck {
display: flex!important; flex-wrap: wrap!important; align-items: center!important;
gap: 6px 0!important; margin: 0 0 24px!important;
font: 400 14px/1.5 var(--vp-sans)!important; color: var(--vp-ink-2)!important;
}
.vp-hero__chip { color: var(--vp-ink-2)!important; }
.vp-hero__sep {
display: inline-block!important; width: 1px!important; height: 10px!important;
background: var(--vp-rule)!important; margin: 0 12px!important;
vertical-align: middle!important; color: transparent!important;
font-size: 0!important; line-height: 0!important;
}
.vp-hero__lede {
font: 400 16px/1.55 var(--vp-sans)!important; color: var(--vp-ink-2)!important;
margin: 0 0 32px!important; max-width: 56ch!important;
}
.vp-hero__lede strong { color: var(--vp-ink)!important; font-weight: 600!important; }
.vp-hero__trust {
list-style: none!important; padding: 24px 0 0 0!important; margin: 0 0 0 0!important;
border-top: 1px solid var(--vp-rule)!important;
display: flex!important; flex-direction: column!important; gap: 12px!important;
position: relative!important;
}
.vp-hero__trust::before { content: none!important; display: none!important; }
.vp-hero__trust-item,.vp-hero__trust li {
display: flex!important; align-items: flex-start!important; gap: 12px!important;
font: 400 14px/1.5 var(--vp-sans)!important; color: var(--vp-ink-2)!important;
padding: 0!important; margin: 0!important;
}
.vp-hero__trust-item::before,.vp-hero__trust li::before { content: none!important; display: none!important; }
.vp-hero__trust-dot {
display: inline-block!important; width: 6px!important; height: 6px!important;
border-radius: 50%!important; background: var(--vp-coral)!important;
margin-top: 7px!important; flex-shrink: 0!important;
}
.vp-hero__cta {
display: flex!important; flex-wrap: wrap!important; gap: 12px!important; margin: 32px 0 0!important;
}
.vp-hero__cta-microcopy {
padding-left: 14px!important; border-left: 2px solid var(--vp-coral)!important;
margin: 16px 0 0!important; font: 400 13px/1.5 var(--vp-sans)!important;
color: var(--vp-ink-3)!important; display: block!important;
}
.vp-hero__cta-microcopy strong { color: var(--vp-ink)!important; font-weight: 600!important; }
.vp-hero__byline {
margin: 12px 0 0!important; display: block!important;
font: 500 11px/1.4 var(--vp-mono, ui-monospace, monospace)!important;
letter-spacing: 0.06em!important; text-transform: uppercase!important;
color: var(--vp-ink-3)!important;
}
.vp-hero__register { padding-left: 0!important; }
.vp-hero__register::before { display: none!important; }
.vp-hero.vp-hero-donut { display: grid!important; }
.vp-faq__trigger[aria-expanded="true"] +.vp-faq__panel {
max-height: 4000px!important;
padding: 0!important;
overflow: visible!important;
display: block!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; }
}
.vp-finalcta.vp-finalcta__h2,
section.vp-finalcta.vp-finalcta__h2 {
margin-left: auto!important;
margin-right: auto!important;
text-align: center!important;
}
@media (min-width: 768px) {
.vp-finalcta.vp-finalcta__h2,
section.vp-finalcta.vp-finalcta__h2 {
white-space: nowrap!important;
max-width: none!important;
font-size: clamp(28px, 2.6vw, 38px)!important;
}
}
.vp-finalcta.vp-eyebrow,
section.vp-finalcta.vp-eyebrow {
text-transform: uppercase!important;
color: var(--vp-coral, #C73E2A)!important;
letter-spacing: 0.10em!important;
font: 500 11px/1 'JetBrains Mono', ui-monospace, monospace!important;
display: inline-flex!important;
align-items: center!important;
gap: 8px!important;
margin-bottom: 16px!important;
}
.vp-finalcta.vp-eyebrow.vp-eyebrow__dot {
width: 6px!important;
height: 6px!important;
background: var(--vp-coral, #C73E2A)!important;
border-radius: 50%!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; }
}