#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-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; }