.page-content {
--nlg-ink: var(--brand-navy);
      --nlg-ink-soft: #596174;
      --nlg-indigo: var(--brand-indigo);
      --nlg-lavender: var(--brand-lavender);
      --nlg-stone: var(--brand-stone);
      --nlg-mist: var(--brand-off-white);
      --nlg-white: var(--brand-white);
      --nlg-border: rgba(15, 23, 42, 0.13);
      --nlg-shell: 1160px;
}

.page-content * {
box-sizing: border-box;
}

.page-content {
margin: 0;
      color: var(--nlg-ink);
      background: var(--nlg-white);
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      text-rendering: optimizeLegibility;
}

.page-content a {
color: var(--nlg-indigo);
}

.page-content .nlg-page {
overflow: clip;
      background: linear-gradient(120deg, var(--nlg-mist) 0%, var(--nlg-white) 62%, rgba(167,139,250,.14) 100%);
}

.page-content .nlg-shell {
width: min(var(--nlg-shell), calc(100% - 40px));
      margin-inline: auto;
}

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

.page-content .nlg-breadcrumb {
display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
      margin-bottom: 30px;
      font-size: .92rem;
}

.page-content .nlg-breadcrumb a {
font-weight: 700;
      text-decoration: none;
}

.page-content .nlg-kicker {
margin: 0 0 17px;
      color: var(--nlg-indigo);
      font-size: .78rem;
      font-weight: 900;
      letter-spacing: .14em;
      text-transform: uppercase;
}

.page-content .nlg-hero h1 {
max-width: 920px;
      margin: 0;
      font-size: clamp(2.05rem, 3.7vw, 3.5rem);
      font-weight: 680;
      line-height: 1.05;
      letter-spacing: -.035em;
}

.page-content .nlg-subtitle {
max-width: 800px;
      margin: 24px 0 0;
      color: var(--nlg-ink-soft);
      font-size: clamp(1.15rem, 1.8vw, 1.42rem);
      line-height: 1.58;
      font-weight: 700;
}

.page-content .nlg-meta {
display: flex;
      flex-wrap: wrap;
      gap: 10px 20px;
      margin-top: 26px;
      color: var(--nlg-ink-soft);
      font-size: .93rem;
}

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

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

.page-content .nlg-main {
min-width: 0;
}

.page-content .nlg-main p,
.page-content .nlg-main li {
font-size: 1.06rem;
      line-height: 1.82;
}

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

.page-content .nlg-lead {
font-size: clamp(1.18rem, 1.75vw, 1.38rem) !important;
      line-height: 1.65 !important;
      font-weight: 700;
}

.page-content .nlg-main section {
margin-top: 58px;
      scroll-margin-top: 28px;
}

.page-content .nlg-main h2 {
margin: 0 0 21px;
      font-size: clamp(1.85rem, 3vw, 2.75rem);
      line-height: 1.1;
      letter-spacing: -.035em;
}

.page-content .nlg-main h3 {
margin: 32px 0 13px;
      font-size: 1.38rem;
      line-height: 1.28;
}

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

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

.page-content .nlg-quote {
margin: 40px 0;
      padding: 27px 29px;
      border-left: 5px solid var(--nlg-indigo);
      background: linear-gradient(120deg, rgba(167,139,250,.18), rgba(255,255,255,.8));
      border-radius: 0 14px 14px 0;
      font-size: clamp(1.28rem, 2vw, 1.75rem);
      line-height: 1.48;
      font-weight: 800;
}

.page-content .nlg-note {
margin: 32px 0;
      padding: 26px 28px;
      border-left: 6px solid var(--nlg-indigo);
      background: var(--nlg-mist);
      border-radius: 0 18px 18px 0;
}

.page-content .nlg-note strong {
display: block;
      margin-bottom: 8px;
      color: var(--nlg-indigo);
}

.page-content .nlg-compare {
display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
      margin: 30px 0;
}

.page-content .nlg-compare article {
padding: 26px;
      background: rgba(255,255,255,.78);
      border: 1px solid var(--nlg-border);
      border-top: 6px solid var(--nlg-indigo);
      border-radius: 14px;
      box-shadow: 0 8px 22px rgba(15,23,42,.05);
}

.page-content .nlg-compare article:nth-child(2) {
border-top-color: var(--nlg-lavender);
}

.page-content .nlg-compare h3 {
margin: 0 0 12px;
      font-size: 1.35rem;
}

.page-content .nlg-steps {
counter-reset: step;
      display: grid;
      gap: 14px;
      margin: 28px 0;
}

.page-content .nlg-steps article {
position: relative;
      padding: 22px 24px 22px 76px;
      background: rgba(255,255,255,.78);
      border: 1px solid var(--nlg-border);
      border-radius: 14px;
}

.page-content .nlg-steps article::before {
counter-increment: step;
      content: counter(step);
      position: absolute;
      left: 22px;
      top: 22px;
      display: grid;
      place-items: center;
      width: 36px;
      height: 36px;
      color: var(--nlg-white);
      background: var(--nlg-indigo);
      border-radius: 50%;
      font-weight: 900;
}

.page-content .nlg-steps h3 {
margin: 0 0 7px;
      font-size: 1.18rem;
}

.page-content .nlg-steps p {
margin: 0;
      font-size: .98rem;
}

.page-content .nlg-path {
display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
      margin: 32px 0 20px;
}

.page-content .nlg-path article {
min-height: 100%;
      padding: 26px 24px;
      background: rgba(255,255,255,.78);
      border: 1px solid var(--nlg-border);
      border-top: 6px solid var(--nlg-indigo);
      border-radius: 14px;
      box-shadow: 0 10px 26px rgba(15,23,42,.05);
}

.page-content .nlg-path article:nth-child(2) {
border-top-color: var(--nlg-lavender);
}

.page-content .nlg-path article:nth-child(3) {
border-top-color: var(--nlg-stone);
}

.page-content .nlg-path article:nth-child(4) {
border-top-color: var(--nlg-indigo);
}

.page-content .nlg-path article:nth-child(5) {
border-top-color: var(--nlg-lavender);
}

.page-content .nlg-path h3 {
margin: 0 0 12px;
      font-size: 1.35rem;
}

.page-content .nlg-path p {
font-size: .99rem;
      line-height: 1.7;
}

.page-content .nlg-path a {
font-weight: 800;
      text-decoration: none;
}

.page-content .nlg-case-study {
margin-top: 62px;
      padding: 32px;
      color: var(--nlg-white);
      background: linear-gradient(135deg, var(--nlg-ink) 0%, #1c2850 64%, rgba(79,93,255,.95) 100%);
      border-radius: 16px;
      box-shadow: 0 16px 36px rgba(15,23,42,.14);
}

.page-content .nlg-case-study .nlg-kicker {
color: var(--nlg-lavender);
}

.page-content .nlg-case-study h2 {
margin-bottom: 16px;
      color: var(--nlg-white);
}

.page-content .nlg-case-study p {
max-width: 690px;
      color: rgba(255,255,255,.76);
}

.page-content .nlg-case-study a {
display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      margin-top: 6px;
      padding: 12px 20px;
      color: var(--nlg-ink);
      background: var(--nlg-white);
      border-radius: 999px;
      font-weight: 900;
      text-decoration: none;
}

.page-content .nlg-case-study a:hover,
.page-content .nlg-case-study a:focus {
background: var(--nlg-mist);
      transform: translateY(-2px);
}

.page-content .nlg-related {
margin-top: 62px;
      padding-top: 30px;
      border-top: 1px solid var(--nlg-border);
}

.page-content .nlg-related-grid {
display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
}

.page-content .nlg-related article {
padding: 23px;
      background: rgba(255,255,255,.8);
      border: 1px solid var(--nlg-border);
      border-radius: 14px;
}

.page-content .nlg-related h3 {
margin: 0 0 10px;
      font-size: 1.17rem;
}

.page-content .nlg-related p {
font-size: .94rem;
      line-height: 1.65;
}

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

.page-content .nlg-cta {
margin-top: 62px;
      padding: 36px;
      background: linear-gradient(120deg, rgba(167,139,250,.82), rgba(245,243,239,.96));
      border: 1px solid var(--nlg-border);
      border-radius: 16px;
      box-shadow: 0 14px 32px rgba(15,23,42,.08);
}

.page-content .nlg-cta h2,
.page-content .nlg-cta p {
color: var(--nlg-ink);
}

.page-content .nlg-btns {
display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 24px;
}

.page-content .nlg-btn {
display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 12px 20px;
      border-radius: 999px;
      font-weight: 900;
      text-decoration: none;
}

.page-content .nlg-btn-primary {
color: var(--nlg-white);
      background: var(--nlg-indigo);
}

.page-content .nlg-btn-secondary {
color: var(--nlg-ink);
      background: rgba(255,255,255,.4);
      border: 1px solid rgba(15,23,42,.25);
}

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

.page-content .nlg-sidebar-box {
padding: 23px;
      background: rgba(255,255,255,.78);
      border: 1px solid var(--nlg-border);
      border-top: 4px solid var(--nlg-lavender);
      border-radius: 14px;
      box-shadow: 0 8px 22px rgba(15,23,42,.04);
}

.page-content .nlg-sidebar-label {
margin: 0 0 14px;
      color: var(--nlg-indigo);
      font-size: .78rem;
      font-weight: 900;
      letter-spacing: .1em;
      text-transform: uppercase;
}

.page-content .nlg-sidebar a {
display: block;
      margin-bottom: 11px;
      font-weight: 800;
      line-height: 1.35;
      text-decoration: none;
}

.page-content .nlg-author strong {
display: block;
      margin-bottom: 8px;
      font-size: 1.12rem;
}

.page-content .nlg-author p {
margin: 0 0 14px;
      color: var(--nlg-ink-soft);
      font-size: .94rem;
      line-height: 1.65;
}

.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6,
.page-content .nlg-main h1,
.page-content .nlg-main h2,
.page-content .nlg-main h3,
.page-content .nlg-related h3,
.page-content .nlg-path h3,
.page-content .nlg-cost strong,
.page-content .nlg-feature strong,
.page-content .nlg-metric strong,
.page-content .nlg-tool h3,
.page-content .nlg-compare h3 {
color: var(--nlg-ink);
}

.page-content .nlg-main a,
.page-content .nlg-related a,
.page-content .nlg-breadcrumb a,
.page-content .nlg-author a {
color: var(--nlg-indigo);
}

.page-content .nlg-case-study h2 {
color: var(--nlg-white);
}

.page-content .nlg-case-study a {
color: var(--nlg-ink);
}

.page-content .nlg-sidebar a {
color: var(--nlg-ink);
}

.page-content .nlg-sidebar a:hover,
.page-content .nlg-sidebar a:focus {
color: var(--nlg-indigo);
      text-decoration: underline;
      text-underline-offset: 3px;
}

.page-content [id] {
scroll-margin-top: 30px;
}

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

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

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

.page-content .nlg-related-grid {
grid-template-columns: 1fr;
}
}

@media (max-width: 680px) {
.page-content .nlg-shell {
width: min(100% - 28px, var(--nlg-shell));
}

.page-content .nlg-hero {
padding-bottom: 40px;
}

.page-content .nlg-layout {
padding: 46px 0 64px;
}

.page-content .nlg-meta {
display: block;
}

.page-content .nlg-meta span {
display: block; margin-bottom: 6px;
}

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

.page-content .nlg-main section {
margin-top: 46px;
}

.page-content .nlg-compare,
.page-content .nlg-path {
grid-template-columns: 1fr;
}

.page-content .nlg-quote,
.page-content .nlg-note,
.page-content .nlg-cta {
padding: 24px;
}

.page-content .nlg-btns {
flex-direction: column;
}

.page-content .nlg-btn {
width: 100%;
}
}