:root {
--vp-bg: #FAF8F4; --vp-paper-2: #F2EDE5; --vp-ink: #0A0A0A; --vp-ink-2: #2A2A2A; --vp-ink-3: #6A6A6A;
--vp-rule: #E5DFD9; --vp-coral: #C73E2A; --vp-coral-hover: #FF6052;
--vp-sans: 'Inter', system-ui, -apple-system, sans-serif;
--vp-mono: 'JetBrains Mono', ui-monospace, monospace;
}
.entry-content > section { margin: 0!important; padding-block: 0; }
.vp-eyebrow { font: 600 11px/1 var(--vp-mono); text-transform: uppercase; letter-spacing: 0.1em; color: var(--vp-coral); margin: 0 0 14px; display: inline-flex; align-items: center; gap: 8px; }
.vp-eyebrow__dot { width: 6px; height: 6px; background: var(--vp-coral); display: inline-block; }
.law-ref { color: var(--vp-coral); text-decoration: none; border-bottom: 1px solid currentColor; }
.law-ref:hover { background: var(--vp-coral); color: #FFFFFF; }
.vp-stickynav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(250,248,244,0.96); backdrop-filter: blur(12px); border-bottom: 1px solid var(--vp-rule); }
.vp-stickynav__inner { max-width: 1320px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; gap: 24px; height: 56px; }
.vp-stickynav__brand { font: 500 13px/1 var(--vp-sans); color: var(--vp-ink); display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; }
.vp-stickynav__brand-dot { width: 6px; height: 6px; background: var(--vp-coral); border-radius: 50%; display: inline-block; }
.vp-stickynav__list { list-style: none; margin: 0; padding: 0; display: flex; gap: 18px; flex-grow: 1; overflow-x: auto; }
.vp-stickynav__list a { font: 500 13px/1 var(--vp-sans); color: var(--vp-ink-3); text-decoration: none; padding: 4px 0; white-space: nowrap; border-bottom: 1px solid transparent; }
.vp-stickynav__list a:hover { color: var(--vp-ink); border-bottom-color: var(--vp-coral); }
.vp-stickynav__list a.is-active,.vp-stickynav__list a[aria-current="true"] { color: var(--vp-ink); border-bottom-color: var(--vp-coral); }
.vp-stickynav__cta { display: inline-flex; align-items: center; padding: 0 14px; height: 32px; background: var(--vp-coral); color: #FFFFFF; text-decoration: none; font: 500 12px/1 var(--vp-sans); flex-shrink: 0; }
.vp-stickynav__cta:hover { background: #FFFFFF; color: var(--vp-coral); border: 1px solid var(--vp-coral); }
@media (max-width: 768px) {
.vp-stickynav__list { gap: 14px; }
.vp-stickynav__brand { display: none; }
}
html { scroll-padding-top: 80px; }
body { padding-top: 56px; }
.ast-single-post.entry-content.vp-stickynav a,
.ast-single-post.entry-content.vp-stickynav__brand,
.ast-single-post.entry-content.vp-stickynav__cta,
.entry-content.vp-stickynav__brand { text-decoration: none!important; }
.entry-content.vp-stickynav__list a[aria-current="location"],
.entry-content.vp-stickynav__list a[aria-current="true"] { text-decoration: none!important; border-bottom: 1.5px solid var(--vp-coral)!important; }
.vp-hero { background: #FFFFFF; color: var(--vp-ink); padding: 88px 24px 64px; border-bottom: 1px solid var(--vp-rule); font-family: var(--vp-sans); overflow-x: clip; }
.vp-hero__inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 80px; align-items: start; min-width: 0; }
.vp-hero__lead { min-width: 0; order: 0!important; }
.vp-hero__side { order: 99!important; }
.vp-eyebrow { display: inline-flex; align-items: center; gap: 10px; font: 500 12px/1 var(--vp-sans); letter-spacing: 0.08em; text-transform: uppercase; color: var(--vp-ink-3); margin: 0 0 32px; }
.vp-eyebrow__dot { width: 6px; height: 6px; border-radius: 50%; background: var(--vp-coral); display: inline-block; box-shadow: 0 0 0 0 rgba(199, 62, 42, 0.55); }
.vp-hero.vp-eyebrow__dot { animation: vp-pulse 1.6s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) {.vp-eyebrow__dot { animation: none!important; } }
@keyframes vp-pulse { 0% { box-shadow: 0 0 0 0 rgba(199, 62, 42, 0.55); } 70% { box-shadow: 0 0 0 8px rgba(199, 62, 42, 0); } 100% { box-shadow: 0 0 0 0 rgba(199, 62, 42, 0); } }
.vp-hero__title { font: 600 clamp(34px, 4vw, 50px)/1.12 var(--vp-sans); letter-spacing: -0.025em; color: var(--vp-ink); margin: 0 0 20px; max-width: 30ch; text-wrap: balance; }
.vp-hero__title-accent { color: var(--vp-coral); font-weight: 600; letter-spacing: -0.025em; }
.vp-hero__deck { font: 500 16px/1.45 var(--vp-sans); color: var(--vp-ink-2); margin: 0 0 24px; max-width: 56ch; }
.vp-hero__chip { white-space: nowrap; }
.vp-hero__sep { color: var(--vp-coral); margin: 0 6px; font-weight: 700; user-select: none; }
.vp-hero__lede { font: 400 17px/1.6 var(--vp-sans); color: var(--vp-ink-2); margin: 0 0 28px; max-width: 56ch; text-wrap: pretty; }
.vp-hero__lede strong { color: var(--vp-ink); font-weight: 600; }
.vp-hero__lede.law-ref { color: var(--vp-ink); text-decoration: none; border-bottom: 1px solid var(--vp-rule); padding-bottom: 1px; transition: border-color 0.15s ease, color 0.15s ease; font-weight: 500; }
.vp-hero__lede.law-ref:hover { color: var(--vp-coral); border-bottom-color: var(--vp-coral); }
.vp-hero__trust { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0 0 36px; padding: 0; list-style: none; font: 500 13px/1.4 var(--vp-sans); color: var(--vp-ink-3); }
.vp-hero__trust-item { display: inline-flex; align-items: center; gap: 8px; }
.vp-hero__trust-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--vp-coral); flex-shrink: 0; display: inline-block; }
.vp-hero__cta { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 12px; }
.vp-btn { display: inline-flex; align-items: center; font: 500 15px/1 var(--vp-sans); text-decoration: none!important; border-radius: 6px; transition: background 0.2s ease, color 0.2s ease; cursor: pointer; border: 1px solid transparent; }
.vp-btn:focus-visible { outline: 2px solid var(--vp-coral); outline-offset: 3px; }
.vp-btn--primary { background: var(--vp-coral)!important; color: #FFFFFF!important; padding: 18px 24px; gap: 14px; border-color: var(--vp-coral)!important; }
.vp-btn--primary:hover,.vp-btn--primary:focus { background: var(--vp-coral-hover)!important; color: #FFFFFF!important; border-color: var(--vp-coral-hover)!important; }
.vp-btn--primary,.vp-btn--primary * { color: #FFFFFF!important; }
.vp-hero.vp-btn--primary { background: var(--vp-coral)!important; }
.vp-btn__label { font-weight: 600; }
.vp-btn__phone { font-family: var(--vp-mono); font-feature-settings: "tnum" 1; font-size: 14px; opacity: 0.92; padding-left: 14px; border-left: 1px solid rgba(255,255,255,0.35); }
.vp-btn--ghost { background: transparent; color: var(--vp-ink); padding: 18px 22px; border: 1px solid var(--vp-ink); }
.vp-btn--ghost:hover { background: var(--vp-ink); color: #FFFFFF; }
.vp-hero__cta-microcopy { font: 400 13px/1.4 var(--vp-sans); color: var(--vp-ink-3); margin: 12px 0 16px; letter-spacing: 0.01em; }
.vp-hero__cta-microcopy strong { color: var(--vp-ink); font-weight: 600; }
.vp-hero__byline { font: 400 12px/1.5 var(--vp-mono); color: var(--vp-ink-3); margin: 0; text-transform: none; letter-spacing: 0.02em; }
.vp-hero__byline time { font-variant-numeric: tabular-nums; }
.vp-hero__side { display: grid; gap: 32px; min-width: 0; }
.vp-hero__register { border-top: 1px solid var(--vp-ink); padding-top: 18px; }
.vp-register__head { display: flex; justify-content: space-between; align-items: baseline; font: 500 11px/1 var(--vp-sans); letter-spacing: 0.18em; text-transform: uppercase; color: var(--vp-ink-3); margin-bottom: 24px; }
.vp-register__list { list-style: none; margin: 0; padding: 0; display: grid; }
.vp-register__row { display: grid; grid-template-columns: 140px 1fr; column-gap: 24px; padding: 16px 0; border-top: 1px solid var(--vp-rule); align-items: start; }
.vp-register__row:last-child { border-bottom: 1px solid var(--vp-rule); }
.vp-register__row--hl { background: linear-gradient(90deg, rgba(199,62,42,0.06), transparent 60%); }
.vp-register__row--hl.vp-register__code { color: var(--vp-coral); }
.vp-register__code { font-family: var(--vp-mono); font-feature-settings: "tnum" 1; font-size: 13px; font-weight: 500; color: var(--vp-ink); letter-spacing: -0.005em; white-space: nowrap; padding-top: 2px; }
.vp-register__desc { font: 400 14px/1.45 var(--vp-sans); color: var(--vp-ink-2); }
.vp-register__foot { margin-top: 14px; font: 400 11px/1.4 var(--vp-mono); color: var(--vp-ink-3); letter-spacing: 0.02em; }
.vp-hero-donut { border: 1px solid var(--vp-rule); padding: 20px; background: #FFFFFF; display: grid; grid-template-columns: 120px 1fr; gap: 20px; align-items: center; }
.vp-hero-donut__chart { width: 120px; height: 120px; border-radius: 50%; background: conic-gradient(#1A1A1A 0 26.7%, #C73E2A 26.7% 60%, #A89F95 60% 80%, #5B5B5B 80% 93.3%, #E5DFD9 93.3% 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; }
.vp-hero-donut__chart::before { content: ""; position: absolute; inset: 18%; background: #FFFFFF; border-radius: 50%; z-index: 0; }
.vp-donut-num { position: relative; z-index: 1; font: 600 28px/1 var(--vp-sans); color: var(--vp-ink); letter-spacing: -0.02em; }
.vp-donut-lbl { position: relative; z-index: 1; font: 500 9px/1 var(--vp-mono); color: var(--vp-ink-3); text-transform: uppercase; letter-spacing: 0.06em; margin-top: 4px; }
.vp-hero-donut__title { font: 600 12px/1.3 var(--vp-sans); color: var(--vp-ink); margin: 0 0 10px; letter-spacing: 0.04em; text-transform: uppercase; }
.vp-hero-donut__legend { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; }
.vp-hero-donut__legend li { display: grid; grid-template-columns: 10px 1fr auto; gap: 8px; align-items: center; font: 500 12px/1.2 var(--vp-sans); color: var(--vp-ink); }
.vp-hero-donut.vp-dot { width: 8px; height: 8px; border-radius: 2px; }
.vp-hero-donut.vp-lbl { color: var(--vp-ink-3); font-weight: 400; }
.vp-hero-donut.vp-num { font-family: var(--vp-mono); font-size: 11px; color: var(--vp-ink); font-weight: 600; }
@media (max-width: 1023px) {
.vp-hero { padding: 56px 24px 48px; }
.vp-hero__inner { grid-template-columns: 1fr; gap: 48px; }
.vp-hero__title { max-width: 24ch; }
}
@media (max-width: 540px) {
.vp-hero { padding: 40px 16px 36px; }
.vp-register__row { grid-template-columns: 1fr; gap: 4px; padding: 14px 0; }
.vp-register__code { font-size: 12px; }
.vp-hero-donut { grid-template-columns: 1fr; }
}
.kp-emergency { background: var(--vp-coral); color: #FFFFFF; margin: 40px 0; padding: 0 24px; box-sizing: border-box; }
.kp-emergency * { color: inherit; }
.kp-emergency__inner { max-width: 1200px; margin: 0 auto; padding: 18px 0; display: flex; align-items: center; gap: 18px; flex-wrap: wrap; justify-content: flex-start; }
.kp-emergency__pulse { width: 8px; height: 8px; background: #FFFFFF; border-radius: 50%; flex-shrink: 0; position: relative; }
.kp-emergency__pulse::after { content: ""; position: absolute; inset: -2px; border-radius: 50%; box-shadow: 0 0 0 0 rgba(255,255,255,0.85); animation: kp-pulse 1.6s ease-out infinite; }
@keyframes kp-pulse { 0% { box-shadow: 0 0 0 0 rgba(255,255,255,0.85); } 70% { box-shadow: 0 0 0 12px rgba(255,255,255,0); } 100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); } }
@media (prefers-reduced-motion: reduce) {.kp-emergency__pulse::after { animation: none; } }
.kp-emergency__text { font: 400 15px/1.5 var(--vp-sans); margin: 0; max-width: 76ch; }
.kp-emergency__text strong { font-weight: 600; }
.kp-emergency__cta { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 12px 22px; background: #FFFFFF; color: var(--vp-coral)!important; text-decoration: none!important; border: none!important; border-bottom: none!important; border-radius: 4px; font: 600 14px/1 var(--vp-mono); letter-spacing: 0.02em; flex-shrink: 0; transition: background 0.15s ease, color 0.15s ease; }
.kp-emergency__cta:hover,.kp-emergency__cta:focus-visible { background: var(--vp-ink); color: #FFFFFF!important; }
.kp-emergency__cta:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 2px; }
.kp-emergency__arr { font: 600 14px/1 var(--vp-sans); }
@media (max-width: 768px) {
.kp-emergency { margin: 24px 0; padding: 0 16px; }
.kp-emergency__inner { padding: 14px 0; gap: 14px; align-items: flex-start; }
.kp-emergency__pulse { margin-top: 8px; }
.kp-emergency__text { font-size: 14.5px; line-height: 1.45; }
.kp-emergency__cta { width: 100%; justify-content: center; padding: 14px 18px; }
}
.vp-stat { padding: clamp(64px, 5.5vw, 80px) 24px!important; background: #FFFFFF!important; border-top: 1px solid var(--vp-rule); border-bottom: 1px solid var(--vp-rule); margin: 0!important; font-family: var(--vp-sans); }
.vp-stat__inner { max-width: 1200px; margin: 0 auto; }
.vp-stat__head { margin: 0 0 40px!important; max-width: 720px; }
.vp-stat__h2 { font: 600 clamp(26px, 2.6vw, 32px)/1.2 var(--vp-sans); letter-spacing: -0.015em; color: var(--vp-ink); margin: 0 0 12px; max-width: 26ch; text-wrap: balance; }
.vp-stat__lede { font: 400 14px/1.55 var(--vp-sans); color: var(--vp-ink-2); margin: 12px 0 0; max-width: 56ch; text-wrap: pretty; }
.vp-stat__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr))!important; gap: 1px!important; background: var(--vp-rule); border: 1px solid var(--vp-rule); }
.vp-stat__card { background: #FFFFFF; border: 0!important; padding: 24px 20px 22px; display: flex; flex-direction: column; gap: 10px; min-width: 0; min-height: 200px; font-family: var(--vp-sans); transition: background 0.2s ease; }
.vp-stat__card:hover { background: var(--vp-paper-2); }
.kp-stat__card--accent,.vp-stat__card--accent { background: var(--vp-paper-2)!important; border-left: 2px solid var(--vp-coral)!important; padding-left: 23px; }
.kp-stat__card--accent:hover,.vp-stat__card--accent:hover { background: #FFFFFF!important; }
.vp-stat__value { font: 600 clamp(28px, 2.4vw, 36px)/1.04 var(--vp-sans); letter-spacing: -0.025em; color: var(--vp-ink); font-variant-numeric: tabular-nums lining-nums; white-space: nowrap; display: inline-flex; align-items: baseline; gap: 5px; margin: 0; }
.vp-stat__value span.vp-stat__value-unit { font-family: 'JetBrains Mono', ui-monospace, monospace!important; font-size: 0.42em!important; font-weight: 500!important; line-height: 1!important; color: var(--vp-ink-3)!important; letter-spacing: 0.08em!important; text-transform: uppercase!important; }
.vp-stat__value span.vp-stat__value-num { font-family: var(--vp-sans); color: inherit; }
.kp-stat__card--accent.vp-stat__value,.vp-stat__card--accent.vp-stat__value { color: var(--vp-coral); }
.kp-stat__card--accent.vp-stat__value-unit,.vp-stat__card--accent.vp-stat__value-unit { color: var(--vp-coral); opacity: 0.7; }
.vp-stat__label { font: 400 13.5px/1.5 var(--vp-sans); color: var(--vp-ink-2); margin: 4px 0 0; overflow-wrap: anywhere; text-wrap: pretty; }
.vp-stat__label strong { color: var(--vp-ink); font-weight: 600; }
.vp-stat__src { font: 400 11px/1.4 var(--vp-mono); color: var(--vp-ink-3); margin: auto 0 0; padding-top: 14px; border-top: 1px solid var(--vp-rule); letter-spacing: 0.02em; }
.vp-stat__src a { color: var(--vp-ink); text-decoration: none!important; border-bottom: 1px solid var(--vp-rule); padding-bottom: 1px; transition: color 0.15s ease, border-color 0.15s ease; }
.vp-stat__src a:hover { color: var(--vp-coral); border-bottom-color: var(--vp-coral); }
.vp-stat__label a { color: var(--vp-ink); text-decoration: none; border-bottom: 1px solid var(--vp-rule); padding-bottom: 1px; transition: color 0.15s ease, border-color 0.15s ease; font-weight: 500; }
.vp-stat__label a:hover { color: var(--vp-coral); border-bottom-color: var(--vp-coral); }
.vp-stat__meta { margin: 24px 0 0; padding-top: 16px; border-top: 1px solid var(--vp-rule); font: 400 11px/1.4 var(--vp-mono); color: var(--vp-ink-3); letter-spacing: 0.04em; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; }
.vp-stat__meta time { color: var(--vp-coral); text-transform: uppercase; letter-spacing: 0.08em; }
.vp-stat.vp-eyebrow { font: 600 11px/1 var(--vp-mono)!important; color: var(--vp-coral)!important; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 14px!important; display: inline-flex; align-items: center; gap: 8px; }
.vp-stat.vp-eyebrow__dot { background: var(--vp-coral)!important; border-radius: 0!important; width: 6px!important; height: 6px!important; display: inline-block; }
@media (max-width: 1199px) and (min-width: 901px) {
.vp-stat__grid { grid-template-columns: repeat(4, minmax(0,1fr))!important; }
.vp-stat__card:last-child { grid-column: 1 / -1; min-height: 160px; }
}
@media (max-width: 900px) and (min-width: 541px) {
.vp-stat { padding: 64px 20px!important; }
.vp-stat__grid { grid-template-columns: repeat(2, minmax(0,1fr))!important; }
.vp-stat__card:last-child { grid-column: 1 / -1; min-height: 160px; }
.vp-stat__head { margin: 0 0 32px!important; }
}
@media (max-width: 540px) {
.vp-stat { padding: 48px 16px!important; }
.vp-stat__grid { grid-template-columns: 1fr!important; }
.vp-stat__card { min-height: auto!important; padding: 20px 18px; }
.vp-stat__card:last-child { grid-column: 1 / -1; }
.vp-stat__value { font-size: 28px!important; }
}
.vp-framework { background: #FFFFFF!important; padding: clamp(64px, 5.5vw, 80px) 24px!important; margin: 0!important; }
.vp-framework__inner { max-width: 1200px; margin: 0 auto; }
.vp-framework__head { margin: 0 0 40px!important; max-width: 720px; }
.vp-framework__h2 { font: 600 clamp(26px, 2.6vw, 32px)/1.2 var(--vp-sans)!important; letter-spacing: -0.015em; color: var(--vp-ink); margin: 0 0 12px!important; max-width: 26ch; text-wrap: balance; }
.vp-framework__sub { font: 400 14.5px/1.6 var(--vp-sans); color: var(--vp-ink-2); margin: 12px 0 0; max-width: 52ch; text-wrap: pretty; }
.vp-framework.vp-eyebrow { font: 600 11px/1 var(--vp-mono)!important; color: var(--vp-coral)!important; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 14px!important; display: inline-flex; align-items: center; gap: 8px; }
.vp-framework.vp-eyebrow__dot { background: var(--vp-coral)!important; border-radius: 0!important; width: 6px!important; height: 6px!important; display: inline-block; }
.vp-framework__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1px!important; background: var(--vp-rule); border: 1px solid var(--vp-rule); }
.vp-framework__card { background: #FFFFFF; border: 0!important; padding: 28px 26px 24px; display: flex; flex-direction: column; gap: 12px; min-height: 220px; transition: background 0.2s ease, box-shadow 0.2s ease; grid-column: span 2; position: relative; }
.vp-framework__card:hover { background: var(--vp-paper-2); box-shadow: inset 2px 0 0 var(--vp-coral); }
.vp-framework__card--wide { grid-column: span 3; background: var(--vp-paper-2); padding-left: 25px; box-shadow: inset 2px 0 0 var(--vp-coral); min-height: auto; }
.vp-framework__card--wide:hover { background: #FFFFFF; }
.vp-framework span.vp-framework__num { font-family: 'JetBrains Mono', ui-monospace, monospace!important; font-size: 28px!important; font-weight: 500!important; line-height: 1!important; letter-spacing: -0.02em!important; color: var(--vp-coral)!important; font-variant-numeric: tabular-nums lining-nums; padding-bottom: 12px; border-bottom: 1px solid var(--vp-rule); margin: 0 0 4px; display: inline-block; min-width: 50px; }
.vp-framework__card--wide span.vp-framework__num { border-bottom-color: rgba(199, 62, 42, 0.25); }
.vp-framework__h3 { font: 600 clamp(18px, 1.5vw, 20px)/1.25 var(--vp-sans); letter-spacing: -0.015em; color: var(--vp-ink); margin: 0; text-wrap: balance; }
.vp-framework__body { font: 400 14.5px/1.6 var(--vp-sans); color: var(--vp-ink-2); margin: 0; text-wrap: pretty; font-variant-numeric: tabular-nums; }
.vp-framework__body strong { color: var(--vp-ink); font-weight: 600; }
.vp-framework__body a.law-ref { color: var(--vp-ink)!important; text-decoration: none!important; border-bottom: 1px solid var(--vp-rule); padding-bottom: 1px; transition: color 0.15s ease, border-color 0.15s ease; font-weight: 500; }
.vp-framework__body a.law-ref:hover { color: var(--vp-coral)!important; border-bottom-color: var(--vp-coral); }
.vp-framework__body a.internal-link { color: var(--vp-ink)!important; text-decoration: none!important; border-bottom: 1px solid var(--vp-coral); padding-bottom: 1px; transition: color 0.15s ease; font-weight: 500; }
.vp-framework__body a.internal-link:hover { color: var(--vp-coral)!important; }
@media (max-width: 1024px) {
.vp-framework__grid { grid-template-columns: repeat(2, 1fr)!important; }
.vp-framework__card,.vp-framework__card--wide { grid-column: span 1!important; min-height: 180px; }
}
@media (max-width: 540px) {
.vp-framework { padding: 48px 16px!important; }
.vp-framework__grid { grid-template-columns: 1fr!important; }
.vp-framework__card { min-height: auto!important; padding: 24px 20px; }
.vp-framework span.vp-framework__num { font-size: 24px!important; }
}
.vp-framework.vp-midcta--rule { background: var(--vp-paper-2); border: 1px solid var(--vp-rule); border-top: 0; border-left: 3px solid var(--vp-coral); padding: 24px 28px; margin: 0!important; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 18px; }
.vp-framework.vp-midcta--rule p { font: 500 14.5px/1.55 var(--vp-sans); color: var(--vp-ink); margin: 0; flex: 1; max-width: 64ch; min-width: 240px; font-variant-numeric: tabular-nums; }
.vp-framework.vp-midcta__cta { color: var(--vp-coral)!important; font: 500 14px/1 'JetBrains Mono', ui-monospace, monospace!important; text-decoration: none!important; border-bottom: 1px solid var(--vp-coral)!important; padding-bottom: 3px; white-space: nowrap; transition: color 0.15s ease, border-color 0.15s ease; letter-spacing: 0.04em; text-transform: uppercase; }
.vp-framework.vp-midcta__cta:hover { color: var(--vp-coral-hover)!important; border-bottom-color: var(--vp-coral-hover)!important; }
.kp-tl { padding: clamp(64px, 5.5vw, 80px) 24px!important; background: #FFFFFF!important; border-top: 1px solid var(--vp-rule); border-bottom: 1px solid var(--vp-rule); margin: 0!important; font-family: var(--vp-sans); }
.kp-tl__inner { max-width: 1200px; margin: 0 auto; padding: 0; }
.kp-tl__head { padding: 0; margin: 0 0 40px!important; max-width: 720px; }
.kp-tl__h2 { font: 600 clamp(26px, 2.6vw, 32px)/1.2 var(--vp-sans)!important; letter-spacing: -0.015em; color: var(--vp-ink); margin: 0 0 12px!important; max-width: 28ch; text-wrap: balance; }
.kp-tl__lede { font: 400 14.5px/1.6 var(--vp-sans); color: var(--vp-ink-2); margin: 12px 0 0; max-width: 56ch; text-wrap: pretty; }
.kp-tl.vp-eyebrow { font: 600 11px/1 var(--vp-mono)!important; color: var(--vp-coral)!important; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 14px!important; display: inline-flex; align-items: center; gap: 8px; }
.kp-tl.vp-eyebrow__dot { background: var(--vp-coral)!important; border-radius: 0!important; width: 6px!important; height: 6px!important; display: inline-block; }
.kp-tl__scroller { display: grid!important; grid-template-columns: repeat(3, minmax(0, 1fr))!important; gap: 1px!important; background: var(--vp-rule); border: 1px solid var(--vp-rule); padding: 0!important; overflow: visible!important; }
.kp-tl__card { background: #FFFFFF; border: 0!important; padding: 28px 26px 24px; display: flex; flex-direction: column; gap: 10px; min-height: 280px; transition: background 0.2s ease, box-shadow 0.2s ease; position: relative; flex: none!important; scroll-snap-align: none!important; }
.kp-tl__card:hover { background: var(--vp-paper-2); box-shadow: inset 2px 0 0 var(--vp-coral); }
.kp-tl span.kp-tl__num { font-family: 'JetBrains Mono', ui-monospace, monospace!important; font-size: 28px!important; font-weight: 500!important; line-height: 1!important; letter-spacing: -0.02em!important; color: var(--vp-coral)!important; font-variant-numeric: tabular-nums lining-nums; padding-bottom: 12px; border-bottom: 1px solid var(--vp-rule); margin: 0 0 4px; display: inline-block; min-width: 50px; }
.kp-tl__h3 { font: 600 clamp(18px, 1.5vw, 20px)/1.25 var(--vp-sans); letter-spacing: -0.015em; color: var(--vp-ink); margin: 0; text-wrap: balance; }
.kp-tl__pill { display: inline-flex; align-items: center; align-self: flex-start; font-family: 'JetBrains Mono', ui-monospace, monospace!important; font-size: 11px; font-weight: 500; line-height: 1; color: var(--vp-coral); text-transform: uppercase; letter-spacing: 0.06em; padding: 5px 10px; background: rgba(199,62,42,0.07); border-left: 2px solid var(--vp-coral); font-variant-numeric: tabular-nums lining-nums; }
.kp-tl__norm { font: 400 12.5px/1.4 var(--vp-mono); color: var(--vp-ink-3); margin: 2px 0 0; letter-spacing: 0.01em; }
.kp-tl__norm a.law-ref { color: var(--vp-ink)!important; text-decoration: none!important; border-bottom: 1px solid var(--vp-rule); padding-bottom: 1px; transition: color 0.15s ease, border-color 0.15s ease; font-weight: 500; }
.kp-tl__norm a.law-ref:hover { color: var(--vp-coral)!important; border-bottom-color: var(--vp-coral); }
.kp-tl__risk { font: 400 14px/1.55 var(--vp-sans); color: var(--vp-ink-2); margin: 6px 0 0; font-variant-numeric: tabular-nums; }
.kp-tl__risk strong { color: var(--vp-coral); font-weight: 600; }
.kp-tl__lawyer { font: 400 14px/1.55 var(--vp-sans); color: var(--vp-ink-2); margin: 0; font-variant-numeric: tabular-nums; }
.kp-tl__lawyer strong { color: var(--vp-ink); font-weight: 600; }
.kp-tl__cta { margin: auto 0 0; padding-top: 14px; border-top: 1px solid var(--vp-rule); font: 500 12px/1 'JetBrains Mono', ui-monospace, monospace!important; color: var(--vp-coral); text-decoration: none!important; letter-spacing: 0.06em; text-transform: uppercase; transition: color 0.15s ease; }
.kp-tl__cta:hover { color: var(--vp-coral-hover); }
@media (max-width: 1024px) {
.kp-tl__scroller { grid-template-columns: repeat(2, minmax(0,1fr))!important; }
.kp-tl__card { min-height: 240px; }
.kp-tl__card:last-child { grid-column: 1 / -1; min-height: 180px; }
}
@media (max-width: 540px) {
.kp-tl { padding: 48px 16px!important; }
.kp-tl__scroller { grid-template-columns: 1fr!important; }
.kp-tl__card { min-height: auto!important; padding: 24px 20px; }
.kp-tl span.kp-tl__num { font-size: 24px!important; }
.kp-tl__card:last-child { grid-column: 1 / -1; }
}
.kp-cluster { padding: clamp(64px, 5.5vw, 80px) 24px!important; background: #FFFFFF!important; border-top: 1px solid var(--vp-rule); border-bottom: 1px solid var(--vp-rule); margin: 0!important; font-family: var(--vp-sans); }
.kp-cluster__inner { max-width: 1200px; margin: 0 auto; }
.kp-cluster__head { margin: 0 0 40px!important; max-width: 720px; }
.kp-cluster__h2 { font: 600 clamp(26px, 2.6vw, 32px)/1.2 var(--vp-sans)!important; letter-spacing: -0.015em; color: var(--vp-ink); margin: 0 0 12px!important; max-width: 28ch; text-wrap: balance; }
.kp-cluster__lede { font: 400 14.5px/1.6 var(--vp-sans); color: var(--vp-ink-2); margin: 12px 0 0; max-width: 56ch; text-wrap: pretty; }
.kp-cluster__lede a.internal-link { color: var(--vp-ink)!important; border-bottom: 1px solid var(--vp-coral); text-decoration: none!important; font-weight: 500; }
.kp-cluster.vp-eyebrow { font: 600 11px/1 var(--vp-mono)!important; color: var(--vp-coral)!important; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 14px!important; display: inline-flex; align-items: center; gap: 8px; }
.kp-cluster.vp-eyebrow__dot { background: var(--vp-coral)!important; border-radius: 0!important; width: 6px!important; height: 6px!important; display: inline-block; }
.kp-cluster__grid { display: grid!important; grid-template-columns: repeat(4, minmax(0, 1fr))!important; gap: 1px!important; background: var(--vp-rule); border: 1px solid var(--vp-rule); }
.kp-cluster__cell { background: #FFFFFF; border: 0!important; padding: 22px 20px; display: flex; flex-direction: column; gap: 8px; min-height: 180px; transition: background 0.2s ease, box-shadow 0.2s ease; position: relative; }
.kp-cluster__cell:hover { background: var(--vp-paper-2); box-shadow: inset 2px 0 0 var(--vp-coral); }
.kp-cluster__cell--military { background: var(--vp-ink)!important; color: #FFFFFF; grid-column: span 2; padding: 26px 24px; }
.kp-cluster__cell--military::before { content: 'СУМІЖНИЙ ХАБ'; position: absolute; top: 0; right: 0; background: var(--vp-coral); color: #FFFFFF; font: 600 9px/1 'JetBrains Mono', ui-monospace, monospace!important; padding: 6px 9px; letter-spacing: 0.08em; }
.kp-cluster__cell--military:hover { background: #1A1A1A!important; box-shadow: inset 2px 0 0 var(--vp-coral-hover); }
.kp-cluster__name { font: 600 15px/1.3 var(--vp-sans); margin: 0; color: var(--vp-ink); text-wrap: balance; }
.kp-cluster__cell--military.kp-cluster__name { color: #FFFFFF; font-size: 17px; }
.kp-cluster__norm { font: 400 12.5px/1.4 var(--vp-mono); color: var(--vp-ink-3); margin: 0; letter-spacing: 0.01em; padding-bottom: 8px; border-bottom: 1px solid var(--vp-rule); }
.kp-cluster__norm a.law-ref { color: var(--vp-ink)!important; text-decoration: none!important; border-bottom: 0; transition: color 0.15s ease; font-weight: 500; }
.kp-cluster__cell:hover.kp-cluster__norm a.law-ref { color: var(--vp-coral)!important; }
.kp-cluster__cell--military.kp-cluster__norm { color: rgba(255,255,255,0.55); border-bottom-color: rgba(255,255,255,0.15); }
.kp-cluster__penalty { font: 400 13px/1.45 var(--vp-sans); color: var(--vp-ink-2); margin: 6px 0 0; font-variant-numeric: tabular-nums; }
.kp-cluster__cell--military.kp-cluster__penalty { color: rgba(255,255,255,0.65); }
.kp-cluster__link { margin: auto 0 0; padding-top: 12px; border-top: 1px solid var(--vp-rule); font: 500 11px/1 'JetBrains Mono', ui-monospace, monospace!important; color: var(--vp-ink-2); text-decoration: none!important; letter-spacing: 0.06em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 6px; transition: color 0.15s ease; }
.kp-cluster__link span { color: var(--vp-ink-3); transition: transform 0.15s ease, color 0.15s ease; }
.kp-cluster__cell:hover.kp-cluster__link { color: var(--vp-coral); }
.kp-cluster__cell:hover.kp-cluster__link span { transform: translateX(3px); color: var(--vp-coral); }
.kp-cluster__cell--military.kp-cluster__link { color: var(--vp-coral-hover); border-top-color: rgba(255,255,255,0.15); }
.kp-cluster__cell--military:hover.kp-cluster__link,.kp-cluster__cell--military:hover.kp-cluster__link span { color: #FFFFFF; }
@media (max-width: 1024px) {.kp-cluster__grid { grid-template-columns: repeat(2, minmax(0,1fr))!important; }.kp-cluster__cell--military { grid-column: span 2; } }
@media (max-width: 540px) {.kp-cluster { padding: 48px 16px!important; }.kp-cluster__grid { grid-template-columns: 1fr!important; }.kp-cluster__cell--military { grid-column: span 1; }.kp-cluster__cell { min-height: auto; padding: 20px 18px; } }
.kp-cmp { padding: clamp(64px, 5.5vw, 80px) 24px!important; background: #FFFFFF!important; border-top: 1px solid var(--vp-rule); border-bottom: 1px solid var(--vp-rule); margin: 0!important; font-family: var(--vp-sans); }
.kp-cmp__inner { max-width: 1200px; margin: 0 auto; }
.kp-cmp__head { margin: 0 0 40px!important; max-width: 720px; }
.kp-cmp__h2 { font: 600 clamp(26px, 2.6vw, 32px)/1.2 var(--vp-sans)!important; letter-spacing: -0.015em; color: var(--vp-ink); margin: 0 0 12px!important; max-width: 28ch; text-wrap: balance; }
.kp-cmp__lede { font: 400 14.5px/1.6 var(--vp-sans); color: var(--vp-ink-2); margin: 12px 0 0; max-width: 60ch; text-wrap: pretty; }
.kp-cmp.vp-eyebrow { font: 600 11px/1 var(--vp-mono)!important; color: var(--vp-coral)!important; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 14px!important; display: inline-flex; align-items: center; gap: 8px; }
.kp-cmp.vp-eyebrow__dot { background: var(--vp-coral)!important; border-radius: 0!important; width: 6px!important; height: 6px!important; display: inline-block; }
.kp-cmp__table-wrap { background: #FFFFFF; border: 1px solid var(--vp-rule); overflow-x: auto; }
.kp-cmp__table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.kp-cmp__table th,.kp-cmp__table td { padding: 16px 20px; text-align: left; font: 400 14px/1.55 var(--vp-sans); color: var(--vp-ink-2); border-bottom: 1px solid var(--vp-rule); vertical-align: top; }
.kp-cmp__table th { font: 600 11px/1 'JetBrains Mono', ui-monospace, monospace!important; color: var(--vp-coral); background: var(--vp-paper-2); text-transform: uppercase; letter-spacing: 0.08em; padding: 14px 20px; }
.kp-cmp__table tr:hover td { background: var(--vp-paper-2); }
.kp-cmp__table tr:last-child td { border-bottom: none; }
.kp-cmp__table a { color: var(--vp-ink)!important; text-decoration: none!important; border-bottom: 1px solid var(--vp-rule); padding-bottom: 1px; transition: color 0.15s ease, border-color 0.15s ease; font-weight: 500; }
.kp-cmp__table a:hover { color: var(--vp-coral)!important; border-bottom-color: var(--vp-coral); }
.kp-cmp__note { font: 400 11px/1.4 'JetBrains Mono', ui-monospace, monospace!important; color: var(--vp-ink-3); margin: 16px 0 0; letter-spacing: 0.02em; }
.vp-penalty { padding: clamp(64px, 5.5vw, 80px) 24px!important; background: #FFFFFF!important; border-top: 1px solid var(--vp-rule); border-bottom: 1px solid var(--vp-rule); margin: 0!important; font-family: var(--vp-sans); }
.vp-penalty__inner { max-width: 1200px; margin: 0 auto; }
.vp-penalty__head { margin: 0 0 40px!important; max-width: 720px; }
.vp-penalty__h2 { font: 600 clamp(26px, 2.6vw, 32px)/1.2 var(--vp-sans)!important; letter-spacing: -0.015em; color: var(--vp-ink); margin: 0 0 12px!important; max-width: 28ch; text-wrap: balance; }
.vp-penalty__lede { font: 400 14.5px/1.6 var(--vp-sans); color: var(--vp-ink-2); margin: 12px 0 0; max-width: 56ch; text-wrap: pretty; }
.vp-penalty.vp-eyebrow { font: 600 11px/1 var(--vp-mono)!important; color: var(--vp-coral)!important; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 14px!important; display: inline-flex; align-items: center; gap: 8px; }
.vp-penalty.vp-eyebrow__dot { background: var(--vp-coral)!important; border-radius: 0!important; width: 6px!important; height: 6px!important; display: inline-block; }
.vp-penalty__steps { list-style: none; margin: 0; padding: 0; display: grid!important; grid-template-columns: 1fr; gap: 1px!important; background: var(--vp-rule); border: 1px solid var(--vp-rule); }
.vp-penalty__step { display: grid; grid-template-columns: 56px 1fr; gap: 20px; padding: 22px 24px; background: #FFFFFF; border: 0!important; align-items: start; transition: background 0.2s ease, box-shadow 0.2s ease; position: relative; }
.vp-penalty__step:hover { background: var(--vp-paper-2); box-shadow: inset 2px 0 0 var(--vp-coral); }
.vp-penalty__step--final { background: var(--vp-paper-2); box-shadow: inset 2px 0 0 var(--vp-coral); }
.vp-penalty span.vp-penalty__num { font-family: 'JetBrains Mono', ui-monospace, monospace!important; font-size: 28px!important; font-weight: 500!important; line-height: 1!important; letter-spacing: -0.02em!important; color: var(--vp-coral)!important; font-variant-numeric: tabular-nums lining-nums; padding-top: 0; display: inline-block; }
.vp-penalty__h3 { font: 600 16px/1.3 var(--vp-sans); margin: 0 0 6px; color: var(--vp-ink); letter-spacing: -0.01em; text-wrap: balance; }
.vp-penalty__norm { font: 400 12.5px/1.4 var(--vp-mono); color: var(--vp-ink-3); margin: 0 0 8px; letter-spacing: 0.01em; }
.vp-penalty__norm a.law-ref { color: var(--vp-ink)!important; text-decoration: none!important; border-bottom: 1px solid var(--vp-rule); padding-bottom: 1px; transition: color 0.15s ease, border-color 0.15s ease; font-weight: 500; }
.vp-penalty__norm a.law-ref:hover { color: var(--vp-coral)!important; border-bottom-color: var(--vp-coral); }
.vp-penalty__step p:not(.vp-penalty__norm) { font: 400 14px/1.55 var(--vp-sans); color: var(--vp-ink-2); margin: 0; font-variant-numeric: tabular-nums; }
@media (max-width: 540px) {.vp-penalty { padding: 48px 16px!important; }.vp-penalty__step { padding: 20px; grid-template-columns: 44px 1fr; gap: 14px; }.vp-penalty span.vp-penalty__num { font-size: 24px!important; } }
.vp-vlk { padding: clamp(64px, 5.5vw, 80px) 24px!important; background: #FFFFFF!important; border-top: 1px solid var(--vp-rule); border-bottom: 1px solid var(--vp-rule); margin: 0!important; font-family: var(--vp-sans); }
.vp-vlk__inner { max-width: 1200px; margin: 0 auto; }
.vp-vlk__head { margin: 0 0 40px!important; max-width: 720px; }
.vp-vlk__h2 { font: 600 clamp(26px, 2.6vw, 32px)/1.2 var(--vp-sans)!important; letter-spacing: -0.015em; color: var(--vp-ink); margin: 0 0 12px!important; max-width: 28ch; text-wrap: balance; }
.vp-vlk__lede { font: 400 14.5px/1.6 var(--vp-sans); color: var(--vp-ink-2); margin: 12px 0 0; max-width: 56ch; text-wrap: pretty; }
.vp-vlk.vp-eyebrow { font: 600 11px/1 var(--vp-mono)!important; color: var(--vp-coral)!important; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 14px!important; display: inline-flex; align-items: center; gap: 8px; }
.vp-vlk.vp-eyebrow__dot { background: var(--vp-coral)!important; border-radius: 0!important; width: 6px!important; height: 6px!important; display: inline-block; }
.vp-vlk__grid { display: grid!important; grid-template-columns: 1fr 1fr; gap: 1px!important; background: var(--vp-rule); border: 1px solid var(--vp-rule); }
.vp-vlk__card { background: #FFFFFF; border: 0!important; padding: 28px 26px; transition: background 0.2s ease, box-shadow 0.2s ease; }
.vp-vlk__card:hover { background: var(--vp-paper-2); box-shadow: inset 2px 0 0 var(--vp-coral); }
.vp-vlk__card-head { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--vp-rule); }
.vp-vlk__card-letter { width: 40px; height: 40px; background: var(--vp-paper-2); color: var(--vp-coral); display: inline-flex; align-items: center; justify-content: center; font-family: 'JetBrains Mono', ui-monospace, monospace!important; font-size: 18px; font-weight: 500; font-variant-numeric: tabular-nums lining-nums; }
.vp-vlk__card-h3 { font: 600 18px/1.25 var(--vp-sans); margin: 0; color: var(--vp-ink); letter-spacing: -0.01em; }
.vp-vlk__dl { margin: 0; }
.vp-vlk__dl dt { font-family: 'JetBrains Mono', ui-monospace, monospace!important; font-size: 11px; font-weight: 600; line-height: 1; color: var(--vp-coral); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 6px; padding-top: 14px; border-top: 1px solid var(--vp-rule); }
.vp-vlk__dl dt:first-child { padding-top: 0; border-top: none; }
.vp-vlk__dl dd { font: 400 14px/1.55 var(--vp-sans); color: var(--vp-ink-2); margin: 0 0 8px; font-variant-numeric: tabular-nums; }
.vp-vlk__dl dd a { color: var(--vp-ink)!important; text-decoration: none!important; border-bottom: 1px solid var(--vp-rule); padding-bottom: 1px; transition: color 0.15s ease, border-color 0.15s ease; font-weight: 500; }
.vp-vlk__dl dd a:hover { color: var(--vp-coral)!important; border-bottom-color: var(--vp-coral); }
@media (max-width: 800px) {.vp-vlk__grid { grid-template-columns: 1fr; } }
@media (max-width: 540px) {.vp-vlk { padding: 48px 16px!important; } }
.vp-team2 { background: var(--vp-ink); padding: clamp(64px, 5.5vw, 80px) 24px!important; margin: 0!important; font-family: var(--vp-sans); }
.vp-team2__inner { max-width: 1200px; margin: 0 auto; }
.vp-team2__head { max-width: 720px; margin: 0 0 40px!important; }
.vp-team2__h2 { font: 600 clamp(26px, 2.6vw, 32px)/1.2 var(--vp-sans)!important; letter-spacing: -0.015em; color: #FFFFFF; margin: 0 0 12px!important; max-width: 28ch; text-wrap: balance; }
.vp-team2__lede { font: 400 14.5px/1.6 var(--vp-sans); color: rgba(255,255,255,0.72); margin: 12px 0 0; max-width: 56ch; text-wrap: pretty; }
.vp-team2.vp-eyebrow { font: 600 11px/1 var(--vp-mono)!important; color: var(--vp-coral)!important; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 14px!important; display: inline-flex; align-items: center; gap: 8px; }
.vp-team2.vp-eyebrow__dot { background: var(--vp-coral)!important; border-radius: 0!important; width: 6px!important; height: 6px!important; display: inline-block; }
.vp-team2__grid { display: grid!important; grid-template-columns: repeat(4, minmax(0, 1fr))!important; gap: 1px!important; background: rgba(255,255,255,0.10); border: 1px solid rgba(255,255,255,0.10); grid-auto-rows: 1fr; }
.vp-team2__card { background: var(--vp-ink); border: 0!important; padding: 26px 22px; display: flex; flex-direction: column; gap: 14px; transition: background 0.2s ease, box-shadow 0.2s ease; min-height: 280px; }
.vp-team2__card:hover { background: #1A1A1A; box-shadow: inset 2px 0 0 var(--vp-coral); }
.vp-team2__photo { width: 56px; height: 56px; background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.55); display: flex; align-items: center; justify-content: center; }
.vp-team2__photo svg { width: 32px; height: 32px; }
.vp-team2__meta { display: flex; flex-direction: column; gap: 6px; flex-grow: 1; }
.vp-team2.vp-team2__role { font-family: 'JetBrains Mono', ui-monospace, monospace!important; font-size: 10.5px; font-weight: 600; line-height: 1; text-transform: uppercase; letter-spacing: 0.08em; color: #FF6052!important; }
.vp-team2__name { font: 600 16px/1.3 var(--vp-sans); margin: 0; color: #FFFFFF; letter-spacing: -0.01em; }
.vp-team2__naau { font: 400 11px/1.4 var(--vp-mono); color: rgba(255,255,255,0.50); margin: 0; letter-spacing: 0.02em; }
.vp-team2__bio { font: 500 14px/1.5 var(--vp-sans); color: rgba(255,255,255,0.92); margin: 8px 0 0; font-variant-numeric: tabular-nums; }
.vp-team2__laws { font: 400 11.5px/1.45 var(--vp-mono); color: rgba(255,255,255,0.50); margin: auto 0 0; padding-top: 10px; border-top: 1px solid rgba(255,255,255,0.10); letter-spacing: 0.02em; }
.vp-team2__footer { display: flex; flex-direction: column; gap: 12px; align-items: center; margin: 48px 0 0; text-align: center; }
.vp-team2 a.vp-team2__cta, a.vp-team2__cta:link, a.vp-team2__cta:visited { display: inline-flex; align-items: center; gap: 10px; padding: 0 28px; height: 48px; background: var(--vp-coral)!important; color: #FFFFFF!important; text-decoration: underline!important; text-decoration-line: underline!important; text-decoration-color: #FFFFFF!important; text-decoration-thickness: 1px!important; text-underline-offset: 3px!important; font: 500 14px/1 var(--vp-sans)!important; border: 1px solid var(--vp-coral)!important; border-radius: 0!important; letter-spacing: 0; text-transform: none; transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease; }
.vp-team2 a.vp-team2__cta:hover { background: #FFFFFF!important; color: var(--vp-ink)!important; border-color: #FFFFFF!important; text-decoration-color: var(--vp-ink)!important; }
.vp-team2__cta:hover.vp-team2__cta-arrow { color: var(--vp-coral); transform: translateX(3px); }
.vp-team2__cta-arrow { font-size: 16px; color: #FFFFFF; transition: transform 0.15s ease, color 0.15s ease; }
.vp-team2__cta-note { font: 400 12.5px/1.5 var(--vp-sans); color: rgba(255,255,255,0.55); max-width: 60ch; margin: 0; }
@media (max-width: 1024px) {.vp-team2__grid { grid-template-columns: repeat(2, minmax(0,1fr))!important; } }
@media (max-width: 540px) {.vp-team2 { padding: 48px 16px!important; }.vp-team2__grid { grid-template-columns: 1fr!important; } }
.vp-templates { padding: clamp(64px, 5.5vw, 80px) 24px!important; background: #FFFFFF!important; border-top: 1px solid var(--vp-rule); border-bottom: 1px solid var(--vp-rule); margin: 0!important; font-family: var(--vp-sans); }
.vp-templates__inner { max-width: 1200px; margin: 0 auto; }
.vp-templates__head { margin: 0 0 40px!important; max-width: 720px; }
.vp-templates__h2 { font: 600 clamp(26px, 2.6vw, 32px)/1.2 var(--vp-sans)!important; letter-spacing: -0.015em; color: var(--vp-ink); margin: 0 0 12px!important; max-width: 28ch; text-wrap: balance; }
.vp-templates__lede { font: 400 14.5px/1.6 var(--vp-sans); color: var(--vp-ink-2); margin: 12px 0 0; max-width: 56ch; text-wrap: pretty; }
.vp-templates.vp-eyebrow { font: 600 11px/1 var(--vp-mono)!important; color: var(--vp-coral)!important; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 14px!important; display: inline-flex; align-items: center; gap: 8px; }
.vp-templates.vp-eyebrow__dot { background: var(--vp-coral)!important; border-radius: 0!important; width: 6px!important; height: 6px!important; display: inline-block; }
.vp-tpl__list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--vp-rule); background: var(--vp-rule); display: flex; flex-direction: column; gap: 1px; }
.vp-tpl__item { border: 0; background: #FFFFFF; }
.vp-tpl__details { background: #FFFFFF; }
.vp-tpl__summary { list-style: none; cursor: pointer; padding: 22px 24px; display: grid; grid-template-columns: 56px 1fr auto; gap: 20px; align-items: center; transition: background 0.2s ease, box-shadow 0.2s ease; position: relative; }
.vp-tpl__summary:hover { background: var(--vp-paper-2); box-shadow: inset 2px 0 0 var(--vp-coral); }
.vp-tpl__summary::-webkit-details-marker { display: none; }
.vp-tpl span.vp-tpl__num { font-family: 'JetBrains Mono', ui-monospace, monospace!important; font-size: 22px!important; font-weight: 500!important; line-height: 1!important; letter-spacing: -0.02em!important; color: var(--vp-coral)!important; font-variant-numeric: tabular-nums lining-nums; }
.vp-tpl__title { font: 600 15px/1.4 var(--vp-sans); margin: 0; color: var(--vp-ink); letter-spacing: -0.01em; text-wrap: balance; }
.vp-tpl__actions { display: flex; gap: 8px; }
.vp-tpl__action--expand { font: 500 11px/1 'JetBrains Mono', ui-monospace, monospace!important; color: var(--vp-ink-3); padding: 8px 12px; border: 1px solid var(--vp-rule); background: #FFFFFF; letter-spacing: 0.04em; text-transform: uppercase; transition: color 0.15s ease, border-color 0.15s ease; }
.vp-tpl__details[open].vp-tpl__action--expand { color: var(--vp-coral); border-color: var(--vp-coral); }
.vp-tpl__details[open].vp-tpl__summary { background: var(--vp-paper-2); box-shadow: inset 2px 0 0 var(--vp-coral); }
.vp-tpl__body { padding: 0 24px 24px 100px; background: var(--vp-paper-2); }
.vp-tpl__doc { background: transparent; padding: 0; }
.vp-tpl__doc ul { list-style: disc; padding-left: 20px; margin: 0 0 16px; }
.vp-tpl__doc ul li { font: 400 14px/1.6 var(--vp-sans); color: var(--vp-ink-2); margin: 0 0 6px; font-variant-numeric: tabular-nums; }
.vp-tpl__doc a { color: var(--vp-ink)!important; text-decoration: none!important; border-bottom: 1px solid var(--vp-rule); padding-bottom: 1px; transition: color 0.15s ease, border-color 0.15s ease; font-weight: 500; }
.vp-tpl__doc a:hover { color: var(--vp-coral)!important; border-bottom-color: var(--vp-coral); }
.vp-tpl__body-actions { display: flex; gap: 10px; margin: 16px 0 0; flex-wrap: wrap; }
.vp-tpl__btn { display: inline-flex; align-items: center; gap: 8px; padding: 0 16px; height: 40px; text-decoration: none!important; font: 500 12px/1 'JetBrains Mono', ui-monospace, monospace!important; border: 1px solid; letter-spacing: 0.06em; text-transform: uppercase; transition: background 0.15s ease, color 0.15s ease; }
.vp-tpl__btn--primary { background: var(--vp-coral); color: #FFFFFF!important; border-color: var(--vp-coral); }
.vp-tpl__btn--primary:hover { background: #FFFFFF; color: var(--vp-coral)!important; }
.vp-tpl__btn--secondary { background: #FFFFFF; color: var(--vp-ink)!important; border-color: var(--vp-rule); }
.vp-tpl__btn--secondary:hover { color: var(--vp-coral)!important; border-color: var(--vp-coral); }
.vp-tpl__disclaimer { margin: 0!important; padding: 24px 28px; background: var(--vp-paper-2); border: 1px solid var(--vp-rule); border-top: 0; border-left: 3px solid var(--vp-coral); }
.vp-tpl__disclaimer-eyebrow { font: 600 11px/1 'JetBrains Mono', ui-monospace, monospace!important; text-transform: uppercase; letter-spacing: 0.1em; color: var(--vp-coral); margin: 0 0 10px; }
.vp-tpl__disclaimer-text { font: 400 13.5px/1.65 var(--vp-sans); color: var(--vp-ink-2); margin: 0; max-width: 70ch; text-wrap: pretty; hyphens: auto; }
@media (max-width: 768px) {
.vp-tpl__summary { grid-template-columns: 44px 1fr; gap: 14px; padding: 18px 18px; }
.vp-tpl__actions { grid-column: 1 / -1; padding-top: 10px; border-top: 1px solid var(--vp-rule); margin-top: 4px; }
.vp-tpl__body { padding: 0 18px 20px 78px; }
.vp-tpl span.vp-tpl__num { font-size: 18px!important; }
}
.vp-faq { padding: clamp(64px, 5.5vw, 120px) 24px!important; background: #FFFFFF!important; margin: 0!important; font-family: var(--vp-sans); }
.vp-faq__inner { max-width: 1100px; margin: 0 auto; }
.vp-faq__head { margin: 0 0 48px!important; max-width: 920px; text-align: left!important; }
.vp-faq__h2 { font: 600 clamp(32px, 4vw, 48px)/1.1 var(--vp-sans)!important; letter-spacing: -0.025em!important; color: var(--vp-ink)!important; margin: 16px 0 0!important; max-width: none!important; text-wrap: balance; text-align: left!important; text-transform: none!important; }
.vp-faq.vp-eyebrow { font: 600 11px/1 var(--vp-mono)!important; color: var(--vp-coral)!important; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 14px!important; display: inline-flex; align-items: center; gap: 8px; }
.vp-faq.vp-eyebrow__dot { background: var(--vp-coral)!important; border-radius: 0!important; width: 6px!important; height: 6px!important; display: inline-block; }
.vp-faq__list { border-top: 1px solid var(--vp-rule); display: block; background: transparent; border-left: 0; border-right: 0; }
.vp-faq__item { border-bottom: 1px solid var(--vp-rule); background: transparent!important; box-shadow: none!important; transition: none; }
.vp-faq__item:hover { background: transparent!important; }
.vp-faq__item.is-open { background: transparent!important; box-shadow: none!important; }
.vp-faq__trigger { width: 100%; background: transparent!important; border: 0!important; padding: 28px 0!important; display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; cursor: pointer; font: 600 18px/1.4 var(--vp-sans)!important; color: var(--vp-ink)!important; text-align: left!important; text-transform: none!important; letter-spacing: -0.005em!important; min-height: 0!important; }
.vp-faq__trigger:hover,.vp-faq__trigger:focus,.vp-faq__trigger:focus-visible,.vp-faq__trigger[aria-expanded="true"] { background: transparent!important; color: var(--vp-ink)!important; }
.vp-faq__trigger:hover { color: var(--vp-coral)!important; }
.vp-faq__trigger > span:first-child { text-transform: none!important; letter-spacing: -0.005em!important; }
.vp-faq__icon { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%!important; background: var(--vp-paper-2)!important; color: var(--vp-ink)!important; display: inline-flex; align-items: center; justify-content: center; font: 300 18px/1 var(--vp-sans)!important; transition: background 0.2s ease, color 0.2s ease, transform 0.3s ease; }
.vp-faq__item.is-open.vp-faq__icon,.vp-faq__trigger[aria-expanded="true"].vp-faq__icon { background: var(--vp-ink)!important; color: #FFFFFF!important; transform: rotate(45deg); }
.vp-faq__panel { display: none; padding: 0!important; margin: 0!important; }
.vp-faq__item.is-open.vp-faq__panel,.vp-faq__trigger[aria-expanded="true"] +.vp-faq__panel { display: block; padding: 4px 0 32px!important; }
.vp-faq__a-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 32px; align-items: start; }
.vp-faq__a-body { min-width: 0; }
.vp-faq__a-body p { font: 400 15px/1.7 var(--vp-sans); color: var(--vp-ink-2); margin: 0 0 14px; max-width: 70ch; font-variant-numeric: tabular-nums; }
.vp-faq__a-body p:last-child { margin-bottom: 0; }
.vp-faq__a-body a { color: var(--vp-ink)!important; text-decoration: none!important; border-bottom: 1px solid var(--vp-rule); padding-bottom: 1px; transition: color 0.15s ease, border-color 0.15s ease; font-weight: 500; }
.vp-faq__a-body a:hover { color: var(--vp-coral)!important; border-bottom-color: var(--vp-coral); }
.vp-faq__a-body a.vp-faq__inline-cta { display: inline-block!important; margin-top: 18px; padding: 10px 14px!important; background: var(--vp-paper-2)!important; border: 0!important; border-bottom: 0!important; color: var(--vp-ink)!important; font: 500 14px/1.4 var(--vp-sans)!important; text-decoration: none!important; border-radius: 0!important; transition: background 0.15s ease, color 0.15s ease; }
.vp-faq__a-body a.vp-faq__inline-cta:hover { background: #EFE9DF!important; color: var(--vp-coral)!important; }
.vp-faq__inline-phone { font-family: 'JetBrains Mono', ui-monospace, monospace!important; font-weight: 500; color: var(--vp-coral); letter-spacing: 0.01em; white-space: nowrap; }
.vp-faq__cutout { background: var(--vp-paper-2); border: 0; border-left: 3px solid var(--vp-coral); padding: 18px 22px; font-family: var(--vp-mono); position: relative; }
.vp-faq__cutout-src { font: 600 10px/1.4 var(--vp-mono); color: var(--vp-coral); text-transform: uppercase; letter-spacing: 0.08em; margin: 0 0 6px; }
.vp-faq__cutout-art { font: 600 14px/1.2 var(--vp-mono); color: var(--vp-ink); margin: 0 0 12px; letter-spacing: 0.02em; }
.vp-faq__cutout-txt { font: 400 13px/1.6 var(--vp-sans); color: var(--vp-ink); margin: 0 0 12px; font-style: italic; }
.vp-faq__cutout-note { font: 400 10.5px/1.4 var(--vp-mono); color: var(--vp-ink-3, #6A6A6A); margin: 0; letter-spacing: 0.02em; }
@media (max-width: 960px) {.vp-faq__a-grid { grid-template-columns: 1fr; gap: 20px; } }
@media (max-width: 540px) {.vp-faq { padding: 56px 16px!important; }.vp-faq__trigger { padding: 22px 0!important; font-size: 16px!important; }.vp-faq__item.is-open.vp-faq__panel { padding: 4px 0 24px!important; }.vp-faq__cutout { padding: 16px 18px; }.vp-faq__a-body a.vp-faq__inline-cta { padding: 12px 14px!important; font-size: 13px!important; } }
.vp-finalcta { background: #0A0A0A; color: #FAFAFA; padding: clamp(64px, 5.5vw, 96px) 24px!important; margin: 0!important; font-family: var(--vp-sans); }
.vp-finalcta__inner { max-width: 800px; margin: 0 auto; text-align: center; }
.vp-finalcta.vp-eyebrow { font: 600 11px/1 var(--vp-mono)!important; color: var(--vp-coral)!important; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 18px!important; display: inline-flex; align-items: center; gap: 8px; justify-content: center; }
.vp-finalcta.vp-eyebrow__dot { background: var(--vp-coral)!important; border-radius: 0!important; width: 6px!important; height: 6px!important; display: inline-block; }
.vp-finalcta__h2 { font: 600 clamp(28px, 3.2vw, 40px)/1.18 var(--vp-sans)!important; letter-spacing: -0.02em; max-width: 28ch; text-wrap: balance; margin: 0 auto 14px; color: #FFFFFF; text-align: center; }
.vp-finalcta__sub { font: 400 15.5px/1.6 var(--vp-sans); color: rgba(255,255,255,0.75); max-width: 60ch; text-wrap: pretty; margin: 14px auto 28px; font-variant-numeric: tabular-nums; text-align: center; }
.vp-finalcta__cta { display: flex; justify-content: center; }
.vp-finalcta.vp-btn--primary { display: inline-flex; align-items: stretch; gap: 0; padding: 0; height: 56px; background: var(--vp-coral)!important; color: #FFFFFF!important; text-decoration: none!important; font: 500 15px/1 var(--vp-sans)!important; border: 1px solid var(--vp-coral)!important; border-radius: 4px; overflow: hidden; transition: background 0.2s ease, color 0.2s ease; }
.vp-finalcta.vp-btn--primary:hover { background: #FFFFFF!important; color: var(--vp-coral)!important; }
.vp-finalcta.vp-btn--primary:hover.vp-btn__phone { color: var(--vp-coral); border-left-color: rgba(199,62,42,0.28); }
.vp-finalcta.vp-btn__label { display: inline-flex; align-items: center; padding: 0 22px; font: 500 15px/1 var(--vp-sans); color: inherit; }
.vp-finalcta a.vp-btn--primary span.vp-btn__phone { display: inline-flex; align-items: center; padding: 0 22px; font-family: 'JetBrains Mono', ui-monospace, monospace!important; font-size: 15px!important; font-weight: 500!important; line-height: 1!important; color: rgba(255,255,255,0.92); letter-spacing: 0.01em; border-left: 1px solid rgba(255,255,255,0.28); transition: color 0.2s ease, border-left-color 0.2s ease; }
.vp-finalcta__or { font: 400 13px/1.5 var(--vp-mono); color: rgba(255,255,255,0.55); margin: 16px 0 0; letter-spacing: 0.02em; text-align: center; }
.vp-finalcta__trust { font: 400 13px/1.55 var(--vp-mono); color: rgba(255,255,255,0.6); margin: 32px auto; max-width: 60ch; text-align: center; }
.vp-finalcta__form-wrap { padding: 32px 28px; max-width: 560px; margin: 0 auto; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; text-align: center; }
.vp-finalcta__form-wrap label { text-align: center!important; display: block!important; width: 100%!important; }
.vp-finalcta__form-wrap input,.vp-finalcta__form-wrap textarea { text-align: center!important; }
.vp-finalcta__form-wrap input::placeholder,.vp-finalcta__form-wrap textarea::placeholder { text-align: center; }
.vp-finalcta__form-wrap.fluentform { padding: 0; margin: 0; }
.vp-finalcta__form-wrap.ff-el-group { margin-bottom: 16px!important; }
.vp-finalcta__form-wrap input,.vp-finalcta__form-wrap textarea {
min-height: 48px!important; padding: 12px 14px!important;
font-size: 16px!important; line-height: 1.45!important;
border-radius: 4px!important;
background: rgba(255,255,255,0.04)!important;
border: 1px solid rgba(255,255,255,0.14)!important;
color: #FAFAFA!important;
}
.vp-finalcta__form-wrap textarea { min-height: 88px!important; }
.vp-finalcta__form-wrap label { font: 500 13px/1.3 var(--vp-sans)!important; color: rgba(250,250,250,0.85)!important; margin-bottom: 6px!important; }
.vp-finalcta__form-wrap.ff-btn-submit,.vp-finalcta__form-wrap button[type="submit"] {
width: 100%!important; min-height: 52px!important;
font: 600 15px/1 var(--vp-sans)!important;
text-transform: none!important; border-radius: 4px!important;
background: var(--vp-coral)!important;
color: #FFFFFF!important;
border: 1px solid var(--vp-coral)!important;
box-shadow: none!important;
letter-spacing: 0.01em!important;
}
.vp-finalcta__form-wrap.ff-btn-submit:hover,.vp-finalcta__form-wrap button[type="submit"]:hover {
background: #FFFFFF!important;
color: var(--vp-coral)!important;
}
.vp-finalcta__org { font-style: normal; font: 400 12px/1.6 var(--vp-mono); color: rgba(255,255,255,0.45); margin-top: 48px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.08); max-width: 560px; margin-inline: auto; }
.vp-finalcta__org strong { color: rgba(255,255,255,0.75); font-weight: 500; }
.entry-header { display: none!important; }
.skip-link { position: fixed!important; left: -9999px!important; top: -9999px!important; width: 1px!important; height: 1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; }
.skip-link:focus,.skip-link:focus-visible { left: 8px!important; top: 8px!important; width: auto!important; height: auto!important; clip: auto!important; background: #fff!important; color: var(--vp-ink)!important; padding: 8px 14px!important; border: 2px solid var(--vp-coral)!important; z-index: 100000!important; font: 500 13px/1 var(--vp-sans)!important; }
.visually-hidden { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; border: 0!important; }
.vp-stickynav a:focus-visible,.kp-tl__cta:focus-visible,.kp-cluster__link:focus-visible,.kp-emergency__cta:focus-visible,.vp-soft-cta:focus-visible,.vp-faq__trigger:focus-visible,.vp-tpl__summary:focus-visible,.vp-team2__cta:focus-visible,.vp-finalcta__cta a:focus-visible,.btn:focus-visible { outline: 2px solid var(--vp-coral)!important; outline-offset: 2px!important; }
.vp-breadcrumb { background: var(--vp-bg); padding: 12px 24px 0; max-width: 1320px; margin: 0 auto; }
.vp-breadcrumb__list { list-style: none!important; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; font: 400 12.5px/1.4 var(--vp-mono); color: var(--vp-ink-3); }
.vp-breadcrumb__list::marker,.vp-breadcrumb__item::marker { content: ''!important; }
.vp-breadcrumb__item { display: inline-flex; align-items: center; gap: 8px; }
.vp-breadcrumb__item +.vp-breadcrumb__item::before { content: '/'; color: var(--vp-rule); }
.vp-breadcrumb__item a { color: var(--vp-ink-3); text-decoration: none; border-bottom: 1px solid transparent; }
.vp-breadcrumb__item a:hover { color: var(--vp-coral); border-bottom-color: var(--vp-coral); }
.vp-breadcrumb__item[aria-current="page"] { color: var(--vp-ink); }
.vp-finalcta__h2 { color: #FAFAFA!important; }
.vp-finalcta__sub,.vp-finalcta__or,.vp-finalcta__trust { color: rgba(255,255,255,0.75)!important; }
@media (max-width: 540px) {
.vp-stickynav__inner { gap: 12px; padding: 0 12px; }
.vp-stickynav__cta { padding: 0 12px; font-size: 11.5px; }
}
@media (max-width: 380px) {
.vp-stickynav__brand { display: none; }
}
.kp-cluster__cell { position: relative; }
.kp-cluster__link { display: inline-flex; align-items: center; gap: 6px; padding: 10px 0 6px; min-height: 44px; }
.kp-cluster__link::after { content: ''; position: absolute; inset: 0; }
.kp-cmp__col--featured { background: rgba(199,62,42,0.06); }
.kp-cmp__th--featured { position: relative; border-left: 3px solid var(--vp-coral)!important; padding-top: 32px!important; background: rgba(199,62,42,0.10)!important; color: var(--vp-ink)!important; font-weight: 600!important; }
.kp-cmp__badge { position: absolute; top: 8px; left: 12px; font: 600 10px/1 var(--vp-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--vp-coral); background: #FFFFFF; padding: 4px 8px; border: 1px solid var(--vp-coral); }
.kp-cmp__table td:last-child { background: rgba(199,62,42,0.04); border-left: 3px solid var(--vp-coral); font-weight: 500; color: var(--vp-ink); }
.kp-cmp__table th[scope="row"] { font-weight: 600; color: var(--vp-ink); background: transparent; text-transform: none; font-size: 13.5px; letter-spacing: 0; }
@media (max-width: 720px) {
.kp-cmp__table { min-width: 600px; }
.kp-cmp__badge { position: static; display: inline-block; margin-bottom: 6px; }
.kp-cmp__th--featured { padding-top: 14px!important; }
}
.vp-soft-cta { display: inline-flex; align-items: center; gap: 6px; color: var(--vp-coral); text-decoration: none; border-bottom: 1px solid var(--vp-coral); font: 500 13.5px/1.4 var(--vp-sans); padding-bottom: 1px; }
.vp-soft-cta:hover { color: var(--vp-coral-hover); border-bottom-color: var(--vp-coral-hover); }
.vp-tpl__softcta-line { margin: 16px 0 0; padding-top: 14px; border-top: 1px dashed var(--vp-rule); }
.kp-chk__scripts-eyebrow { font: 600 11px/1 var(--vp-mono); text-transform: uppercase; letter-spacing: 0.08em; color: var(--vp-coral); margin: 18px 0 8px; padding-top: 14px; border-top: 1px dashed var(--vp-rule); }
.vp-penalty__appeal { margin-top: 28px; padding: 24px 26px; background: #FFFFFF; border: 1px solid var(--vp-rule); border-left: 3px solid var(--vp-coral); }
.vp-penalty__appeal-h3 { font: 600 17px/1.25 var(--vp-sans); margin: 0 0 12px; color: var(--vp-ink); }
.vp-penalty__appeal ul { list-style: disc; padding-left: 22px; margin: 0; }
.vp-penalty__appeal ul li { font: 400 14px/1.55 var(--vp-sans); color: var(--vp-ink-2); margin: 0 0 8px; }
@media (max-width: 540px) {
.vp-hero { padding: 32px 16px 36px; }
.vp-hero__title { font-size: clamp(28px, 8vw, 36px); margin-bottom: 16px; }
.vp-hero__deck { font-size: 14px; margin-bottom: 16px; }
.vp-hero__lede { font-size: 15.5px; margin-bottom: 18px; }
.vp-hero__trust { gap: 8px; margin-bottom: 18px; }
.vp-hero__trust-item { font-size: 13.5px; }
.vp-hero__actions { margin-bottom: 12px; }
.vp-hero__byline { display: none; }
.vp-hero__sidebar { order: 2; }
.vp-hero__lead { order: 1; }
}
.vp-tpl__summary { grid-template-columns: 40px 1fr auto!important; }
.vp-tpl__title-block { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.vp-tpl__meta { font: 400 11.5px/1.4 var(--vp-mono); color: var(--vp-ink-3); margin: 0; }
.vp-tpl__meta a { color: var(--vp-coral); text-decoration: none; border-bottom: 1px solid currentColor; }
.vp-tpl__actions { display: flex; gap: 6px; flex-wrap: nowrap; align-items: center; }
.vp-tpl__action { display: inline-flex; align-items: center; gap: 5px; padding: 8px 10px; font: 500 11.5px/1 var(--vp-mono); color: var(--vp-ink-3); border: 1px solid var(--vp-rule); text-decoration: none; white-space: nowrap; }
.vp-tpl__action svg { flex-shrink: 0; }
.vp-tpl__action--expand { color: var(--vp-ink-3); background: transparent; }
.vp-tpl__details[open].vp-tpl__action--expand { color: var(--vp-coral); border-color: var(--vp-coral); }
.vp-tpl__details[open].vp-tpl__action--expand svg { transform: rotate(180deg); }
.vp-tpl__action--page { color: var(--vp-ink); border-color: var(--vp-ink); }
.vp-tpl__action--page:hover { background: var(--vp-ink); color: #FFFFFF; }
.vp-tpl__action--call { color: var(--vp-coral); border-color: var(--vp-coral); }
.vp-tpl__action--call:hover { background: var(--vp-coral); color: #FFFFFF; }
.vp-tpl__body { padding: 18px 24px 24px 88px!important; background: var(--vp-bg); }
.vp-tpl__body-warning { background: #FFFFFF; border: 1px solid var(--vp-rule); border-left: 3px solid var(--vp-coral); padding: 12px 16px; margin: 0 0 16px; font: 400 13px/1.55 var(--vp-sans); color: var(--vp-ink-2); }
.vp-tpl__doc { background: #FFFFFF!important; padding: 24px 26px!important; font: 400 13px/1.6 var(--vp-mono); color: var(--vp-ink-2); white-space: pre-wrap; overflow-x: auto; margin: 0!important; border: 1px solid var(--vp-rule); }
.vp-tpl__body-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 0; }
.vp-tpl__btn { display: inline-flex; align-items: center; gap: 8px; padding: 0 18px; height: 44px; text-decoration: none; font: 500 13px/1 var(--vp-sans); border: 1px solid; }
.vp-tpl__btn--primary { background: var(--vp-coral); color: #FFFFFF; border-color: var(--vp-coral); }
.vp-tpl__btn--primary:hover { background: #FFFFFF; color: var(--vp-coral); }
.vp-tpl__btn--ghost { background: transparent; color: var(--vp-ink); border-color: var(--vp-ink); }
.vp-tpl__btn--ghost:hover { background: var(--vp-ink); color: #FFFFFF; }
@media (max-width: 768px) {
.vp-tpl__summary { grid-template-columns: 32px 1fr!important; gap: 12px!important; padding: 16px!important; }
.vp-tpl__actions { grid-column: 1 / -1; padding-top: 10px; border-top: 1px dashed var(--vp-rule); margin-top: 4px; flex-wrap: wrap; }
.vp-tpl__body { padding: 16px!important; }
.vp-tpl__action-label { display: none; }
}
@media (max-width: 540px) and (min-width: 360px) {
.vp-stat__grid { grid-template-columns: repeat(2, 1fr)!important; gap: 10px!important; }
.vp-stat__card { min-height: 140px; padding: 16px 14px; }
.vp-stat__value { font-size: 22px; }
.vp-stat__label { font-size: 12px; line-height: 1.4; }
.vp-stat__src { font-size: 10px; }
}
@media (max-width: 768px) {
.vp-stickynav { background: rgba(250,248,244,0.98); }
}
.vp-faq__trigger { text-transform: none!important; }
@media (prefers-reduced-motion: reduce) {
.kp-emergency__pulse { animation: none!important; }
}
.kp-cmp__note { line-height: 1.6; }
.mobile-sticky-cta { position: fixed; bottom: 0; left: 0; right: 0; z-index: 99; padding: 8px 12px; background: var(--vp-ink); border-top: 1px solid var(--vp-coral); display: none; }
.mobile-sticky-cta a { display: block; text-align: center; padding: 12px 16px; background: var(--vp-coral); color: #FFFFFF!important; text-decoration: none!important; font: 500 14px/1.2 var(--vp-sans); border: 1px solid var(--vp-coral); }
.mobile-sticky-cta a strong { font-weight: 600; }
@media (max-width: 768px) {
.mobile-sticky-cta { display: block; }
body:has(.mobile-sticky-cta) { padding-bottom: 84px; }
}
@media (max-width: 767px) {
.kp-cmp__inner::before {
content: "↔ Прокрутіть таблицю, щоб побачити «Договірний адвокат»";
display: block; font: 500 12.5px/1.4 var(--vp-mono); color: var(--vp-coral);
margin: 0 0 14px; padding: 10px 14px;
background: rgba(199,62,42,0.06); border-left: 2px solid var(--vp-coral);
}
.kp-cmp__table-wrap {
-webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 32px), transparent 100%);
mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 32px), transparent 100%);
}
}
.vp-stickynav__list {
-webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 24px), transparent 100%);
mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 24px), transparent 100%);
scroll-padding-right: 24px;
}
@media (max-width: 767px) {.vp-stickynav__list { gap: 12px; } }
.vp-hero__trust-line { font: 400 13.5px/1.5 var(--vp-sans); color: var(--vp-ink-3); margin: 0 0 24px; max-width: 60ch; }
@media (max-width: 540px) {.vp-hero__trust-line { font-size: 12.5px; margin-bottom: 18px; } }
@media (max-width: 768px) {
.vp-tpl__action-label { display: inline!important; font-size: 11.5px; }
.vp-tpl__action { padding: 10px 12px!important; min-height: 44px; }
.vp-tpl__actions { gap: 6px; }
}
@media (max-width: 400px) {
.vp-tpl__action-label { display: none!important; }
.vp-tpl__action { padding: 10px!important; min-width: 44px; justify-content: center; }
}
.vp-team2__coord { background: #141414; border: 1px solid rgba(255,255,255,0.10); padding: 32px 28px; display: flex; flex-direction: column; gap: 24px; }
.vp-team2__coord-text { font: 400 16px/1.55 var(--vp-sans); color: rgba(255,255,255,0.92); margin: 0; max-width: 64ch; text-wrap: pretty; }
.vp-team2__coord-link { color: var(--vp-coral-hover); text-decoration: none!important; border-bottom: 1px solid currentColor; }
.vp-team2__coord-link:hover { color: #FFFFFF; }
.vp-team2__coord-checks { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 0; padding: 20px 0; border-top: 1px solid rgba(255,255,255,0.10); border-bottom: 1px solid rgba(255,255,255,0.10); }
.vp-team2__coord-check dt { font: 600 11px/1 var(--vp-mono); text-transform: uppercase; letter-spacing: 0.08em; color: var(--vp-coral-hover); margin: 0 0 6px; }
.vp-team2__coord-check dd { font: 400 13px/1.45 var(--vp-sans); color: rgba(255,255,255,0.72); margin: 0; }
@media (max-width: 768px) {
.vp-team2__coord-checks { grid-template-columns: 1fr; gap: 14px; }
.vp-team2__coord { padding: 24px 20px; }
}
.vp-team2__coord.vp-team2__cta { align-self: flex-start; }
@media (max-width: 540px) {.vp-team2__coord.vp-team2__cta { align-self: stretch; justify-content: center; } }
.vp-btn,.vp-btn:hover,.vp-btn:focus,.vp-btn:visited,
.vp-btn span,.btn,.btn:hover,.btn:focus,
.kp-emergency__cta,.vp-stickynav__cta,
.kp-pillars__link,.kp-pillars__link:hover,
.kp-pillars__link span,.vp-team2__cta,.vp-team2__cta:hover { text-decoration: none!important; }
.vp-hero__byline,.vp-stickynav__cta,.kp-countdown__norm,.vp-team2__naau,.vp-stat__src { font-size: 12px!important; }
.kp-cmp__badge { font-size: 11px!important; padding: 4px 8px; }
.vp-finalcta__form-wrap input:focus,
.vp-finalcta__form-wrap textarea:focus,
.vp-finalcta__form-wrap select:focus {
outline: 2px solid var(--vp-coral)!important;
outline-offset: 2px!important;
border-color: rgba(255,255,255,0.32)!important;
}
.vp-finalcta__form-wrap input,
.vp-finalcta__form-wrap textarea {
border-color: rgba(255,255,255,0.32)!important;
}
.vp-finalcta__form-wrap.ff-el-is-error input,
.vp-finalcta__form-wrap.ff-el-is-error textarea { border-color: var(--vp-coral)!important; }
.vp-finalcta__form-wrap.error,.vp-finalcta__form-wrap.ff_form_error { color: var(--vp-coral-hover)!important; }
.kp-emergency__text { color: #FFFFFF!important; font-weight: 400; text-align: left; }
.kp-emergency__text strong { color: #FFFFFF!important; font-weight: 600; }
.kp-emergency__cta { color: var(--vp-coral)!important; background: #FFFFFF!important; }
.kp-emergency__cta:hover { color: #FFFFFF!important; background: var(--vp-ink)!important; }
.vp-hero__title { font-size: clamp(28px, 3.8vw, 48px)!important; line-height: 1.15!important; max-width: 18ch; margin-bottom: 18px!important; }
.vp-hero__title-accent { display: inline; }
@media (max-width: 540px) {.vp-hero__title { font-size: clamp(26px, 7vw, 32px)!important; } }
.kp-pillars { padding: clamp(64px, 5.5vw, 80px) 24px!important; background: #FFFFFF!important; border-top: 1px solid var(--vp-rule); border-bottom: 1px solid var(--vp-rule); margin: 0!important; font-family: var(--vp-sans); }
.kp-pillars__inner { max-width: 1200px; margin: 0 auto; }
.kp-pillars__head { margin: 0 0 40px!important; max-width: 720px; }
.kp-pillars__h2 { font: 600 clamp(26px, 2.6vw, 32px)/1.2 var(--vp-sans)!important; letter-spacing: -0.015em; color: var(--vp-ink); margin: 0 0 12px!important; max-width: 28ch; text-wrap: balance; }
.kp-pillars__lede { font: 400 14.5px/1.6 var(--vp-sans); color: var(--vp-ink-2); margin: 12px 0 0; max-width: 56ch; text-wrap: pretty; }
.kp-pillars.vp-eyebrow { font: 600 11px/1 var(--vp-mono)!important; color: var(--vp-coral)!important; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 14px!important; display: inline-flex; align-items: center; gap: 8px; }
.kp-pillars.vp-eyebrow__dot { background: var(--vp-coral)!important; border-radius: 0!important; width: 6px!important; height: 6px!important; display: inline-block; }
.kp-pillars__grid { list-style: none!important; margin: 0; padding: 0; display: grid!important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px!important; background: var(--vp-rule); border: 1px solid var(--vp-rule); }
.kp-pillars__grid::marker,.kp-pillars__cell::marker { content: ''!important; }
.kp-pillars__cell { display: flex; }
.kp-pillars__link { display: flex; flex-direction: column; gap: 8px; padding: 22px 20px; min-height: 200px; background: #FFFFFF; border: 0!important; text-decoration: none!important; color: inherit; flex: 1; transition: background 0.2s ease, box-shadow 0.2s ease; position: relative; }
.kp-pillars__link:hover { background: var(--vp-paper-2); box-shadow: inset 2px 0 0 var(--vp-coral); }
.kp-pillars__h3 { font: 600 15px/1.3 var(--vp-sans); color: var(--vp-ink); margin: 0; letter-spacing: -0.01em; text-wrap: balance; }
.kp-pillars__sub { font: 400 12px/1.5 var(--vp-mono); color: var(--vp-ink-3); margin: 0; flex-grow: 1; letter-spacing: 0.01em; }
.kp-pillars__arrow { font: 500 11px/1 'JetBrains Mono', ui-monospace, monospace!important; color: var(--vp-coral); margin: auto 0 0; padding-top: 12px; border-top: 1px solid var(--vp-rule); letter-spacing: 0.06em; text-transform: uppercase; }
.kp-pillars__link:hover.kp-pillars__arrow { color: var(--vp-coral-hover); }
@media (max-width: 1024px) {.kp-pillars__grid { grid-template-columns: repeat(2, minmax(0,1fr))!important; } }
@media (max-width: 540px) {.kp-pillars { padding: 48px 16px!important; }.kp-pillars__grid { grid-template-columns: 1fr!important; } }
.vp-hero.vp-bc a,.vp-hero.vp-bc span { text-decoration: none!important; border-bottom: 0!important; border: 0!important; }
.vp-hero { padding: 64px 24px 56px!important; }
.vp-hero__inner { max-width: 1200px!important; gap: 64px!important; align-items: start!important; }
@media (min-width: 1440px) {
.vp-hero { padding: 72px 24px 64px!important; }
.vp-hero__inner { gap: 96px!important; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr)!important; }
}
.vp-hero__title { margin: 0 0 24px!important; max-width: 30ch; text-wrap: balance; }
.vp-hero__deck { font: 500 14px/1.5 var(--vp-sans)!important; color: var(--vp-ink-3)!important; margin: 0 0 32px!important; max-width: 56ch!important; letter-spacing: 0.005em!important; }
.vp-hero__chip { color: var(--vp-ink-2)!important; white-space: nowrap; }
.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 { margin: 0 0 40px!important; max-width: 56ch!important; }
.vp-hero__lead::before { display: none!important; }
.vp-hero__trust::before { display: none!important; }
.vp-hero__cta { margin: 0 0 16px!important; }
.vp-hero__meta { font: 400 12px/1.5 var(--vp-mono); color: var(--vp-ink-3); margin: 20px 0 0; letter-spacing: 0.02em; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.vp-hero__meta strong { color: var(--vp-ink-2); font-weight: 500; }
.vp-hero__meta-sep { color: var(--vp-rule); }
.vp-hero__register { position: relative; padding-left: 20px; }
.vp-hero__register::before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 1px; background: linear-gradient(180deg, var(--vp-coral) 0, var(--vp-coral) 24px, var(--vp-rule) 24px, var(--vp-rule) 100%); }
@media (max-width: 1023px) {.vp-hero__register { padding-left: 0; }.vp-hero__register::before { display: none; } }
@media (max-width: 1023px) {
.vp-hero__inner { grid-template-columns: 1fr!important; gap: 40px!important; }
.vp-hero { padding: 40px 20px 32px!important; }
.vp-hero__meta { font-size: 11px; }
}