html body header.vp-clusters__head,html body header.vp-vlk__card-head{position:static!important;top:auto!important;z-index:auto!important;background-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}html body header.vp-clusters__head{border-bottom:0!important}html body header.vp-vlk__card-head{border-bottom-color:#E5DFD9!important}html body.page-id-1874 header.vp-vlk__card-head{padding-bottom:12px!important}@media (max-width:768px){html body #page #templates .vp-tpl__action{min-height:44px!important}}html body .vp-tpl__body-warning strong{color:#A8331F!important}html body.page-id-1875 .vp-vlk__card-letter{color:#A8331F!important}html body.page-id-1875 #templates .vp-tpl__summary:hover{background:#F7F5F1!important}
@media (max-width:820px){.nv-hero__meta .sep{display:none}.nv-hero__meta .sep+span::before{content:"\00B7";opacity:.4;margin-right:12px}}
.dir-grid-v2 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1px;
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 16px;
overflow: hidden;
margin-top: 8px;
}
@media (max-width: 1024px) { .dir-grid-v2 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px)  { .dir-grid-v2 { grid-template-columns: 1fr; } }
.dir-card-v2 {
display: flex; flex-direction: column;
padding: 28px 24px; min-height: 220px;
background: #0a0a0a; color: #f5f5f7 !important;
text-decoration: none !important;
position: relative;
transition: background 200ms;
}
.dir-card-v2:hover { background: #131313; }
.dir-card-v2:hover .dir-card-v2-arrow { transform: translate(3px, -3px); color: #60a5fa; }
.dir-card-v2-icon { margin-bottom: 16px; color: rgba(255,255,255,0.55); }
.dir-card-v2-icon svg { width: 28px; height: 28px; }
.dir-card-v2-title {
font-size: 17px; font-weight: 500;
margin-bottom: 14px; letter-spacing: -0.01em;
color: #f5f5f7 !important;
}
.dir-card-v2-list {
flex: 1; font-size: 13px; line-height: 1.7;
color: rgba(255,255,255,0.55) !important; margin-bottom: 14px;
}
.dir-card-v2-list-item {
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.dir-card-v2-meta {
font-size: 12px; color: rgba(255,255,255,0.4) !important; letter-spacing: 0.02em;
}
.dir-card-v2-arrow {
position: absolute; top: 24px; right: 20px;
color: rgba(255,255,255,0.25);
transition: transform 200ms, color 200ms;
}
.dir-card-v2-trending {
position: absolute; top: 18px; right: 18px;
display: inline-flex; align-items: center; gap: 7px;
padding: 5px 10px 5px 11px;
background: rgba(41, 151, 255, 0.12);
border: 1px solid rgba(41, 151, 255, 0.32);
border-radius: 999px;
font-size: 11px; font-weight: 500;
color: #60a5fa !important; letter-spacing: 0.02em;
}
.dir-card-v2-trending::before {
content: ''; width: 7px; height: 7px;
background: #60a5fa; border-radius: 50%;
box-shadow: 0 0 0 0 rgba(96, 165, 250, 0.7);
animation: dirTrendPulse 1.6s ease-in-out infinite;
}
.dir-card-v2.is-trending .dir-card-v2-arrow { display: none; }
@keyframes dirTrendPulse {
0%   { box-shadow: 0 0 0 0   rgba(96,165,250, 0.6); }
70%  { box-shadow: 0 0 0 8px rgba(96,165,250, 0); }
100% { box-shadow: 0 0 0 0   rgba(96,165,250, 0); }
}
.tile-light .dir-grid-v2,
.tile:not(.tile-dark):not(.on-dark) .dir-grid-v2 {
background: rgba(0,0,0,0.08);
border-color: rgba(0,0,0,0.08);
}
#how.tile-dark,
#how.on-dark {
background: #000;
position: relative;
overflow: hidden;
}
#how.tile-dark::before {
content: "";
position: absolute; inset: 0;
background-image: radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1px);
background-size: 28px 28px;
pointer-events: none;
mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, #000, transparent);
-webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, #000, transparent);
}
#how.tile-dark .container { position: relative; z-index: 1; }
#how .steps-grid {
display: grid; grid-template-columns: repeat(4, 1fr);
gap: 20px; position: relative;
margin-top: 8px;
}
#how .step {
background: #fff !important;
color: #1d1d1f !important;
padding: 32px 28px;
border-radius: 14px;
position: relative;
transition: transform 200ms, box-shadow 200ms;
border: 1px solid rgba(255,255,255,0.06);
}
#how .step:hover {
transform: translateY(-4px);
box-shadow: 0 18px 40px rgba(0,0,0,0.4);
}
#how .step-num {
font-size: 12px; font-weight: 500 !important;
color: #86868b !important;
letter-spacing: 0.12em;
margin-bottom: 28px !important;
text-transform: none;
}
#how .step-num::before {
content: "";
display: inline-block;
width: 24px; height: 1px;
background: #1d1d1f;
vertical-align: middle;
margin-right: 8px;
}
#how .step-title {
font-size: 19px; font-weight: 500 !important;
color: #1d1d1f !important;
margin-bottom: 12px;
letter-spacing: -0.01em;
line-height: 1.25;
}
#how .step-text {
font-size: 14px; line-height: 1.55;
color: #6e6e73 !important;
}
@media (min-width: 1024px) {
#how .steps-grid::after {
content: "";
position: absolute;
top: 78px; left: 8%; right: 8%;
height: 1px;
background: linear-gradient(to right, transparent, rgba(255,255,255,0.15) 20%, rgba(255,255,255,0.15) 80%, transparent);
z-index: -1;
}
}
@media (max-width: 1023px) {
#how .steps-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
#how .steps-grid { grid-template-columns: 1fr; }
}
.tile-light .dir-grid-v2,
.tile:not(.tile-dark):not(.on-dark) .dir-grid-v2 {
background: rgba(0,0,0,0.08);
border-color: rgba(0,0,0,0.08);
}
#how.tile-dark, #how.on-dark { background: #000; position: relative; overflow: hidden; }
#how.tile-dark::before {
content: ""; position: absolute; inset: 0;
background-image: radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1px);
background-size: 28px 28px; pointer-events: none;
mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, #000, transparent);
-webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, #000, transparent);
}
#how.tile-dark .container { position: relative; z-index: 1; }
#how .steps-grid {
display: grid; grid-template-columns: repeat(4, 1fr);
gap: 20px; position: relative; margin-top: 8px;
}
#how .step {
background: #fff !important; color: #1d1d1f !important;
padding: 32px 28px; border-radius: 14px; position: relative;
transition: transform 200ms, box-shadow 200ms;
}
#how .step:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(0,0,0,0.4); }
#how .step-num {
font-size: 12px !important; font-weight: 500 !important;
color: #86868b !important; letter-spacing: 0.12em;
margin-bottom: 28px !important; text-transform: none;
}
#how .step-num::before {
content: ""; display: inline-block;
width: 24px; height: 1px; background: #1d1d1f;
vertical-align: middle; margin-right: 8px;
}
#how .step-title {
font-size: 19px !important; font-weight: 500 !important;
color: #1d1d1f !important; margin-bottom: 12px;
letter-spacing: -0.01em; line-height: 1.25;
}
#how .step-text { font-size: 14px; line-height: 1.55; color: #6e6e73 !important; }
@media (min-width: 1024px) {
#how .steps-grid::after {
content: ""; position: absolute;
top: 78px; left: 8%; right: 8%;
height: 1px;
background: linear-gradient(to right, transparent, rgba(255,255,255,0.15) 20%, rgba(255,255,255,0.15) 80%, transparent);
z-index: -1;
}
}
@media (max-width: 1023px) { #how .steps-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { #how .steps-grid { grid-template-columns: 1fr; } }
body:has(.nslvd-h1) .entry-header .entry-title,
body:has(.nslvd-h1) header.entry-header > h1,
body:has(.nslvd-h1) .ast-archive-description { display: none !important; }
*:focus-visible { outline: 2px solid #0066ff !important; outline-offset: 2px !important; border-radius: 4px; }
.btn:focus-visible, .nav-cta:focus-visible, .related-card:focus-visible, .acc-trigger:focus-visible,
.phone-link:focus-visible, .mobile-sticky-cta a:focus-visible, .form-input:focus-visible {
outline: 2px solid #0066ff !important; outline-offset: 3px !important;
box-shadow: 0 0 0 4px rgba(0,102,204,0.18);
}
.on-dark *:focus-visible, .emergency-block *:focus-visible {
outline-color: #fff !important; box-shadow: 0 0 0 4px rgba(255,255,255,0.25);
}
:root {
--fg-muted: #595959;
--fg-tertiary: #6e6e73;
--fg-muted-on-dark: #c7c7cc;
}
.badge-success { color: #0f6b2e; }
.badge-warn    { color: #8c4a00; }
.badge-danger  { color: #9a1d12; }
.emergency-step-text a { color: #ff9d92 !important; text-decoration: underline; }
.skip-link {
position: absolute !important; top: -100px !important; left: 16px !important;
background: #1a1a1a !important; color: #fff !important;
padding: 12px 20px !important; border-radius: 0 0 8px 8px !important;
font-size: 15px !important; font-weight: 500 !important; z-index: 99999 !important;
transition: top 150ms !important;
width: auto !important; height: auto !important;
clip: auto !important; clip-path: none !important;
text-decoration: none !important;
}
.skip-link:focus, .skip-link:focus-visible { top: 0 !important; left: 0 !important; }
.sr-only {
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; white-space: nowrap !important; border: 0 !important;
}
.related-card:focus-visible { border-color: #1a1a1a; transform: translateY(-2px); }
@media (max-width: 767px) {
.nav-cta, .breadcrumb-list a { min-height: 44px; display: inline-flex; align-items: center; }
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
.emergency-eyebrow::before { animation: none !important; }
.related-card:hover { transform: none !important; }
}
.acc-content[hidden] { display: none !important; }
.emergency-cta-primary,.emergency-cta-secondary,.emergency-cta-primary:hover,.emergency-cta-secondary:hover,.emergency-cta-primary:focus,.emergency-cta-secondary:focus,.emergency-cta-primary:visited,.emergency-cta-secondary:visited{text-decoration:none!important;border-bottom:0!important}
.emergency-cta-primary span,.emergency-cta-secondary span,.emergency-cta-primary *,.emergency-cta-secondary *{text-decoration:none!important;border-bottom:0!important}
.nslvd-btn-call,.nslvd-btn-call:hover,.nslvd-btn-call:focus,.nslvd-btn-call:visited,.nslvd-btn-call *{text-decoration:none!important;border-bottom:0!important}
.mobile-sticky-cta a,.mobile-sticky-cta a:hover,.mobile-sticky-cta a:focus,.mobile-sticky-cta a:visited,.mobile-sticky-cta a *{text-decoration:none!important;border-bottom:0!important}
.tile.tile-dark a.nslvd-author-link,.on-dark a.nslvd-author-link{text-decoration:underline!important;text-decoration-color:rgba(255,255,255,0.5)!important}
.btn.btn-primary,.btn.btn-primary:hover,.btn.btn-primary:focus,.btn.btn-primary:visited,.btn.btn-primary:active{background-color:#C73E2A!important;border-color:#C73E2A!important;color:#fff!important;text-decoration:none!important}.btn.btn-primary:hover{background-color:#A8331F!important;border-color:#A8331F!important}.btn.btn-primary *{color:#fff!important;text-decoration:none!important}
#lawyers .lawyer-card {
background: #f5f5f7 !important;
color: #1d1d1f !important;
border-radius: 14px;
transition: transform 200ms, box-shadow 200ms;
}
#lawyers .lawyer-card:hover {
transform: translateY(-4px);
background: #fafafa !important;
box-shadow: 0 18px 40px rgba(0,0,0,0.4);
}
#lawyers .lawyer-name, #lawyers .lawyer-name * { color: #1d1d1f !important; }
#lawyers .lawyer-status, #lawyers .lawyer-status * { color: #6e6e73 !important; }
#lawyers .lawyer-specs { color: #6e6e73 !important; }
#lawyers .lawyer-avatar {
background: #e8e8ed !important;
color: #1d1d1f !important;
}
#lawyers .lawyer-rate, #lawyers .lawyer-rate * { color: #1d1d1f !important; font-weight: 500 !important; }
#lawyers .lawyer-stats > div { color: #86868b !important; font-size: 13px; }
#lawyers .lawyer-stats > div > strong { color: #1d1d1f !important; font-weight: 600 !important; }
#lawyers .dot { background: #34c759 !important; }
#lawyers a.lawyer-card { text-decoration: none !important; }
.dir-show-more {
display: block;
margin: 24px auto 0;
padding: 12px 28px;
background: transparent;
color: #1d1d1f;
border: 1px solid rgba(0,0,0,0.12);
border-radius: 999px;
font: 500 14px/1 Inter, system-ui, sans-serif;
letter-spacing: 0;
cursor: pointer;
transition: background 200ms, border-color 200ms;
}
.dir-show-more:hover { background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.18); }
.dir-show-more:active { transform: scale(0.98); }
@media(min-width:541px){.vp-register__code{white-space:normal!important;overflow-wrap:break-word;}}
body .vp-faq__inner{max-width:1160px}body.home .vp-faq__inner{max-width:1200px}