.page-content .nl-article {
--nl-navy:var(--brand-navy);
  --nl-indigo:var(--brand-indigo);
  --nl-lavender:var(--brand-lavender);
  --nl-off-white:var(--brand-off-white);
  --nl-stone:var(--brand-stone);
  --nl-white:var(--brand-white);
  --nl-soft:#596174;
  --nl-border:rgba(15,23,42,.13);
  width:100%;
  overflow:hidden;
  color:var(--nl-navy);
  background:var(--nl-off-white);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.page-content .nl-article * {
box-sizing:border-box
}

.page-content .nl-article [id] {
scroll-margin-top:32px
}

.page-content .nl-shell {
width:min(1180px,calc(100% - 48px));margin:0 auto
}

.page-content .nl-article a {
color:var(--nl-indigo)
}

.page-content .nl-hero {
padding:34px 0 68px;
  background:linear-gradient(120deg,var(--nl-off-white) 0%,var(--nl-white) 72%,rgba(167,139,250,.16) 100%);
  border-bottom:1px solid var(--nl-border);
}

.page-content .nl-breadcrumb {
display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;font-size:14px
}

.page-content .nl-breadcrumb a {
font-weight:750;text-decoration:none
}

.page-content .nl-eyebrow,
.page-content .nl-label {
color:var(--nl-indigo);font-size:12px;font-weight:850;letter-spacing:2.4px;text-transform:uppercase
}

.page-content .nl-hero h1 {
max-width:900px;margin:18px 0 24px;font-size:clamp(40px,5.2vw,66px);font-weight:680;line-height:1.02;letter-spacing:-3px
}

.page-content .nl-subtitle {
max-width:820px;margin:0;color:var(--nl-soft);font-size:clamp(19px,2vw,25px);font-weight:700;line-height:1.55
}

.page-content .nl-meta {
display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:28px;color:var(--nl-soft);font-size:14px
}

.page-content .nl-meta span:not(:last-child)::after {
content:"•";margin-left:18px;color:var(--nl-indigo)
}

.page-content .nl-layout {
display:grid;grid-template-columns:minmax(0,790px) 270px;gap:72px;align-items:start;padding:68px 0 95px
}

.page-content .nl-main {
min-width:0
}

.page-content .nl-main p,
.page-content .nl-main li {
font-size:17px;line-height:1.82
}

.page-content .nl-main p {
margin:0 0 22px
}

.page-content .nl-main>p:first-child {
font-size:22px;font-weight:720;line-height:1.62
}

.page-content .nl-main h2 {
scroll-margin-top:32px;margin:62px 0 22px;font-size:clamp(34px,4.6vw,52px);line-height:1.06;letter-spacing:-2px
}

.page-content .nl-main h3 {
margin:34px 0 13px;font-size:24px;line-height:1.25;letter-spacing:-.7px
}

.page-content .nl-main ul,
.page-content .nl-main ol {
margin:0 0 26px;padding-left:24px
}

.page-content .nl-main li {
margin-bottom:8px
}

.page-content .nl-main strong {
color:var(--nl-navy)
}

.page-content .nl-main sup a {
text-decoration:none;font-weight:850
}

.page-content .nl-content-visual {
display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:center;
  margin:42px 0;padding:28px;background:var(--nl-white);border:1px solid var(--nl-border);border-radius:16px
}

.page-content .nl-content-visual article {
min-height:150px;padding:22px;background:var(--nl-off-white);border-top:5px solid var(--nl-indigo);border-radius:11px
}

.page-content .nl-content-visual article:nth-of-type(2) {
border-top-color:var(--nl-lavender)
}

.page-content .nl-content-visual article:nth-of-type(3) {
border-top-color:var(--nl-stone)
}

.page-content .nl-content-visual span,
.page-content .nl-pathway span {
display:block;margin-bottom:22px;color:var(--nl-indigo);font-size:11px;font-weight:850
}

.page-content .nl-content-visual strong {
display:block;margin-bottom:7px;font-size:18px
}

.page-content .nl-content-visual p {
margin:0;font-size:13px;line-height:1.55
}

.page-content .nl-content-visual i {
color:var(--nl-lavender);font-size:22px;font-style:normal
}

.page-content .nl-case-study {
margin-top:60px;padding:34px;background:linear-gradient(135deg,rgba(167,139,250,.13),rgba(255,255,255,.88));
  border:1px solid var(--nl-border);border-left:6px solid var(--nl-lavender);border-radius:16px
}

.page-content .nl-case-study h2 {
margin-top:8px
}

.page-content .nl-case-label {
margin:0!important;color:var(--nl-indigo)!important;font-size:12px!important;font-weight:850;letter-spacing:2.2px;text-transform:uppercase
}

.page-content .nl-pathway {
display:grid;grid-template-columns:repeat(9,auto);gap:10px;align-items:center;margin:54px 0 14px;overflow-x:auto;padding:22px;background:var(--nl-white);border:1px solid var(--nl-border)
}

.page-content .nl-pathway article {
min-width:128px
}

.page-content .nl-pathway strong {
font-size:13px;line-height:1.35
}

.page-content .nl-pathway b {
color:var(--nl-lavender)
}

.page-content .nl-service-cta {
display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;margin:40px 0;padding:28px 30px;
  background:var(--nl-white);border:1px solid var(--nl-border);border-left:5px solid var(--nl-indigo);border-radius:12px
}

.page-content .nl-service-cta-lavender {
background:linear-gradient(120deg,rgba(167,139,250,.18),rgba(255,255,255,.86));border-left-color:var(--nl-lavender)
}

.page-content .nl-service-cta h3 {
margin:7px 0 9px
}

.page-content .nl-service-cta p {
margin:0
}

.page-content .nl-service-cta>a {
white-space:nowrap;padding:13px 18px;color:var(--nl-white);background:var(--nl-indigo);border-radius:8px;font-weight:800;text-decoration:none
}

.page-content .nl-faq {
margin-top:64px;padding-top:10px;border-top:1px solid var(--nl-border)
}

.page-content .nl-faq details {
margin:12px 0;padding:18px 20px;background:var(--nl-white);border:1px solid var(--nl-border);border-radius:10px
}

.page-content .nl-faq summary {
cursor:pointer;font-weight:800
}

.page-content .nl-faq details p {
margin:14px 0 0
}

.page-content .nl-closing-cta {
margin-top:64px;padding:38px;background:linear-gradient(120deg,rgba(167,139,250,.82),var(--nl-off-white));border:1px solid var(--nl-border);border-radius:16px
}

.page-content .nl-closing-cta h2 {
margin-top:0
}

.page-content .nl-related-insight {
margin:44px 0;
  padding:28px 30px;
  background:linear-gradient(120deg,rgba(167,139,250,.18),rgba(255,255,255,.9));
  border:1px solid var(--nl-border);
  border-left:5px solid var(--nl-lavender);
  border-radius:12px
}

.page-content .nl-related-insight .nl-label {
margin:0 0 8px
}

.page-content .nl-related-insight h3 {
margin:0 0 10px
}

.page-content .nl-related-insight p {
margin:0 0 16px
}

.page-content .nl-related-insight a {
font-weight:800;text-decoration:none
}

.page-content .nl-sidebar {
position:sticky;top:24px;display:grid;gap:20px
}

.page-content .nl-sidebar-box {
padding:23px;background:rgba(255,255,255,.82);border:1px solid var(--nl-border);border-top:4px solid var(--nl-lavender);border-radius:14px
}

.page-content .nl-sidebar-box a {
display:block;margin-bottom:11px;font-size:14px;font-weight:760;line-height:1.35;text-decoration:none
}

.page-content .nl-sidebar-box strong {
display:block;margin-bottom:8px
}

.page-content .nl-sidebar-box p {
margin:0 0 13px;color:var(--nl-soft);font-size:14px;line-height:1.6
}

.page-content .nl-sources {
margin-top:58px;padding-top:28px;border-top:1px solid var(--nl-border)
}

.page-content .nl-sources li {
font-size:15px
}

@media(max-width:980px) {
.page-content .nl-layout {
grid-template-columns:1fr;gap:40px
}

.page-content .nl-sidebar {
position:static;grid-row:1
}

.page-content .nl-sidebar-box:first-child {
display:none
}
}

@media(max-width:700px) {
.page-content .nl-shell {
width:min(100% - 30px,1180px)
}

.page-content .nl-hero h1 {
font-size:clamp(36px,10.5vw,50px);letter-spacing:-2px
}

.page-content .nl-meta {
display:block
}

.page-content .nl-meta span {
display:block;margin-bottom:5px
}

.page-content .nl-meta span::after {
display:none
}

.page-content .nl-layout {
padding:46px 0 66px
}

.page-content .nl-content-visual {
grid-template-columns:1fr
}

.page-content .nl-content-visual i {
transform:rotate(90deg);text-align:center
}

.page-content .nl-service-cta {
grid-template-columns:1fr
}

.page-content .nl-service-cta>a {
text-align:center
}
}

.page-content .nl-sidebar-box a[href^="#"],
.page-content .nl-main sup a[href^="#"] {
cursor:pointer;
}

.page-content .nl-sidebar-box a[href^="#"]:focus-visible,
.page-content .nl-main sup a[href^="#"]:focus-visible {
outline:3px solid rgba(79,93,255,.35);
  outline-offset:3px;
  border-radius:4px;
}
