html[data-public-site] {
	min-height: 100%;
	height: auto;
	overflow-y: auto;
}
html[data-public-site] body {
	margin: 0;
	min-height: 100%;
	height: auto;
	background: #fff;
}
html[data-public-site] #root {
	min-height: 100%;
	height: auto;
	display: block;
	overflow: visible;
}
html[data-public-site] a {
	text-decoration-skip-ink: auto;
}
html[data-public-site] button {
	font-family: inherit;
}

@font-face {
	font-family: 'NetacoLanding';
	src: url('/assets/cms/fonts/IRANSansWeb.woff2') format('woff2');
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'NetacoLanding';
	src: url('/assets/cms/fonts/IRANSansWeb_Bold.woff2') format('woff2');
	font-weight: 700 900;
	font-display: swap;
}

.nl-page {
	--nl-navy: #112742;
	--nl-blue: #176af1;
	--nl-blue-hover: #0954cd;
	--nl-muted: #536780;
	--nl-ice: #f3f8ff;
	--nl-line: #dbe5f2;
	flex: 0 0 auto;
	width: 100%;
	background: #fff;
	color: var(--nl-navy);
	font: 400 16px/1.9 'NetacoLanding', Tahoma, sans-serif;
	text-align: right;
}

.nl-page *,
.nl-page *::before,
.nl-page *::after {
	box-sizing: border-box;
}
.nl-page h1,
.nl-page h2,
.nl-page h3,
.nl-page p,
.nl-page ul,
.nl-page ol {
	margin: 0;
}
.nl-page ul,
.nl-page ol {
	padding: 0;
	list-style: none;
}
.nl-page h1,
.nl-page h2,
.nl-page h3 {
	font-weight: 700;
	color: inherit;
}
.nl-page h2 {
	font-size: clamp(26px, 2.5vw, 37px);
	line-height: 1.7;
	letter-spacing: -1.1px;
}
.nl-page h3 {
	font-size: 17px;
	line-height: 1.8;
}
.nl-page button,
.nl-page a {
	-webkit-tap-highlight-color: transparent;
}
.nl-page a:not([role='button']) {
	color: inherit;
	text-decoration: none;
}
.nl-page a:not([role='button']):hover {
	text-decoration: none;
}
.nl-page a:not([role='button'])[target='_blank'] {
	background: none;
	border-bottom: 0;
	color: inherit;
}
.nl-page a:focus-visible,
.nl-page button:focus-visible,
.nl-page summary:focus-visible {
	outline: 3px solid var(--nl-blue);
	outline-offset: 5px;
}
.nl-page main:focus {
	outline: none;
}
.nl-page section[id],
.nl-page [id='faq'],
.nl-page main {
	scroll-margin-top: 105px;
}
.nl-container {
	width: min(100% - 96px, 1280px);
	margin: 0 auto;
}
.nl-icon {
	width: 26px;
	height: 26px;
	display: inline-block;
	flex-shrink: 0;
}
.nl-page .nl-skip-link {
	position: absolute;
	top: -100px;
	right: 24px;
	z-index: 100;
	padding: 10px 18px;
	background: white;
	color: var(--nl-navy);
	border-radius: 8px;
}
.nl-page .nl-skip-link:focus {
	top: 12px;
}

.nl-header {
	position: sticky;
	top: 0;
	z-index: 20;
	background: rgba(255, 255, 255, 0.97);
	border-bottom: 1px solid #edf1f7;
}
.nl-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 88px;
	gap: 32px;
}
.nl-brand {
	width: 100px;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	flex-shrink: 0;
}
.nl-brand img {
	width: 92px;
	height: auto;
	display: block;
}
.nl-brand img,
.nl-art-brand img {
	filter: brightness(0) saturate(100%) invert(13%) sepia(30%) saturate(970%) hue-rotate(173deg) brightness(90%)
		contrast(95%);
}
.nl-brand span {
	font: 700 9px/1.4 Arial, sans-serif;
	letter-spacing: 5px;
	padding-left: 5px;
	margin-top: 3px;
}
.nl-nav,
.nl-header-actions {
	display: flex;
	align-items: center;
}
.nl-nav {
	gap: 28px;
	font-size: 14px;
}
.nl-nav a {
	padding: 12px 0;
}
.nl-page .nl-nav a:hover,
.nl-page .nl-footer-nav a:hover {
	color: var(--nl-blue);
}
.nl-header-actions {
	gap: 12px;
}
.nl-menu-toggle {
	display: none;
}
.nl-page .nl-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 54px;
	min-width: 164px;
	padding: 10px 26px;
	border: 1px solid transparent;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.8;
	transition: background-color 150ms ease, box-shadow 150ms ease;
	white-space: nowrap;
}
.nl-page a.nl-button--primary {
	color: #fff;
	background: var(--nl-blue);
	box-shadow: 0 5px 14px #176af11a;
}
.nl-page a.nl-button--primary:hover {
	background: var(--nl-blue-hover);
	box-shadow: 0 6px 18px #176af12e;
}
.nl-page a.nl-button--outline {
	border-color: var(--nl-blue);
	color: var(--nl-navy);
	background: transparent;
}
.nl-page a.nl-button--outline:hover {
	background: #eaf2ff;
}
.nl-page .nl-button--small {
	min-height: 43px;
	min-width: 76px;
	padding: 8px 21px;
	font-size: 13px;
	border-radius: 7px;
}
.nl-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 18px;
	margin-top: 32px;
}

.nl-hero {
	background: var(--nl-ice);
	overflow: hidden;
}
.nl-hero-grid {
	display: grid;
	grid-template-columns: 0.95fr 1.15fr;
	align-items: center;
	gap: 24px;
	min-height: 660px;
	padding-top: 36px;
	padding-bottom: 36px;
}
.nl-hero-copy {
	position: relative;
	z-index: 1;
	padding: 14px 0;
}
.nl-eyebrow {
	color: var(--nl-blue);
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 12px !important;
}
.nl-hero .nl-eyebrow {
	color: var(--nl-muted);
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 20px !important;
}
.nl-page h1 {
	font-size: clamp(36px, 3.5vw, 52px);
	line-height: 1.75;
	letter-spacing: -1.7px;
}
.nl-page h1 span {
	color: var(--nl-blue);
	font-size: 1.15em;
}
.nl-description {
	color: var(--nl-muted);
	font-size: 16px;
	line-height: 2.15;
	max-width: 530px;
}
.nl-hero .nl-description {
	margin-top: 24px;
}
.nl-audience-copy strong {
	color: var(--nl-navy);
	font-weight: 700;
}
.nl-hero-service-line {
	color: var(--nl-muted);
	font-size: 13px;
	margin-top: 10px !important;
}
.nl-art {
	position: relative;
	display: block;
	min-width: 0;
	margin: 0;
}
.nl-art img {
	display: block;
	width: 100%;
	height: auto;
}
.nl-art-brand {
	position: absolute;
	bottom: 6%;
	right: 7%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 12px 18px 9px;
	border: 1px solid #dbe5f2;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 6px 20px #11274212;
}
.nl-art-brand img {
	width: 82px;
	height: auto;
}
.nl-art-brand span {
	color: #112742;
	font: 700 7px/1.5 Arial, sans-serif;
	letter-spacing: 4px;
	padding-left: 4px;
	margin-top: 2px;
}
.nl-art--hero {
	width: 115%;
	max-width: none;
	margin-right: -2%;
}
.nl-art--hero img {
	mask-image: linear-gradient(to right, #000 88%, transparent 100%);
}
.nl-hero-benefits {
	display: flex;
	align-items: center;
	max-width: 425px;
	margin-top: 42px !important;
}
.nl-hero-benefits li {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	flex: 1;
	font-size: 12px;
	font-weight: 700;
}
.nl-hero-benefits li + li {
	border-right: 1px solid #cbd9ee;
}
.nl-hero-benefits .nl-icon {
	color: var(--nl-blue);
	width: 29px;
	height: 29px;
}

.nl-section {
	padding: 80px 0;
}
.nl-service-grid {
	display: grid;
	grid-template-columns: 1.05fr 1fr;
	align-items: center;
	gap: 64px;
}
.nl-service-copy .nl-description {
	margin-top: 15px;
}
.nl-feature-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 30px !important;
}
.nl-feature-list li {
	display: flex;
	align-items: center;
	gap: 15px;
	font-size: 16px;
}
.nl-feature-list .nl-icon {
	color: var(--nl-blue);
	width: 29px;
	height: 29px;
}
.nl-page a.nl-text-link {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	min-height: 44px;
	color: var(--nl-blue);
	font-size: 15px;
	font-weight: 700;
}
.nl-page a.nl-text-link:hover {
	text-decoration: underline;
	text-underline-offset: 6px;
}
.nl-text-link .nl-icon {
	width: 20px;
	height: 20px;
}
.nl-service-copy .nl-text-link {
	margin-top: 25px;
}
.nl-class-section .nl-art {
	width: 111%;
	margin-right: -7%;
}
.nl-exam-section {
	background: #102b4b;
	color: #fff;
	overflow: hidden;
}
.nl-exam-section .nl-service-grid {
	grid-template-columns: 1fr 1.1fr;
	gap: 36px;
}
.nl-exam-section .nl-description {
	color: #c8d8eb;
}
.nl-exam-section .nl-eyebrow,
.nl-page .nl-exam-section a.nl-text-link,
.nl-exam-section .nl-icon {
	color: #80b8ff;
}
.nl-exam-subtitle {
	font-size: 21px;
	margin-top: 14px !important;
}
.nl-exam-section .nl-art {
	width: 111%;
}
.nl-art--exam img {
	mask-image: linear-gradient(to right, transparent, #000 8%, #000 87%, transparent),
		linear-gradient(to bottom, transparent, #000 8%, #000 90%, transparent);
	mask-composite: intersect;
}
.nl-features-section {
	text-align: center;
}
.nl-offline-section {
	border-bottom: 1px solid var(--nl-line);
}
.nl-offline-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
	column-gap: 72px;
	row-gap: 28px;
	align-items: start;
}
.nl-offline-intro .nl-description {
	margin-top: 16px;
}
.nl-offline-downloads {
	grid-column: 2;
	grid-row: 1 / span 2;
	align-self: center;
	padding: 32px;
	border: 1px solid var(--nl-line);
	border-radius: 20px;
	background: var(--nl-ice);
}
.nl-offline-brand {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 24px;
}
.nl-offline-brand img {
	object-fit: contain;
}
.nl-offline-brand span {
	color: var(--nl-muted);
	font-size: 13px;
}
.nl-offline-platform-hint {
	color: var(--nl-muted);
	font-size: 13px;
	margin: 8px 0 24px !important;
}
.nl-page a.nl-offline-download {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 20px 16px;
	border: 1px solid var(--nl-line);
	border-radius: 10px;
	background: #fff;
	color: var(--nl-navy);
}
.nl-page a.nl-offline-download:hover {
	border-color: var(--nl-blue);
	background: #eaf2ff;
}
.nl-offline-download + .nl-offline-download {
	margin-top: 14px;
}
.nl-offline-download > span {
	flex: 1;
	min-width: 0;
}
.nl-offline-download strong,
.nl-offline-download small {
	display: block;
}
.nl-offline-download strong {
	font-size: 16px;
}
.nl-offline-download small {
	color: var(--nl-muted);
	font-size: 12px;
	margin-top: 4px;
}
.nl-offline-download .nl-icon {
	color: var(--nl-blue);
}
.nl-offline-help {
	font-size: 12px;
	color: var(--nl-muted);
	margin-top: 24px !important;
}
.nl-page .nl-offline-help a {
	text-decoration: underline;
	text-underline-offset: 4px;
}
.nl-offline-guide {
	grid-column: 1;
}
.nl-offline-steps {
	display: grid;
	gap: 20px;
	margin-top: 20px !important;
}
.nl-offline-steps li {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}
.nl-offline-steps li > span {
	display: grid;
	place-items: center;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--nl-ice);
	color: var(--nl-blue);
	font-weight: 700;
}
.nl-offline-steps p {
	color: var(--nl-muted);
	font-size: 14px;
	margin-top: 4px;
}
.nl-offline-note {
	font-size: 12px;
	color: var(--nl-muted);
	border-top: 1px solid var(--nl-line);
	padding-top: 16px;
	margin-top: 24px !important;
}
.nl-webinar-section {
	background: var(--nl-ice);
}
.nl-webinar-section .nl-art {
	width: 108%;
	margin-right: -4%;
}
.nl-webinar-section .nl-feature-list {
	gap: 17px;
}
.nl-webinar-note {
	color: var(--nl-muted);
	font-size: 12px;
	margin-top: 9px !important;
}
.nl-capabilities {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin-top: 48px;
}
.nl-capability {
	padding: 0 32px;
}
.nl-capability + .nl-capability {
	border-right: 1px solid var(--nl-line);
}
.nl-capability .nl-icon {
	width: 42px;
	height: 42px;
	color: var(--nl-blue);
	margin-bottom: 16px;
}
.nl-capability p {
	color: var(--nl-muted);
	font-size: 14px;
	line-height: 2;
	margin-top: 9px;
}

.nl-start-section {
	background: var(--nl-ice);
}
.nl-start-grid {
	display: grid;
	grid-template-columns: 1.15fr 1fr;
	gap: 70px;
}
.nl-start-grid h2 {
	font-size: 29px;
	margin-bottom: 30px;
}
.nl-steps {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding-top: 6px !important;
}
.nl-steps li {
	position: relative;
	text-align: center;
	padding: 0 8px;
}
.nl-steps li:not(:last-child)::after {
	content: '';
	height: 1px;
	width: 100%;
	background: #9bc2fc;
	position: absolute;
	top: 21px;
	right: 50%;
}
.nl-step-number {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	margin: 0 auto 15px;
	color: #fff;
	background: var(--nl-blue);
	border: 5px solid var(--nl-ice);
	border-radius: 50%;
	font-size: 17px;
}
.nl-steps h3 {
	font-size: 14px;
}
.nl-steps p {
	color: var(--nl-muted);
	font-size: 12px;
	margin-top: 5px;
}
.nl-faq {
	border-right: 1px solid #d5e3f7;
	padding-right: 48px;
}
.nl-faq details {
	background: #fff;
	border: 1px solid var(--nl-line);
	border-radius: 8px;
	margin-bottom: 10px;
}
.nl-faq summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	cursor: pointer;
	list-style: none;
	padding: 15px 20px;
	font-size: 14px;
	font-weight: 700;
}
.nl-faq summary::-webkit-details-marker {
	display: none;
}
.nl-faq summary::after {
	content: '+';
	font: 400 23px/1 Arial, sans-serif;
	color: var(--nl-blue);
}
.nl-faq details[open] summary::after {
	content: '−';
}
.nl-faq details[open] summary {
	color: var(--nl-blue);
}
.nl-faq details p {
	font-size: 13px;
	color: var(--nl-muted);
	line-height: 2.2;
	padding: 0 20px 18px;
}
.nl-page .nl-faq details a {
	text-decoration: underline;
	color: var(--nl-blue);
}
.nl-final-cta {
	text-align: center;
	padding-top: 78px;
	padding-bottom: 78px;
}
.nl-final-cta .nl-description {
	margin: 15px auto 0;
}
.nl-final-cta .nl-actions {
	justify-content: center;
	gap: 30px;
}

.nl-footer {
	border-top: 1px solid var(--nl-line);
	padding-top: 45px;
	background: #fcfdff;
}
.nl-footer-main {
	display: grid;
	grid-template-columns: 1fr 1.2fr 0.65fr;
	gap: 44px;
	padding-bottom: 35px;
	align-items: start;
}
.nl-footer-brand p {
	font-size: 13px;
	color: var(--nl-muted);
	margin-top: 16px;
}
.nl-footer-contact h2 {
	font-size: 16px;
	letter-spacing: 0;
	margin-bottom: 12px;
}
.nl-phone-links {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px 28px;
}
.nl-phone-links a,
.nl-footer-support {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
}
.nl-phone-copy {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.nl-phone-label {
	color: var(--nl-muted);
	font-size: 12px;
}
.nl-phone-number {
	font: 700 21px/1.5 Arial, sans-serif;
}
.nl-footer-contact .nl-icon {
	width: 21px;
	height: 21px;
	color: var(--nl-blue);
}
.nl-footer-support span {
	font-size: 14px;
}
.nl-page .nl-footer-contact a:hover {
	color: var(--nl-blue);
	text-decoration: underline;
}
.nl-footer-nav {
	display: flex;
	flex-direction: column;
	gap: 9px;
	font-size: 13px;
}
.nl-footer-nav a {
	min-height: 30px;
}
.nl-footer-bottom {
	border-top: 1px solid var(--nl-line);
	padding: 22px 0;
	display: flex;
	justify-content: space-between;
	gap: 20px;
	color: var(--nl-muted);
	font-size: 11px;
}
.nl-footer-bottom [lang='en'] {
	font-family: Arial, sans-serif;
	font-size: 13px;
}

@media (min-width: 1600px) {
	.nl-container {
		max-width: 1400px;
	}
	.nl-hero-grid {
		min-height: 710px;
	}
	.nl-page h1 {
		font-size: 58px;
	}
}

@media (max-width: 1050px) {
	.nl-offline-grid {
		column-gap: 32px;
	}
	.nl-offline-downloads {
		padding: 24px;
	}
	.nl-container {
		width: calc(100% - 56px);
	}
	.nl-header-inner {
		gap: 20px;
	}
	.nl-nav {
		gap: 20px;
		font-size: 12px;
	}
	.nl-header-actions {
		gap: 8px;
	}
	.nl-page .nl-button--small {
		padding: 8px 15px;
	}
	.nl-hero-grid {
		min-height: 590px;
		gap: 12px;
		grid-template-columns: 1fr 1fr;
	}
	.nl-page h1 {
		font-size: 37px;
	}
	.nl-description {
		font-size: 14px;
	}
	.nl-service-grid {
		gap: 35px;
	}
	.nl-section {
		padding: 64px 0;
	}
	.nl-capability {
		padding: 0 20px;
	}
	.nl-start-grid {
		gap: 32px;
	}
	.nl-faq {
		padding-right: 28px;
	}
	.nl-start-grid h2 {
		font-size: 25px;
	}
	.nl-footer-main {
		grid-template-columns: 1fr 1.3fr 0.65fr;
		gap: 24px;
	}
	.nl-phone-links {
		gap: 2px 20px;
	}
}

@media (max-width: 900px) {
	.nl-header-inner {
		min-height: 76px;
	}
	.nl-nav {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		padding: 12px 28px 20px;
		background: #fff;
		border-bottom: 1px solid var(--nl-line);
		box-shadow: 0 12px 15px #1127420a;
	}
	.nl-nav--open {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0 20px;
	}
	.nl-nav a {
		font-size: 14px;
		padding: 12px;
		border-radius: 6px;
	}
	.nl-menu-toggle {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 44px;
		height: 44px;
		border-radius: 7px;
		border: 1px solid var(--nl-line);
		color: var(--nl-navy);
		background: #fff;
		cursor: pointer;
	}
	.nl-page h1 {
		font-size: 33px;
	}
	.nl-hero .nl-actions {
		gap: 10px;
	}
	.nl-hero .nl-button {
		min-width: 138px;
		padding: 10px 18px;
		font-size: 13px;
	}
	.nl-hero-benefits {
		margin-top: 30px !important;
	}
	.nl-feature-list {
		gap: 16px;
	}
	.nl-feature-list li {
		font-size: 14px;
	}
	.nl-capability h3 {
		font-size: 15px;
	}
	.nl-capability p {
		font-size: 12px;
	}
}

@media (max-width: 760px) {
	.nl-offline-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 28px;
	}
	.nl-offline-downloads,
	.nl-offline-guide {
		grid-column: auto;
		grid-row: auto;
	}
	.nl-offline-downloads {
		padding: 24px 18px;
	}
	.nl-page a.nl-offline-download {
		gap: 12px;
		padding: 18px 12px;
	}
	.nl-art-brand {
		padding: 9px 13px 7px;
		bottom: 5%;
		right: 5%;
	}
	.nl-art-brand img {
		width: 65px;
	}
	.nl-container {
		width: calc(100% - 40px);
	}
	.nl-brand {
		width: 76px;
	}
	.nl-brand img {
		width: 73px;
	}
	.nl-brand span {
		font-size: 7px;
		letter-spacing: 4px;
	}
	.nl-header-inner {
		gap: 12px;
	}
	.nl-page .nl-button--small {
		min-width: 57px;
		padding: 8px 13px;
		font-size: 12px;
	}
	.nl-header-actions {
		gap: 8px;
	}
	.nl-hero-grid {
		grid-template-columns: 1fr;
		padding-top: 34px;
		padding-bottom: 0;
		gap: 10px;
	}
	.nl-hero-copy {
		text-align: center;
		padding: 0;
	}
	.nl-hero .nl-eyebrow {
		font-size: 12px;
		margin-bottom: 12px !important;
	}
	.nl-page h1 {
		font-size: clamp(31px, 5.9vw, 45px);
		line-height: 1.7;
		letter-spacing: -1.3px;
	}
	.nl-hero .nl-description {
		margin: 20px auto 0;
		max-width: 450px;
		font-size: 14px;
	}
	.nl-actions {
		justify-content: center;
		margin-top: 24px;
	}
	.nl-hero .nl-button {
		min-width: 142px;
		min-height: 49px;
	}
	.nl-hero-benefits {
		max-width: 380px;
		margin: 30px auto 8px !important;
	}
	.nl-hero-benefits li {
		font-size: 11px;
		gap: 6px;
	}
	.nl-art--hero {
		width: calc(100% + 40px);
		margin-right: -20px;
		max-width: none;
	}
	.nl-art--hero img {
		mask-image: none;
	}
	.nl-section {
		padding: 50px 0;
	}
	.nl-service-grid,
	.nl-exam-section .nl-service-grid {
		grid-template-columns: 1fr;
		gap: 25px;
	}
	.nl-class-section .nl-service-copy,
	.nl-webinar-section .nl-service-copy {
		grid-row: 1;
	}
	.nl-page h2 {
		font-size: 27px;
		letter-spacing: -0.8px;
	}
	.nl-service-copy {
		max-width: 560px;
		width: 100%;
		margin: auto;
	}
	.nl-feature-list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 18px 16px;
		margin-top: 25px !important;
	}
	.nl-feature-list li {
		font-size: 13px;
		gap: 10px;
	}
	.nl-feature-list .nl-icon {
		width: 25px;
		height: 25px;
	}
	.nl-class-section .nl-art,
	.nl-webinar-section .nl-art,
	.nl-exam-section .nl-art {
		width: 100%;
		margin: 0;
	}
	.nl-art--exam img {
		mask-image: none;
		border-radius: 12px;
	}
	.nl-exam-section .nl-feature-list {
		grid-template-columns: 1fr;
	}
	.nl-exam-section .nl-art {
		max-width: 580px;
		margin: 0 auto;
	}
	.nl-capabilities {
		grid-template-columns: repeat(2, 1fr);
		gap: 34px 0;
		margin-top: 32px;
	}
	.nl-capability {
		padding: 0 22px;
	}
	.nl-capability:nth-child(3) {
		border-right: 0;
	}
	.nl-capability .nl-icon {
		width: 35px;
		height: 35px;
		margin-bottom: 12px;
	}
	.nl-capability h3 {
		font-size: 15px;
	}
	.nl-capability p {
		font-size: 13px;
	}
	.nl-start-grid {
		grid-template-columns: 1fr;
		gap: 45px;
	}
	.nl-start-grid h2 {
		font-size: 26px;
	}
	.nl-faq {
		border: 0;
		padding: 0;
	}
	.nl-steps h3 {
		font-size: 13px;
	}
	.nl-steps p {
		font-size: 11px;
	}
	.nl-final-cta h2 {
		max-width: 470px;
		margin: 0 auto;
	}
	.nl-final-cta .nl-actions {
		gap: 24px;
	}
	.nl-footer {
		padding-top: 32px;
	}
	.nl-footer-main {
		grid-template-columns: 1fr 1fr;
		gap: 30px 20px;
	}
	.nl-footer-contact {
		grid-row: 2;
		grid-column: 1 / -1;
		border-top: 1px solid var(--nl-line);
		padding-top: 25px;
	}
	.nl-footer-nav {
		justify-self: end;
		padding-left: 12px;
	}
	.nl-phone-links {
		gap: 12px 28px;
	}
	.nl-footer-bottom {
		flex-direction: column;
		gap: 8px;
		text-align: center;
		padding: 18px 0;
	}
}

@media (max-width: 380px) {
	.nl-container {
		width: calc(100% - 32px);
	}
	.nl-header-actions {
		gap: 5px;
	}
	.nl-header-inner {
		gap: 8px;
	}
	.nl-page .nl-button--small {
		padding: 8px 10px;
		min-width: 51px;
	}
	.nl-brand {
		width: 66px;
	}
	.nl-brand img {
		width: 65px;
	}
	.nl-menu-toggle {
		width: 38px;
	}
	.nl-hero .nl-button {
		min-width: 132px;
	}
	.nl-page h1 {
		font-size: 29px;
	}
	.nl-page h2 {
		font-size: 24px;
	}
	.nl-feature-list {
		grid-template-columns: 1fr;
	}
	.nl-capability {
		padding: 0 14px;
	}
	.nl-steps li {
		padding: 0 3px;
	}
	.nl-steps h3 {
		font-size: 12px;
	}
	.nl-art--hero {
		width: calc(100% + 32px);
		margin-right: -16px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.nl-page *,
	.nl-page *::before,
	.nl-page *::after {
		transition: none !important;
		animation: none !important;
		scroll-behavior: auto !important;
	}
}

/* Extend the established landing tokens. Keep every rule scoped to the public site. */
.nl-page {
	overflow-wrap: break-word;
}
.nl-page img {
	max-width: 100%;
}
.nl-page .nl-header-inner {
	gap: 20px;
}
.nl-page .nl-nav {
	gap: 20px;
	font-size: 13px;
}
.nl-page .nl-nav a[aria-current='page'] {
	color: var(--nl-blue);
}
.nl-page .nl-nav .nl-nav-offline,
.nl-page .nl-nav a[href='/offline'] {
	padding: 8px 12px;
	border: 1px solid #c8dcfa;
	border-radius: 9px;
	background: #eff5ff;
	color: #1559b7;
	font-weight: 700;
}
.nl-page .nl-nav .nl-nav-offline:hover,
.nl-page .nl-nav a[href='/offline']:hover {
	background: #dfeeff;
}
.nl-page .nl-footer-container {
	display: grid;
	grid-template-columns: 1.2fr 0.8fr 0.9fr 1.1fr;
	gap: 22px 32px;
	align-items: start;
}
.nl-page .nl-site-footer {
	display: contents;
}
.nl-site-footer .nl-footer-brand {
	grid-column: 1;
	grid-row: 1;
}
.nl-site-footer .nl-footer-nav {
	grid-row: 1 / span 2;
}
.nl-site-footer .nl-footer-contact {
	grid-column: 4;
	grid-row: 1 / span 2;
}
.nl-page .nl-footer-bottom {
	grid-column: 1 / -1;
	grid-row: 3;
	margin-top: 13px;
}
.nl-page .nl-footer-nav h2 {
	font-size: 16px;
	letter-spacing: 0;
}
.nl-page .nl-footer-contact .nl-phone-links {
	gap: 20px;
}
.nl-page .nl-footer-brand p {
	max-width: 270px;
}
.nl-page a.nl-footer-trust[target='_blank'] {
	grid-column: 1;
	grid-row: 2;
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	max-width: 280px;
	padding: 12px;
	border: 1px solid var(--nl-line);
	border-radius: 14px;
	background: #fff;
	cursor: pointer;
}
.nl-page a.nl-footer-trust:hover {
	border-color: var(--nl-blue);
}
.nl-footer-trust img {
	display: block;
	flex: 0 0 96px;
	width: 96px;
	height: 112px;
	object-fit: contain;
	font-size: 11px;
	text-align: center;
}
.nl-footer-trust img[hidden] {
	display: none;
}
.nl-footer-trust-placeholder {
	display: flex;
	flex: 0 0 96px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	height: 112px;
	border-radius: 8px;
	background: var(--nl-ice);
	color: var(--nl-muted);
	font-size: 11px;
}
.nl-footer-trust-placeholder .nl-icon {
	width: 24px;
	height: 24px;
}
.nl-footer-trust-copy {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
	font-size: 13px;
	line-height: 1.9;
}
.nl-footer-trust-action {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--nl-blue);
	font-size: 11px;
}
.nl-footer-trust-action .nl-icon {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}
.nl-breadcrumb {
	padding: 24px 0;
	color: var(--nl-muted);
	font-size: 12px;
}
.nl-page .nl-breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.nl-breadcrumb li {
	display: inline;
}
.nl-breadcrumb li + li::before {
	content: '/';
	padding-inline-end: 8px;
	color: #75869e;
}
.nl-page .nl-breadcrumb a:hover {
	color: var(--nl-blue);
	text-decoration: underline;
}
.nl-intro-section {
	border-bottom: 1px solid var(--nl-line);
}
.nl-intro-grid {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	gap: 64px;
	align-items: center;
}
.nl-page .nl-intro-grid p {
	margin-top: 18px;
}
.nl-workflow {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}
.nl-workflow li {
	flex: 1;
	min-width: 110px;
	padding: 24px 12px;
	border-radius: 16px;
	background: var(--nl-ice);
	text-align: center;
}
.nl-workflow .nl-icon {
	display: block;
	margin: 0 auto 14px;
	color: var(--nl-blue);
	width: 32px;
	height: 32px;
}
.nl-workflow strong,
.nl-workflow small {
	display: block;
}
.nl-workflow small {
	margin-top: 6px;
	color: var(--nl-muted);
	font-size: 12px;
}
.nl-section-heading {
	display: flex;
	justify-content: space-between;
	align-items: end;
	flex-wrap: wrap;
	gap: 24px;
	margin-bottom: 34px;
}
.nl-section-heading .nl-description {
	margin-top: 12px;
	max-width: 700px;
}
.nl-card-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}
.nl-info-card {
	border: 1px solid var(--nl-line);
	border-radius: 18px;
	padding: 28px;
	background: #fff;
	min-width: 0;
}
.nl-info-card > .nl-icon {
	color: var(--nl-blue);
	margin-bottom: 20px;
	width: 34px;
	height: 34px;
}
.nl-page .nl-info-card p {
	color: var(--nl-muted);
	font-size: 14px;
	margin-top: 12px;
}
.nl-info-card .nl-text-link {
	margin-top: 16px;
}
.nl-ice-section {
	background: var(--nl-ice);
}
.nl-page .nl-note {
	padding: 20px 24px;
	border-inline-start: 3px solid var(--nl-blue);
	background: var(--nl-ice);
	border-radius: 8px;
	font-size: 14px;
	line-height: 2.1;
	margin-top: 28px;
	color: var(--nl-muted);
}
.nl-page .nl-note a {
	text-decoration: underline;
	color: var(--nl-blue);
}
.nl-summary-list {
	display: grid;
	gap: 20px;
}
.nl-summary-list li {
	display: flex;
	align-items: start;
	gap: 16px;
}
.nl-summary-list .nl-icon {
	color: var(--nl-blue);
	margin-top: 4px;
}
.nl-summary-list strong {
	display: block;
}
.nl-summary-list p {
	color: var(--nl-muted);
	font-size: 14px;
}
.nl-inner-hero {
	background: var(--nl-ice);
	padding-bottom: 54px;
}
.nl-inner-grid {
	display: grid;
	grid-template-columns: 1.15fr 1fr;
	align-items: center;
	gap: 52px;
}
.nl-page .nl-inner-hero h1 {
	font-size: clamp(30px, 3vw, 44px);
	line-height: 1.8;
}
.nl-inner-hero .nl-description {
	max-width: 640px;
	margin-top: 18px;
}
.nl-page .nl-inner-hero .nl-art {
	width: 100%;
	margin: 0;
}
.nl-inner-hero .nl-art--exam {
	background: #102b4b;
	border-radius: 20px;
}
.nl-content-section {
	padding: 64px 0;
}
.nl-content-section + .nl-content-section {
	border-top: 1px solid var(--nl-line);
}
.nl-content-section h2 {
	margin-bottom: 20px;
}
.nl-prose {
	max-width: 740px;
	line-height: 2.25;
}
.nl-page .nl-prose p + p {
	margin-top: 18px;
}
.nl-page .nl-prose ul {
	list-style: disc;
	padding-inline-start: 24px;
	margin-top: 18px;
}
.nl-prose li + li {
	margin-top: 12px;
}
.nl-page .nl-prose a {
	text-decoration: underline;
	text-underline-offset: 4px;
	color: var(--nl-blue);
}
.nl-page .nl-prose h3 {
	font-size: 20px;
	margin: 28px 0 12px;
}
.nl-page .nl-wide-faq {
	border: 0;
	padding: 0;
	max-width: 850px;
}
.nl-page .nl-wide-faq h2 {
	margin-bottom: 24px;
}
.nl-page .nl-wide-faq details p {
	font-size: 15px;
}
.nl-article-card {
	min-width: 0;
	border: 1px solid var(--nl-line);
	border-radius: 18px;
	overflow: hidden;
	background: #fff;
	display: flex;
	flex-direction: column;
}
.nl-article-card > a {
	display: block;
	overflow: hidden;
}
.nl-article-card img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.nl-article-card-body {
	padding: 24px;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.nl-page .nl-article-card h2,
.nl-page .nl-article-card h3 {
	font-size: 18px;
	letter-spacing: 0;
}
.nl-page .nl-article-card h2 a:hover,
.nl-page .nl-article-card h3 a:hover {
	color: var(--nl-blue);
}
.nl-page .nl-article-card p {
	margin-top: 12px;
	font-size: 14px;
	color: var(--nl-muted);
}
.nl-article-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	color: var(--nl-muted);
	font-size: 12px;
	margin: 16px 0;
}
.nl-page .nl-category {
	color: var(--nl-blue);
	font-size: 12px;
	font-weight: 700;
}
.nl-article-card .nl-text-link {
	margin-top: auto;
	padding-top: 16px;
}
.nl-article-header {
	max-width: 850px;
	margin: 0 auto;
}
.nl-page .nl-article-header h1 {
	font-size: clamp(28px, 3vw, 43px);
	line-height: 1.85;
}
.nl-article-header .nl-description {
	max-width: 780px;
	margin-top: 20px;
}
.nl-article-cover {
	width: 100%;
	height: auto;
	display: block;
	margin: 32px 0;
	border-radius: 20px;
}
.nl-reading-layout {
	display: grid;
	grid-template-columns: 245px minmax(0, 740px);
	gap: 64px;
	justify-content: center;
	align-items: start;
}
.nl-toc {
	position: sticky;
	top: 112px;
	border: 1px solid var(--nl-line);
	border-radius: 14px;
	padding: 24px;
	font-size: 13px;
}
.nl-page .nl-toc h2 {
	font-size: 16px;
	letter-spacing: 0;
	margin-bottom: 14px;
}
.nl-toc li + li {
	margin-top: 14px;
}
.nl-page .nl-toc a:hover {
	color: var(--nl-blue);
	text-decoration: underline;
}
.nl-article-body section {
	margin-bottom: 44px;
}
.nl-page .nl-article-body h2 {
	font-size: 26px;
	margin-bottom: 18px;
}
.nl-article-body .nl-faq {
	border: 0;
	padding: 0;
}
.nl-article-body .nl-faq p {
	font-size: 14px;
}
.nl-page .nl-article-body .nl-related-inline {
	border-top: 1px solid var(--nl-line);
	margin-top: 22px;
	padding-top: 14px;
	font-size: 14px;
}
.nl-page .nl-filter-bar {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin: 24px 0;
}
.nl-page .nl-filter-bar a {
	padding: 9px 18px;
	border: 1px solid var(--nl-line);
	border-radius: 8px;
	font-size: 13px;
}
.nl-page .nl-filter-bar a[aria-current='page'] {
	color: #fff;
	background: var(--nl-blue);
	border-color: var(--nl-blue);
}
.nl-search {
	max-width: 540px;
}
.nl-search label {
	display: block;
	font-size: 14px;
	margin-bottom: 8px;
}
.nl-search input {
	font: inherit;
	width: 100%;
	border-radius: 8px;
	border: 1px solid #9cadc2;
	padding: 12px 16px;
	background: #fff;
	color: var(--nl-navy);
}
.nl-search input:focus-visible {
	outline: 3px solid var(--nl-blue);
	outline-offset: 3px;
}
.nl-page .nl-search-status {
	font-size: 13px;
	color: var(--nl-muted);
	margin-bottom: 24px;
}
.nl-page .nl-empty {
	padding: 40px;
	background: var(--nl-ice);
	border-radius: 16px;
}
.nl-contact-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
}
.nl-contact-grid .nl-phone-links {
	margin-top: 24px;
}
.nl-page .nl-contact-grid .nl-info-card h2 {
	font-size: 24px;
}
@media (max-width: 1200px) {
	.nl-page .nl-nav {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		padding: 12px 28px 20px;
		background: #fff;
		border-bottom: 1px solid var(--nl-line);
		box-shadow: 0 12px 15px #1127420a;
		max-height: calc(100vh - 88px);
		overflow-y: auto;
	}
	.nl-page .nl-nav--open {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0 20px;
	}
	.nl-page .nl-nav a {
		padding: 12px;
		font-size: 14px;
	}
	.nl-page .nl-menu-toggle {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 44px;
		height: 44px;
		border-radius: 7px;
		border: 1px solid var(--nl-line);
		color: var(--nl-navy);
		background: #fff;
		cursor: pointer;
	}
	.nl-page .nl-footer-container {
		display: flex;
		flex-direction: column;
		gap: 0;
	}
	.nl-page .nl-site-footer {
		display: grid;
		width: 100%;
		grid-template-columns: 1fr 1fr;
		gap: 32px;
	}
	.nl-site-footer .nl-footer-brand,
	.nl-site-footer .nl-footer-nav {
		grid-row: auto;
		grid-column: auto;
	}
	.nl-page .nl-footer-bottom {
		width: 100%;
		margin-top: 0;
	}
	.nl-page a.nl-footer-trust[target='_blank'] {
		align-self: center;
		margin-bottom: 28px;
	}
	.nl-page .nl-site-footer .nl-footer-contact {
		grid-row: auto;
		grid-column: auto;
		padding: 0;
		border: 0;
	}
	.nl-page .nl-site-footer .nl-footer-nav {
		justify-self: start;
		padding: 0;
	}
	.nl-reading-layout {
		gap: 32px;
		grid-template-columns: 210px minmax(0, 1fr);
	}
}
@media (max-width: 900px) {
	.nl-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.nl-intro-grid,
	.nl-inner-grid {
		gap: 32px;
	}
	.nl-reading-layout {
		grid-template-columns: minmax(0, 1fr);
	}
	.nl-toc {
		position: static;
	}
	.nl-toc ol {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 12px 24px;
	}
	.nl-toc li + li {
		margin: 0;
	}
}
@media (max-width: 760px) {
	.nl-intro-grid,
	.nl-inner-grid,
	.nl-contact-grid {
		grid-template-columns: minmax(0, 1fr);
	}
	.nl-inner-hero {
		padding-bottom: 36px;
	}
	.nl-inner-grid .nl-art {
		max-width: 530px;
		justify-self: center;
	}
	.nl-section-heading {
		align-items: start;
		gap: 14px;
	}
	.nl-content-section {
		padding: 44px 0;
	}
	.nl-info-card,
	.nl-article-card-body {
		padding: 22px;
	}
	.nl-article-header .nl-article-meta {
		font-size: 12px;
	}
	.nl-page .nl-article-body h2 {
		font-size: 24px;
	}
	.nl-page .nl-prose {
		font-size: 15px;
	}
}
@media (max-width: 540px) {
	.nl-card-grid {
		grid-template-columns: minmax(0, 1fr);
	}
	.nl-page .nl-site-footer {
		gap: 28px 20px;
	}
	.nl-site-footer .nl-footer-brand,
	.nl-page .nl-site-footer .nl-footer-contact {
		grid-column: 1 / -1;
	}
	.nl-page .nl-nav--open {
		grid-template-columns: 1fr;
		gap: 0;
	}
	.nl-toc ol {
		grid-template-columns: 1fr;
	}
	.nl-workflow {
		gap: 8px;
	}
	.nl-workflow li {
		min-width: 90px;
		padding: 20px 8px;
	}
	.nl-workflow strong {
		font-size: 14px;
	}
}

.nl-page .nl-cards-spacing {
	margin-top: 32px;
}
.nl-page .nl-article-intro {
	margin-bottom: 40px;
	font-size: 17px;
}
.nl-page .nl-article-byline {
	font-size: 13px;
	color: var(--nl-muted);
}
.nl-page .nl-search-status {
	margin-top: 16px;
}
.nl-page #article-faq {
	scroll-margin-top: 110px;
}

/* Product artwork is real HTML: crisp, readable and available without JavaScript. */
.nl-page .nl-sms-hero { background: radial-gradient(ellipse at 15% 40%, #dceafe 0, transparent 52%), #f5f8fd; padding: 26px 0 64px; overflow: hidden; }
.nl-sms-hero-grid, .nl-sms-home-grid { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 56px; }
.nl-sms-hero-copy { padding: 34px 0; }
.nl-page .nl-sms-kicker { display: flex; align-items: center; gap: 10px; color: #36618c; font-size: 14px; margin-bottom: 24px; }
.nl-sms-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #167c70; flex: 0 0 auto; }
.nl-page .nl-sms-hero h1 { font-size: clamp(34px, 3.8vw, 56px); line-height: 1.65; letter-spacing: -1.7px; }
.nl-sms-hero h1 span, .nl-sms-home h2 span, .nl-sms-credit-copy h2 span { display: block; color: #176af1; }
.nl-page .nl-sms-hero-lead { margin-top: 18px; font-size: 21px; font-weight: 700; }
.nl-page .nl-sms-hero .nl-description { max-width: 560px; margin-top: 14px; font-size: 16px; line-height: 2.1; }
.nl-page .nl-sms-hero .nl-actions { margin-top: 30px; }
.nl-page .nl-sms-secondary { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; font-size: 14px; padding: 14px 0; }
.nl-sms-secondary .nl-icon, .nl-sms-home .nl-button .nl-icon, .nl-sms-hero .nl-button .nl-icon, .nl-sms-cta .nl-icon { width: 20px; height: 20px; }
.nl-page .nl-sms-hero-note, .nl-page .nl-sms-home-note { margin-top: 18px; font-size: 12px; color: #536780; }
.nl-sms-visual { position: relative; margin: 0; min-width: 0; padding: 30px 0 32px; isolation: isolate; }
.nl-sms-orbit { position: absolute; z-index: -1; border: 1px solid #b9d1f0; border-radius: 50%; width: 440px; height: 440px; top: 55px; left: calc(50% - 220px); }
.nl-sms-orbit::after { content: ''; position: absolute; border: 1px dashed #c4d7ef; border-radius: 50%; inset: -35px; }
.nl-sms-phone { position: relative; width: 290px; margin: 0 auto; border: 7px solid #1b3656; border-radius: 42px; background: #f9fbff; box-shadow: 0 28px 70px -28px #365c8c80, inset 0 0 0 1px #fff; padding: 15px 16px 20px; transform: rotate(-4deg); }
.nl-sms-phone::before { content: ''; position: absolute; width: 74px; height: 17px; top: -1px; left: calc(50% - 37px); background: #1b3656; border-radius: 0 0 12px 12px; }
.nl-sms-phone-top { display: flex; justify-content: space-between; font-size: 11px; padding: 0 6px 12px; direction: ltr; }
.nl-sms-phone-brand { display: flex; align-items: center; gap: 10px; padding: 16px 0; border-bottom: 1px solid #e2eaf4; }
.nl-sms-avatar { display: grid; place-items: center; width: 42px; height: 42px; background: #176af1; border-radius: 15px; color: #fff; font-weight: 700; font-size: 24px; }
.nl-sms-phone-brand div { flex: 1; }
.nl-sms-phone-brand strong { display: block; font-size: 15px; }
.nl-sms-phone-brand div span { display: block; font-size: 10px; color: #536780; }
.nl-sms-phone-brand .nl-icon { width: 22px; height: 22px; color: #7a8da5; }
.nl-sms-message-date { text-align: center; font-size: 10px; color: #5c6d84; padding: 16px 0; }
.nl-sms-message { padding: 17px 15px; border-radius: 18px 18px 4px 18px; background: #eaf1fc; border: 1px solid #d4e3f8; font-size: 12px; line-height: 2.15; }
.nl-sms-message-sign { display: block; margin-top: 12px; font-size: 10px; color: #546d89; border-top: 1px solid #cfddf0; padding-top: 9px; }
.nl-sms-phone-note { display: flex; align-items: center; gap: 7px; font-size: 10px; color: #526780; margin-top: 16px; }
.nl-sms-phone-bar { background: #1b3656; width: 76px; height: 4px; border-radius: 5px; margin: 24px auto 0; }
.nl-sms-float { position: absolute; display: flex; align-items: center; gap: 11px; border: 1px solid #dbe5f2; border-radius: 16px; background: #ffffffed; box-shadow: 0 14px 38px -20px #2c507866; padding: 15px 18px; z-index: 2; }
.nl-sms-float > .nl-icon { width: 29px; height: 29px; color: #176af1; }
.nl-sms-float strong, .nl-sms-float div span { display: block; }
.nl-sms-float strong { font-size: 12px; }
.nl-sms-float div span { font-size: 10px; color: #536780; margin-top: 3px; }
.nl-sms-float--report { top: 72px; right: -5px; }
.nl-sms-float--family { bottom: 85px; left: -8px; }
.nl-sms-float--family > .nl-icon { color: #167c70; }
.nl-page .nl-sms-visual figcaption { text-align: center; font-size: 10px; color: #536780; margin: 34px auto 0; max-width: 320px; }
.nl-sms-values { border-top: 1px solid #e2eaf4; border-bottom: 1px solid #e2eaf4; background: #fff; padding: 30px 0; }
.nl-sms-values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.nl-sms-value { display: flex; gap: 16px; align-items: center; }
.nl-sms-value > span { color: #92a8c3; font-size: 26px; letter-spacing: -1px; }
.nl-page .nl-sms-value h2 { font-size: 15px; letter-spacing: 0; }
.nl-sms-value p { font-size: 12px; color: #536780; margin-top: 4px; }
.nl-sms-section-heading { max-width: 760px; margin-bottom: 42px; }
.nl-page .nl-sms-section-heading .nl-eyebrow { margin-bottom: 12px; }
.nl-sms-section-heading > p:last-child { color: #536780; margin-top: 16px; font-size: 15px; }
.nl-page .nl-sms-process { background: #112742; color: #fff; }
.nl-sms-process .nl-eyebrow { color: #9fbfff; }
.nl-sms-process .nl-sms-section-heading > p:last-child { color: #bacbe0; }
.nl-sms-process h2 span { color: #a7c9ff; }
.nl-sms-process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.nl-sms-process-grid li { position: relative; padding: 24px; border: 1px solid #35506e; border-radius: 18px; background: #18324f; }
.nl-sms-step-index { display: inline-block; color: #a8c9ff; border-bottom: 2px solid #669cf0; padding-bottom: 8px; margin-bottom: 25px; font-size: 20px; }
.nl-page .nl-sms-process-grid h3 { font-size: 17px; margin-bottom: 10px; }
.nl-sms-process-grid p { color: #c6d5e6; font-size: 13px; }
.nl-page .nl-sms-process-note { color: #c6d5e6; font-size: 12px; margin-top: 24px; }
.nl-sms-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.nl-sms-feature { padding: 28px; border: 1px solid #dbe5f2; border-radius: 20px; background: #fff; }
.nl-sms-feature-icon { display: inline-flex; padding: 13px; border-radius: 14px; background: #eef5ff; color: #176af1; margin-bottom: 24px; }
.nl-sms-feature-icon .nl-icon { width: 26px; height: 26px; }
.nl-page .nl-sms-feature h3 { margin-bottom: 12px; }
.nl-sms-feature p { font-size: 14px; color: #536780; }
.nl-sms-credit-grid { margin-top: 60px; padding: 46px; display: grid; grid-template-columns: 1.2fr 1fr; gap: 64px; align-items: center; border-radius: 28px; background: #f3f8ff; }
.nl-sms-credit-copy .nl-eyebrow { margin-bottom: 14px; }
.nl-page .nl-sms-credit-copy h2 { font-size: 30px; }
.nl-page .nl-sms-credit-copy p:not(.nl-eyebrow) { margin-top: 16px; color: #536780; font-size: 14px; }
.nl-sms-credit-copy .nl-text-link { margin-top: 22px; }
.nl-sms-wallet { background: #fff; padding: 28px; border: 1px solid #dbe5f2; border-radius: 20px; box-shadow: 0 18px 40px -25px #6381a080; }
.nl-sms-wallet-top { display: flex; justify-content: space-between; gap: 14px; font-size: 12px; font-weight: 700; }
.nl-sms-demo-label { color: #536780; font-weight: 400; font-size: 10px; }
.nl-sms-wallet-total { display: flex; align-items: baseline; gap: 10px; margin-top: 22px; }
.nl-sms-wallet-total strong { font-size: 46px; line-height: 1.5; letter-spacing: -1px; }
.nl-sms-wallet-total span { color: #536780; font-size: 11px; }
.nl-sms-wallet-bar { display: flex; gap: 4px; height: 8px; border-radius: 8px; overflow: hidden; margin: 17px 0 20px; }
.nl-sms-wallet-bar span:nth-child(1) { width: 75%; background: #167c70; }
.nl-sms-wallet-bar span:nth-child(2) { width: 5%; background: #c5d5ee; }
.nl-sms-wallet-bar span:nth-child(3) { width: 20%; background: #176af1; }
.nl-sms-wallet dl { margin: 0; }
.nl-sms-wallet dl div { display: flex; justify-content: space-between; font-size: 12px; padding: 9px 0; border-bottom: 1px solid #edf1f8; }
.nl-sms-wallet dt .nl-sms-dot { width: 6px; height: 6px; margin-left: 6px; }
.nl-sms-wallet dd { margin: 0; font-weight: 700; }
.nl-page .nl-sms-wallet p { font-size: 11px; color: #536780; margin-top: 18px; }
.nl-page .nl-sms-setup { background: #f8fafc; }
.nl-sms-setup-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.nl-sms-setup-grid article { padding-right: 22px; border-right: 2px solid #a5c3ef; }
.nl-sms-role { display: inline-block; background: #eaf1fc; color: #215baa; border-radius: 6px; padding: 3px 10px; font-size: 11px; margin-bottom: 18px; }
.nl-sms-setup-grid p { margin-top: 12px; font-size: 14px; color: #536780; }
.nl-sms-privacy { display: flex; align-items: flex-start; gap: 20px; background: #edf5f2; border: 1px solid #d6e5df; border-radius: 18px; padding: 24px 28px; margin-top: 48px; }
.nl-sms-privacy > .nl-icon { width: 28px; height: 28px; flex: 0 0 auto; color: #167c70; margin-top: 5px; }
.nl-sms-privacy p { margin-top: 8px; font-size: 13px; color: #466a63; }
.nl-sms-faq-grid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 80px; }
.nl-sms-faq-grid .nl-description { font-size: 14px; margin: 20px 0; }
.nl-sms-faq-grid > div > .nl-eyebrow { margin-bottom: 14px; }
.nl-page .nl-sms-faq h2 { font-size: 28px; }
.nl-sms-faq details { padding: 18px 0; }
.nl-sms-faq summary { font-size: 14px; }
.nl-sms-faq details p { font-size: 13px; line-height: 2.2; color: #536780; }
.nl-page .nl-sms-cta { background: radial-gradient(ellipse at 5% 100%, #234d87 0, transparent 50%), #112742; color: #fff; text-align: center; }
.nl-sms-cta .nl-eyebrow { color: #a7c9ff; margin-bottom: 16px; }
.nl-page .nl-sms-cta h2 { font-size: clamp(30px, 3.2vw, 46px); }
.nl-sms-cta p:not(.nl-eyebrow) { max-width: 570px; margin: 24px auto 0; font-size: 15px; color: #c6d5e6; }
.nl-sms-cta .nl-actions { justify-content: center; margin-top: 28px; }
.nl-page .nl-sms-home { background: radial-gradient(ellipse at 8% 40%, #dceafe 0, transparent 55%), #f3f8ff; overflow: hidden; }
.nl-sms-home-copy { max-width: 560px; }
.nl-page .nl-sms-home h2 { font-size: clamp(28px, 3vw, 41px); }
.nl-sms-home .nl-eyebrow { margin-bottom: 18px; }
.nl-sms-home .nl-description { margin-top: 20px; font-size: 15px; }
.nl-sms-home-points { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 22px 0 28px !important; }
.nl-sms-home-points li { position: relative; padding-right: 15px; font-size: 12px; }
.nl-sms-home-points li::before { content: ''; position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #176af1; right: 0; top: 11px; }
.nl-sms-home .nl-button { font-size: 13px; line-height: 1.9; gap: 10px; white-space: normal; max-width: 100%; }
.nl-sms-home .nl-button .nl-icon { flex-shrink: 0; }
.nl-sms-visual--compact .nl-sms-phone { width: 265px; padding: 14px 13px 18px; }
.nl-sms-visual--compact .nl-sms-phone-top { padding-bottom: 5px; }
.nl-sms-visual--compact .nl-sms-phone-brand { padding: 12px 0; }
.nl-sms-visual--compact .nl-sms-message-date { padding: 12px 0; }
.nl-sms-visual--compact .nl-sms-message { font-size: 11px; padding: 14px; }
.nl-sms-visual--compact .nl-sms-orbit { width: 370px; height: 370px; left: calc(50% - 185px); }
@media (max-width: 1100px) {
	.nl-sms-hero-grid, .nl-sms-home-grid { gap: 26px; }
	.nl-sms-float--report { right: 0; }
	.nl-sms-float--family { left: 0; }
	.nl-sms-float { padding: 12px; }
	.nl-sms-process-grid { grid-template-columns: repeat(2, 1fr); }
	.nl-sms-credit-grid { gap: 30px; padding: 30px; }
	.nl-sms-faq-grid { gap: 40px; }
}
@media (max-width: 760px) {
	.nl-sms-hero-grid, .nl-sms-home-grid, .nl-sms-credit-grid, .nl-sms-faq-grid { grid-template-columns: 1fr; }
	.nl-page .nl-sms-hero { padding-bottom: 36px; }
	.nl-sms-hero-copy { padding: 20px 0 0; }
	.nl-sms-visual { width: 100%; max-width: 450px; margin: 0 auto; }
	.nl-sms-phone { transform: rotate(-2deg); }
	.nl-sms-orbit { width: 340px; height: 340px; left: calc(50% - 170px); top: 90px; }
	.nl-sms-float--report { right: 0; top: 58px; }
	.nl-sms-float--family { left: 0; bottom: 88px; }
	.nl-sms-values-grid { grid-template-columns: 1fr; gap: 22px; }
	.nl-sms-value { gap: 20px; }
	.nl-sms-feature-grid, .nl-sms-setup-grid { grid-template-columns: 1fr; }
	.nl-sms-feature { padding: 24px; }
	.nl-sms-feature-icon { margin-bottom: 18px; }
	.nl-sms-section-heading { margin-bottom: 30px; }
	.nl-sms-credit-grid { margin-top: 36px; padding: 24px; gap: 32px; }
	.nl-sms-faq-grid { gap: 28px; }
	.nl-sms-privacy { padding: 22px; gap: 14px; }
	.nl-sms-home-copy { max-width: none; }
}
@media (max-width: 420px) {
	.nl-sms-process-grid { grid-template-columns: 1fr; }
	.nl-sms-process-grid li { padding: 24px; }
	.nl-sms-step-index { margin-bottom: 16px; }
	.nl-sms-visual { padding-top: 38px; }
	.nl-sms-phone { width: 250px; border-width: 6px; }
	.nl-sms-float strong { font-size: 10px; }
	.nl-sms-float div span { font-size: 9px; }
	.nl-sms-float { padding: 10px; gap: 8px; }
	.nl-sms-float > .nl-icon { width: 23px; height: 23px; }
	.nl-sms-float--report { top: 46px; }
	.nl-sms-credit-grid, .nl-sms-wallet { padding: 20px; }
	.nl-sms-wallet-total { flex-wrap: wrap; gap: 4px 10px; }
	.nl-sms-wallet-top { gap: 8px; flex-wrap: wrap; }
	.nl-page .nl-sms-hero h1 { font-size: 33px; letter-spacing: -1.2px; }
	.nl-page .nl-sms-hero-lead { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) { .nl-sms-phone { transform: none; } }

.cms-workspace {
	--cms-blue: #176af1;
	--cms-ink: #112742;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	padding: 28px;
	color: var(--cms-ink);
}
.cms-heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	margin-bottom: 24px;
	flex-wrap: wrap;
}
.cms-heading h1 {
	font-size: 28px;
	font-weight: 700;
	margin: 8px 0;
}
.cms-heading p {
	color: #536780;
	line-height: 1.9;
	margin: 0;
}
.cms-breadcrumb {
	font-size: 13px;
}
.cms-actions,
.cms-section-controls {
	display: flex;
	gap: 8px;
	align-items: center;
	flex-wrap: wrap;
}
.cms-tabs {
	display: flex;
	gap: 28px;
	border-bottom: 1px solid #d9e2ee;
	margin-bottom: 24px;
}
.cms-tabs a {
	padding: 14px 0;
	color: #536780;
	font-weight: 600;
}
.cms-tabs a[aria-current='page'] {
	color: #176af1;
	border-bottom: 3px solid #176af1;
}
.cms-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	padding: 0 0 20px;
}
.cms-filters > * {
	min-width: 150px;
	flex: 1;
}
.cms-filters > :first-child {
	flex: 2;
}
.cms-table-wrap {
	background: #fff;
	border: 1px solid #d9e2ee;
	border-radius: 12px;
	overflow-x: auto;
}
.cms-table {
	width: 100%;
	border-collapse: collapse;
	text-align: right;
}
.cms-table th {
	color: #536780;
	background: #f3f8ff;
	padding: 14px 12px;
	white-space: nowrap;
}
.cms-table td {
	padding: 16px 12px;
	border-top: 1px solid #e7edf4;
	vertical-align: middle;
}
.cms-table small,
.cms-media-list small {
	display: block;
	color: #536780;
	margin-top: 5px;
	line-height: 1.7;
}
.cms-title-button {
	border: 0;
	background: transparent;
	color: #112742;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
	text-align: right;
	padding: 0;
}
.cms-title-button:hover {
	color: #176af1;
	text-decoration: underline;
}
.cms-row-actions {
	min-width: 220px;
}
.cms-status {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 6px;
	font-size: 12px;
	white-space: nowrap;
	background: #edf1f7;
	color: #536780;
}
.cms-status-published {
	color: #0d684e;
	background: #e3f5ed;
}
.cms-status-draft {
	color: #8c5700;
	background: #fff3d8;
}
.cms-status-disabled {
	color: #803d50;
	background: #f9e9ee;
}
.cms-unsaved {
	font-size: 12px;
	margin: 0 12px;
	color: #8c5700;
}
.cms-pagination {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 16px;
	padding: 20px 0;
	flex-wrap: wrap;
}
.cms-pagination > :first-child {
	margin-left: auto;
}
.cms-pagination .MuiFormControl-root {
	min-width: 95px;
}
.cms-bulk {
	padding: 12px;
	border: 1px solid #b5d3ff;
	background: #f3f8ff;
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
}
.cms-error {
	color: #922b3b;
	background: #fff0f2;
	border: 1px solid #e4bcc3;
	padding: 14px;
	border-radius: 8px;
	line-height: 1.9;
}
.cms-success {
	color: #0d684e;
	background: #e3f5ed;
	padding: 14px;
	border-radius: 8px;
}
.cms-empty {
	padding: 40px;
	text-align: center;
	color: #536780;
}
.cms-edit-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 24px;
	align-items: start;
}
.cms-edit-layout[aria-busy='true'] {
	pointer-events: none;
	opacity: 0.7;
}
.cms-edit-main {
	min-width: 0;
}
.cms-title-fields {
	margin-bottom: 24px;
}
.cms-fields {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	padding: 12px 0;
}
.cms-fields > .MuiFormControl-root {
	flex: 1 1 180px;
}
.cms-title-fields {
	flex-direction: column;
}
.cms-title-fields > .MuiFormControl-root {
	flex: auto;
}
.cms-panel {
	background: #fff;
	border: 1px solid #d9e2ee;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 20px;
}
.cms-panel h2,
.cms-section-list h2 {
	font-size: 17px;
	font-weight: 700;
	margin: 0 0 18px;
}
.cms-panel > .MuiFormControl-root {
	margin: 10px 0;
}
.cms-panel p {
	font-size: 13px;
	color: #536780;
	line-height: 1.9;
}
.cms-section-layout {
	display: grid;
	grid-template-columns: 190px minmax(0, 1fr);
	background: #fff;
	border: 1px solid #d9e2ee;
	border-radius: 10px;
	margin-bottom: 24px;
}
.cms-section-list {
	background: #f3f8ff;
	padding: 18px 10px;
	border-radius: 0 10px 10px 0;
}
.cms-section-list ol {
	padding: 0;
	margin: 0 0 12px;
	list-style: none;
}
.cms-section-list button {
	font: inherit;
}
.cms-section-list li button {
	width: 100%;
	display: flex;
	gap: 8px;
	text-align: right;
	border: 0;
	border-right: 3px solid transparent;
	padding: 10px 8px;
	margin-bottom: 3px;
	background: transparent;
	color: #536780;
	cursor: pointer;
	line-height: 1.7;
}
.cms-section-list button[aria-current='step'] {
	background: #fff;
	color: #176af1;
	border-right-color: #176af1;
	font-weight: 600;
}
.cms-section-list li span {
	font-size: 12px;
}
.cms-section-editor {
	padding: 18px;
	min-width: 0;
}
.cms-section-controls {
	margin-bottom: 16px;
}
.cms-section-controls > :first-child {
	flex: 1;
	min-width: 170px;
}
.cms-editor {
	margin-top: 18px;
	border: 1px solid #ccd9e8;
	border-radius: 8px;
	overflow: hidden;
}
.cms-editor-toolbar {
	display: flex;
	gap: 4px;
	flex-wrap: wrap;
	padding: 10px;
	background: #f3f8ff;
	border-bottom: 1px solid #ccd9e8;
}
.cms-editor-toolbar button,
.cms-editor-toolbar select {
	font: inherit;
	border: 1px solid #d9e2ee;
	border-radius: 4px;
	padding: 6px 8px;
	background: #fff;
	color: #112742;
	cursor: pointer;
	font-size: 12px;
	min-height: 34px;
}
.cms-editor-toolbar button:hover {
	border-color: #176af1;
}
.cms-editable {
	min-height: 380px;
	max-height: 750px;
	overflow: auto;
	padding: 24px;
	outline: none;
}
.cms-editable:focus {
	box-shadow: inset 0 0 0 2px #176af1;
}
.cms-rich {
	overflow-wrap: anywhere;
	line-height: 1.95;
}
.cms-rich h1,
.cms-rich h2,
.cms-rich h3 {
	font-weight: 700;
	line-height: 1.7;
}
.cms-rich h2 {
	font-size: 23px;
	margin: 24px 0 12px;
}
.cms-rich h3 {
	font-size: 19px;
	margin: 20px 0 10px;
}
.cms-rich p {
	margin: 12px 0;
}
.cms-rich ul,
.cms-rich ol {
	padding-inline-start: 26px;
	margin: 14px 0;
}
.cms-rich ul {
	list-style: disc;
}
.cms-rich ol {
	list-style: decimal;
}
.cms-rich img,
.cms-rich video {
	max-width: 100%;
	height: auto;
}
.cms-rich video {
	width: 100%;
	max-height: 70vh;
	background: #112742;
}
.cms-rich table {
	border-collapse: collapse;
	max-width: 100%;
	width: 100%;
	display: block;
	overflow: auto;
}
.cms-rich th,
.cms-rich td {
	border: 1px solid #ccd9e8;
	padding: 10px;
	min-width: 80px;
}
.cms-rich pre {
	direction: ltr;
	text-align: left;
	background: #f3f8ff;
	padding: 16px;
	overflow: auto;
}
.cms-rich blockquote {
	border-right: 4px solid #176af1;
	padding: 12px 20px;
	background: #f3f8ff;
}
.cms-rich a {
	color: #176af1;
	text-decoration: underline;
}
.cms-rich details {
	border-bottom: 1px solid #d9e2ee;
	padding: 14px 0;
}
.cms-rich summary {
	cursor: pointer;
	font-weight: 600;
}
.cms-media-list {
	list-style: none;
	margin: 20px 0;
	padding: 0;
}
.cms-media-list > li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 0;
	border-bottom: 1px solid #d9e2ee;
	overflow-wrap: anywhere;
}
.cms-help-article {
	max-width: 900px;
	margin: auto;
	background: #fff;
	padding: 24px;
	line-height: 1.95;
}
.cms-help-article h1 {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.7;
}
.cms-lead {
	color: #536780;
	font-size: 16px;
}
.cms-checklist {
	list-style: none;
	padding: 0;
}
.cms-checklist li {
	display: flex;
	gap: 20px;
	margin: 16px 0;
}
.cms-workspace button:focus-visible,
.cms-workspace a:focus-visible {
	outline: 3px solid #176af1;
	outline-offset: 3px;
}
.cms-builder-heading {
	display: flex;
	justify-content: space-between;
	align-items: start;
	gap: 16px;
}
.cms-builder-heading > span {
	white-space: nowrap;
	color: #536780;
}
.cms-block-palette {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
	gap: 8px;
	margin: 18px 0 24px;
}
.cms-block-palette button {
	min-height: 64px;
	border: 1px solid #d9e2ee;
	border-radius: 10px;
	background: #f7faff;
	color: #112742;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
	padding: 10px;
	cursor: pointer;
	font: inherit;
}
.cms-block-palette button:hover,
.cms-canvas-block.is-active {
	border-color: #176af1;
	box-shadow: 0 0 0 2px #dceaff;
}
.cms-block-palette button:disabled { opacity: .5; cursor: not-allowed; }
.cms-canvas { display: grid; gap: 16px; }
.cms-canvas-block {
	border: 1px solid #d9e2ee;
	border-radius: 12px;
	background: #fff;
	overflow: hidden;
}
.cms-canvas-controls {
	background: #f3f8ff;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 5px 10px;
}
.cms-canvas-controls > button:not(.MuiButton-root) {
	border: 0;
	background: transparent;
	color: #112742;
	font: inherit;
	cursor: pointer;
}
.cms-canvas-controls > button:nth-child(2) { flex: 1; text-align: right; font-weight: 700; }
.cms-canvas-controls > button:first-child { cursor: grab; font-size: 20px; }
.cms-canvas-preview {
	max-height: 260px;
	overflow: hidden;
	position: relative;
	background: #fff;
	cursor: pointer;
}
.cms-canvas-preview::after {
	content: '';
	position: absolute;
	inset: 0;
}
.cms-canvas-preview .nl-section,
.cms-canvas-preview .nl-inner-hero { padding-top: 16px; padding-bottom: 16px; }
.cms-preview-toolbar { display: flex; gap: 8px; justify-content: center; margin-bottom: 16px; }
.cms-preview-toolbar [aria-pressed='true'] { background: #e5efff; color: #176af1; }
.cms-preview-frame { margin: auto; transition: max-width .2s; }
.cms-preview-desktop { max-width: 1200px; }
.cms-preview-mobile { max-width: 390px; border: 1px solid #ccd9e8; border-radius: 16px; overflow: hidden; }
.cms-menu-layout { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 20px; align-items: start; }
.cms-menu-layout[aria-busy='true'] { opacity: .7; pointer-events: none; }
.cms-menu-items { margin: 12px 0; padding: 0; list-style: none; }
.cms-menu-items li {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px;
	margin-bottom: 10px;
	border: 1px solid #d9e2ee;
	border-radius: 10px;
}
.cms-menu-items .MuiFormControl-root { flex: 1 1 180px; }
.cms-menu-items .MuiFormControl-root:nth-of-type(2) { flex: 2 1 270px; }
.cms-menu-handle { color: #536780; font-size: 22px; cursor: grab; }
.cms-menu-buttons { display: flex; }
.cms-menu-buttons .MuiButton-root { min-width: 32px; padding: 5px; }
.cms-menu-layout aside .MuiButton-root { justify-content: flex-start; text-align: right; margin: 3px 0; }
@media (max-width: 1100px) {
	.cms-menu-layout { grid-template-columns: 1fr; }
	.cms-menu-items li { flex-wrap: wrap; }
	.cms-edit-layout {
		grid-template-columns: minmax(0, 1fr);
	}
	.cms-edit-sidebar {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px;
	}
}
@media (max-width: 700px) {
	.cms-workspace {
		padding: 16px;
	}
	.cms-heading h1 {
		font-size: 24px;
	}
	.cms-actions {
		width: 100%;
	}
	.cms-actions > * {
		flex: 1;
	}
	.cms-section-layout {
		display: block;
	}
	.cms-section-list ol {
		display: flex;
		overflow-x: auto;
	}
	.cms-section-list li {
		min-width: 150px;
	}
	.cms-edit-sidebar {
		display: block;
	}
	.cms-editable {
		padding: 16px;
		min-height: 300px;
	}
	.cms-filters > * {
		min-width: 140px;
	}
	.cms-table {
		min-width: 720px;
	}
	.cms-help-article {
		padding: 12px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.cms-workspace * {
		scroll-behavior: auto !important;
	}
}