.page-content {
--nlg-ink:var(--brand-navy);
      --nlg-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,.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:900px;
      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:820px;
      margin:24px 0 0;
      color:var(--nlg-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-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-feature-grid {
display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:16px;
      margin:28px 0;
}

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

.page-content .nlg-feature strong {
display:block;
      margin-bottom:8px;
      color:var(--nlg-indigo);
      font-size:1.08rem;
}

.page-content .nlg-feature p {
margin:0;
      font-size:.96rem;
      line-height:1.65;
}

.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 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-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-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-feature-grid,
.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%;
}
}
