.ntg-ai-key-box,
.ntg-ai-local-cta,
.ntg-ai-guide-resource-links,
.ntg-ai-service-links,
.ntg-ai-faq,
.ntg-ai-related,
.ntg-ai-cross-network-cta,
.ntg-ai-page24-nav,
.ntg-ai-clean-article,
.ntg-ai-clean-hero {
	box-sizing: border-box;
	margin: 32px 0;
}

.ntg-ai-clean-article {
	max-width: 100%;
	margin: 24px auto 0;
}

.ntg-ai-clean-hero {
	position: relative;
	padding: 28px;
	border: 1px solid #d6e4f0;
	border-radius: 20px;
	background: linear-gradient(135deg, #f8fbff 0%, #edf6ff 100%);
	box-shadow: 0 12px 30px rgba(11, 60, 104, 0.08);
}

.ntg-ai-hero-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(220px, 0.65fr);
	gap: 28px;
	align-items: stretch;
}

.ntg-ai-hero-main {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
}

.ntg-ai-hero-visual {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 280px;
	overflow: hidden;
	border: 1px solid rgba(7, 73, 119, 0.14);
	border-radius: 18px;
	background: radial-gradient(circle at 70% 18%, rgba(56, 189, 248, 0.22), transparent 34%), linear-gradient(145deg, #ffffff 0%, #e8f4fb 100%);
}

.ntg-ai-hero-visual::before {
	position: absolute;
	inset: 14px;
	border: 1px dashed rgba(8, 118, 201, 0.2);
	border-radius: 14px;
	content: '';
}

.ntg-ai-hero-visual__image {
	position: relative;
	z-index: 1;
	display: block;
	width: calc(100% - 28px);
	max-height: 330px;
	object-fit: contain;
	border-radius: 14px;
}

.ntg-ai-hero-visual__badge {
	position: absolute;
	z-index: 2;
	top: 16px;
	left: 16px;
	padding: 7px 11px;
	border-radius: 999px;
	background: #082f52;
	color: #fff;
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.04em;
}

.ntg-ai-clean-hero::before {
	content: '';
	position: absolute;
	inset: 0 0 auto 0;
	height: 5px;
	border-radius: 20px 20px 0 0;
	background: linear-gradient(90deg, #0876c9 0%, #f59e0b 100%);
}

.ntg-ai-page24-nav {
	padding: 26px;
	border: 1px solid #e0e7ef;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 12px 32px rgba(17, 62, 99, 0.07);
}

.ntg-ai-page24-nav__heading {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	column-gap: 14px;
	align-items: center;
	margin-bottom: 18px;
}

.ntg-ai-page24-nav__heading > span {
	grid-row: 1 / 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 54px;
	padding: 0 14px;
	border-radius: 14px;
	background: #082f52;
	color: #fff;
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.08em;
}

.ntg-ai-page24-nav__heading h2,
.ntg-ai-page24-nav__heading p {
	margin: 0;
}

.ntg-ai-page24-nav__heading h2 {
	color: #102a43;
	font-size: clamp(1.15rem, 2.2vw, 1.45rem);
}

.ntg-ai-page24-nav__heading p {
	margin-top: 4px;
	color: #63778a;
	font-size: 0.92rem;
}

.ntg-ai-page24-nav__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.ntg-ai-page24-nav__grid a {
	display: flex;
	flex-direction: column;
	min-height: 132px;
	padding: 18px;
	border: 1px solid #dbe5ee;
	border-radius: 16px;
	background: linear-gradient(155deg, #fff 0%, #f6f9fc 100%);
	color: #16324a;
	text-decoration: none;
	box-shadow: 0 7px 20px rgba(17, 62, 99, 0.05);
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.ntg-ai-page24-nav__grid a:hover,
.ntg-ai-page24-nav__grid a:focus-visible {
	transform: translateY(-2px);
	border-color: #1685c8;
	box-shadow: 0 12px 24px rgba(17, 86, 138, 0.12);
}

.ntg-ai-page24-nav__grid a > span {
	margin-bottom: auto;
	color: #0b78bd;
	font-size: 0.76rem;
	font-weight: 900;
	letter-spacing: 0.08em;
}

.ntg-ai-page24-nav__grid strong {
	display: block;
	margin-top: 18px;
	font-size: 1rem;
}

.ntg-ai-page24-nav__grid small {
	display: block;
	margin-top: 5px;
	color: #60758a;
	font-size: 0.78rem;
	line-height: 1.45;
}

.ntg-ai-clean-hero h2 {
	margin-top: 0;
	color: #072e50;
	font-size: clamp(1.2rem, 2.3vw, 1.5rem);
	line-height: 1.35;
}

.ntg-ai-clean-hero .ntg-ai-hero-copy {
	margin: 0 0 14px;
	color: #264f71;
	line-height: 1.72;
}

.ntg-ai-hero-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.ntg-ai-hero-chip {
	display: inline-flex;
	align-items: center;
	height: 30px;
	padding: 0 12px;
	border-radius: 999px;
	background: #fff;
	color: #0d4d7d;
	font-weight: 700;
	font-size: 0.87rem;
	border: 1px solid #c2d9ee;
}

.ntg-ai-guide-path {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}

.ntg-ai-guide-path li {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 56px;
	padding: 0 12px;
	border-radius: 12px;
	background: #fff;
	border: 1px solid #d7e5f4;
	color: #0e3855;
	font-weight: 700;
	text-align: center;
}

.ntg-ai-key-box {
	padding: 24px 26px;
	border: 1px solid #cfe4f6;
	border-left: 5px solid #0876c9;
	border-radius: 16px;
	background: linear-gradient(135deg, #f7fbff 0%, #eef7ff 100%);
	box-shadow: 0 10px 30px rgba(10, 61, 105, 0.08);
}

.ntg-ai-key-box h2,
.ntg-ai-local-cta h2,
.ntg-ai-service-links h2,
.ntg-ai-faq h2,
.ntg-ai-related h2 {
	margin-top: 0;
}

.ntg-ai-key-box ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 0;
	padding: 0;
	list-style: none;
}

.ntg-ai-key-box li {
	position: relative;
	min-height: 90px;
	padding: 18px 18px 18px 46px;
	border: 1px solid #dbe8f3;
	border-radius: 14px;
	background: #fff;
	color: #173047;
	line-height: 1.65;
	box-shadow: 0 7px 20px rgba(17, 62, 99, 0.06);
}

.ntg-ai-key-box li::before {
	position: absolute;
	top: 20px;
	left: 18px;
	width: 18px;
	height: 18px;
	border-radius: 6px;
	background: linear-gradient(135deg, #0876c9, #31a6e5);
	box-shadow: inset 0 0 0 4px #eaf6ff;
	content: '';
}

.ntg-ai-key-box li:first-child,
.ntg-ai-key-box li:last-child:nth-child(odd) {
	grid-column: 1 / -1;
}

.ntg-ai-key-box li + li {
	margin-top: 0;
}

.ntg-ai-search-answer {
	margin: 24px 0 34px;
	padding: 14px 18px;
	border: 1px solid #f0dfcf;
	border-left: 5px solid #f59e0b;
	border-radius: 14px;
	background: #fffaf3;
	color: #273b4e;
	line-height: 1.8;
}

.ntg-ai-search-answer strong {
	color: #b45309;
}

.ntg-ai-article-body > h2 {
	margin: 42px 0 16px;
	color: #132e45;
	font-size: clamp(1.3rem, 2.5vw, 1.65rem);
	line-height: 1.4;
}

.ntg-ai-article-body > h3 {
	margin: 28px 0 12px;
	color: #173b59;
}

.ntg-ai-article-body blockquote {
	margin: 20px 0 28px;
	padding: 20px 22px;
	border: 1px solid #f0dfcf;
	border-left: 5px solid #ff9500;
	border-radius: 12px;
	background: #fffaf5;
}

.ntg-ai-article-body > ul:not(.ntg-ai-steps) {
	margin: 18px 0 30px;
	padding: 20px 24px 20px 44px;
	border: 1px solid #e3e9ee;
	border-radius: 14px;
	background: #fff;
}

.ntg-ai-article-body > ul:not(.ntg-ai-steps) li + li {
	margin-top: 10px;
}

.ntg-ai-table-wrap {
	width: 100%;
	margin: 26px 0 34px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #dbe6ef;
	border-radius: 14px;
	background: #fff;
}

.ntg-ai-table-wrap table {
	width: 100%;
	min-width: 620px;
	margin: 0;
	border-collapse: collapse;
}

.ntg-ai-table-wrap th,
.ntg-ai-table-wrap td {
	padding: 14px 16px;
	border: 0;
	border-bottom: 1px solid #e7eef4;
	text-align: left;
	vertical-align: top;
}

.ntg-ai-table-wrap th {
	background: #0b4f82;
	color: #fff;
	font-weight: 700;
}

.ntg-ai-table-wrap tr:last-child td {
	border-bottom: 0;
}

.ntg-ai-table-wrap tbody tr:nth-child(even) {
	background: #f7fafc;
}

.ntg-ai-local-cta {
	padding: 28px;
	border-radius: 18px;
	background: #082f52;
	color: #fff;
}

.ntg-ai-local-cta h2,
.ntg-ai-local-cta p {
	color: inherit;
}

.ntg-ai-cross-network-cta {
	position: relative;
	padding: 26px;
	border: 1px solid #f0d2e9;
	border-left: 5px solid #8b3db6;
	border-radius: 18px;
	background: linear-gradient(135deg, #fff7ff 0%, #fcf4ff 100%);
	box-shadow: 0 8px 24px rgba(88, 31, 110, 0.12);
}

.ntg-ai-cross-network-cta h2 {
	margin-top: 0;
	color: #4b256d;
}

.ntg-ai-cross-network-cta p {
	margin: 10px 0 0;
	color: #4d3f56;
	line-height: 1.72;
}

.ntg-ai-cross-steps {
	margin: 16px 0 18px;
	padding: 0 0 0 1.25em;
}

.ntg-ai-cross-steps li + li {
	margin-top: 8px;
}

.ntg-ai-guide-resource-links {
	padding: 24px 26px;
	border: 1px solid #cde6ff;
	border-left: 5px solid #0b4f82;
	border-radius: 16px;
	background: linear-gradient(135deg, #f9fcff 0%, #ebf7ff 100%);
}

.ntg-ai-guide-resource-links h2 {
	margin-top: 0;
	color: #072e50;
}

.ntg-ai-guide-resource-links p {
	margin: 10px 0 14px;
	color: #2e5873;
	line-height: 1.65;
}

.ntg-ai-guide-link-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ntg-ai-guide-link-item {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 12px 15px;
	border: 1px solid #bdd8ef;
	border-radius: 12px;
	background: #fff;
	color: #074977;
	font-weight: 800;
	text-align: center;
	text-decoration: none;
}

.ntg-ai-lguplus-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 12px 20px;
	border-radius: 12px;
	border: 1px solid #6f32ac;
	background: linear-gradient(135deg, #9e43d8 0%, #6f32ac 100%);
	color: #fff;
	font-weight: 800;
	font-size: 1rem;
	text-decoration: none;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.ntg-ai-lguplus-button:hover,
.ntg-ai-lguplus-button:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 12px 24px rgba(111, 50, 172, 0.24);
}

.ntg-ai-store-guide {
	padding: 24px 26px;
	border: 1px solid #cce1f4;
	border-left: 5px solid #06528b;
	border-radius: 16px;
	background: linear-gradient(135deg, #f8fbff 0%, #edf6ff 100%);
}

.ntg-ai-store-guide h2 {
	margin-top: 0;
}

.ntg-ai-store-guide-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 10px;
	margin: 16px 0 0;
	padding: 0;
	list-style: none;
}

.ntg-ai-store-guide-list li {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 74px;
	padding: 14px;
	border: 1px solid #cde0f5;
	border-radius: 14px;
	background: #fff;
	color: #0a4676;
	font-weight: 700;
	text-align: center;
	box-shadow: 0 7px 20px rgba(17, 62, 99, 0.06);
}

.ntg-ai-usim-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(110px, 180px);
	gap: 22px;
	align-items: center;
	margin: 20px 0;
	padding: 22px;
	border: 1px solid #d8e5ef;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 10px 28px rgba(17, 62, 99, 0.08);
}

.ntg-ai-usim-card__label {
	display: inline-flex;
	margin-bottom: 8px;
	padding: 5px 10px;
	border-radius: 999px;
	background: #e9f7f7;
	color: #08726e;
	font-size: 0.78rem;
	font-weight: 800;
}

.ntg-ai-usim-card h3 {
	margin: 0 0 8px;
	color: #102f48;
}

.ntg-ai-usim-card p {
	margin: 0;
	color: #4a6174;
	line-height: 1.65;
}

.ntg-ai-usim-card img {
	display: block;
	width: 100%;
	max-height: 220px;
	object-fit: contain;
	border-radius: 14px;
}

.ntg-ai-usim-card--lgu .ntg-ai-usim-card__label {
	background: #fff0f7;
	color: #c2185b;
}

.ntg-ai-offline-fallback {
	padding: 24px 26px;
	border: 1px solid #efd5c4;
	border-left: 5px solid #d97706;
	border-radius: 16px;
	background: linear-gradient(135deg, #fffaf5 0%, #fff4e5 100%);
}

.ntg-ai-offline-fallback h2 {
	margin-top: 0;
}

.ntg-ai-offline-fallback ul {
	margin: 12px 0 0;
	padding-left: 1.2em;
}

.ntg-ai-cta-actions,
.ntg-ai-service-links ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px;
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}

.ntg-ai-cta-actions a,
.ntg-ai-service-links a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 12px 15px;
	border-radius: 12px;
	background: #fff;
	color: #075f9e;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
}

.ntg-ai-cta-actions .ntg-ai-center-button {
	background: #ff9500;
	color: #132e45;
}

.ntg-ai-cta-actions .ntg-ai-cta-online {
	background: #2a67ff;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.25);
}

.ntg-ai-cta-actions .ntg-ai-cta-offline {
	background: #f9a825;
	color: #2d2d2d;
	border: 1px solid rgba(255, 255, 255, 0.25);
}

.ntg-ai-service-links a {
	border: 1px solid #cbddea;
	background: #f7fbff;
}

.ntg-ai-faq details {
	margin: 10px 0;
	padding: 16px 18px;
	border: 1px solid #dce7ef;
	border-radius: 12px;
	background: #fff;
}

.ntg-ai-faq summary {
	cursor: pointer;
	font-weight: 700;
}

.ntg-ai-faq details p {
	margin: 12px 0 0;
}

.ntg-ai-related {
	padding-top: 28px;
	border-top: 1px solid #e2e8ee;
	border-bottom: none;
}

.ntg-ai-related ul {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin: 16px 0 0;
	padding: 0;
	list-style: none;
}

.ntg-ai-related li {
	min-width: 0;
}

.ntg-ai-related a {
	display: block;
	height: 100%;
	overflow: hidden;
	border: 1px solid #dce7ef;
	border-radius: 14px;
	background: #fff;
	color: #173047;
	font-weight: 700;
	line-height: 1.55;
	text-decoration: none;
	box-shadow: 0 8px 22px rgba(17, 62, 99, 0.06);
}

.ntg-ai-related__media {
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: linear-gradient(135deg, #0b3c68, #0876c9);
}

.ntg-ai-related__image,
.ntg-ai-related__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ntg-ai-related__placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	color: #fff;
	font-size: 0.88rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-align: center;
}

.ntg-ai-related__body {
	display: block;
	padding: 14px 15px 17px;
}

.ntg-ai-related__category {
	display: block;
	margin-bottom: 6px;
	color: #0876c9;
	font-size: 0.78rem;
	font-weight: 700;
}

.ntg-ai-related__title {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.ntg-ai-steps {
	display: grid;
	gap: 12px;
	margin: 22px 0 32px;
	padding: 0;
	counter-reset: ntg-ai-step;
	list-style: none;
}

.ntg-ai-steps > li {
	position: relative;
	min-height: 64px;
	margin: 0;
	padding: 18px 20px 18px 68px;
	border: 1px solid #d9e6f0;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 7px 20px rgba(17, 62, 99, 0.06);
	counter-increment: ntg-ai-step;
}

.ntg-ai-steps > li::before {
	position: absolute;
	top: 14px;
	left: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #0876c9;
	color: #fff;
	font-weight: 800;
	content: counter(ntg-ai-step);
}

.ntg-ai-related a:hover,
.ntg-ai-related a:focus-visible,
.ntg-ai-cta-actions a:hover,
.ntg-ai-cta-actions a:focus-visible,
.ntg-ai-service-links a:hover,
.ntg-ai-service-links a:focus-visible,
.ntg-ai-guide-link-item:hover,
.ntg-ai-guide-link-item:focus-visible {
	transform: translateY(-1px);
	box-shadow: 0 10px 24px rgba(17, 86, 138, 0.14);
}

@media (max-width: 960px) and (min-width: 641px) {
	.ntg-ai-page24-nav__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ntg-ai-related ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.ntg-ai-clean-hero {
		padding: 20px;
	}

	.ntg-ai-page24-nav {
		padding: 20px;
		border-radius: 16px;
	}

	.ntg-ai-page24-nav__heading {
		grid-template-columns: 1fr;
	}

	.ntg-ai-page24-nav__heading > span {
		grid-row: auto;
		justify-self: start;
		min-height: 30px;
		margin-bottom: 10px;
		border-radius: 999px;
	}

	.ntg-ai-page24-nav__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 9px;
	}

	.ntg-ai-page24-nav__grid a {
		min-height: 120px;
		padding: 14px;
	}

	.ntg-ai-hero-layout,
	.ntg-ai-key-box ul,
	.ntg-ai-usim-card {
		grid-template-columns: 1fr;
	}

	.ntg-ai-hero-visual {
		min-height: 240px;
	}

	.ntg-ai-key-box li:first-child,
	.ntg-ai-key-box li:last-child:nth-child(odd) {
		grid-column: auto;
	}

	.ntg-ai-usim-card img {
		grid-row: 1;
		max-width: 220px;
		margin: 0 auto;
	}

	.ntg-ai-guide-path {
		grid-template-columns: 1fr;
	}

	.ntg-ai-key-box,
	.ntg-ai-local-cta {
		padding: 20px;
		border-radius: 14px;
	}

	.ntg-ai-cta-actions,
	.ntg-ai-service-links ul,
	.ntg-ai-guide-link-grid {
		grid-template-columns: 1fr;
	}

	.ntg-ai-related ul {
		display: flex;
		gap: 12px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		padding-bottom: 8px;
	}

	.ntg-ai-related li {
		flex: 0 0 82%;
		scroll-snap-align: start;
	}
}

.ntg-ai-related--search {
	padding: 28px 0 4px;
}

.ntg-ai-related--search .ntg-ai-related__eyebrow {
	display: block;
	margin-bottom: 6px;
	color: #0876c9;
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.09em;
}

.ntg-ai-related--search .ntg-ai-related__intro {
	margin: 8px 0 0;
	color: #5f7285;
	font-size: 0.94rem;
}

.ntg-ai-related--search ul {
	display: flex;
	gap: 12px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	overscroll-behavior-inline: contain;
	padding: 2px 2px 12px;
	scrollbar-color: #8ba6bd #e8f0f6;
	scrollbar-width: thin;
}

.ntg-ai-related--search li {
	flex: 0 0 210px;
	scroll-snap-align: start;
}

.ntg-ai-related--search a {
	border-radius: 16px;
	box-shadow: 0 8px 20px rgba(17, 62, 99, 0.08);
}

.ntg-ai-related--search .ntg-ai-related__body {
	padding: 12px 13px 15px;
}

.ntg-ai-related--search .ntg-ai-related__title {
	-webkit-line-clamp: 2;
	font-size: 0.94rem;
	line-height: 1.5;
}

@media (max-width: 640px) {
	.ntg-ai-related--search li {
		flex-basis: 72%;
	}
}
.ntg-ai-clean-article {
	scroll-behavior: smooth;
}

.ntg-ai-clean-article [id^="ntg-ai-step-"],
.ntg-ai-clean-article #ntg-ai-activation-standard-title {
	scroll-margin-top: 118px;
}

.ntg-ai-journey-nav {
	margin: 28px 0 34px;
	padding: 28px;
	border: 1px solid #dce7f1;
	border-radius: 26px;
	background: linear-gradient(145deg, #f8fbff, #eef6fa);
	box-shadow: 0 18px 50px rgba(13, 49, 84, .08);
}

.ntg-ai-journey-nav__heading > span,
.ntg-ai-standard-heading > span {
	color: #1478d4;
	font-size: .76rem;
	font-weight: 900;
	letter-spacing: .12em;
}

.ntg-ai-journey-nav__heading h2,
.ntg-ai-standard-heading h2 {
	margin: 8px 0;
	color: #10233f;
}

.ntg-ai-journey-nav__heading p,
.ntg-ai-standard-heading p {
	margin: 0;
	color: #53657d;
}

.ntg-ai-journey-nav__track {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(190px, 1fr);
	gap: 14px;
	overflow-x: auto;
	margin-top: 22px;
	padding: 2px 2px 14px;
	scroll-snap-type: x mandatory;
	scrollbar-color: #7b8da1 transparent;
}

.ntg-ai-journey-card {
	display: block;
	overflow: hidden;
	border: 1px solid #dbe5ee;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 10px 24px rgba(21, 54, 85, .08);
	scroll-snap-align: start;
}

.ntg-ai-journey-card > p {
	margin: 0;
}

.ntg-ai-journey-card__link {
	display: block;
	color: #12243d !important;
	text-decoration: none !important;
}

.ntg-ai-journey-card img {
    display: block;
    width: 100%;
	aspect-ratio: 720 / 460;
	box-sizing: border-box;
	padding: 8px;
	object-fit: contain;
    background: #f6fbff;
}

.ntg-ai-search-image-cards .ntg-ai-journey-card img {
	padding: 0;
	object-fit: cover;
	background: #edf7ff;
}

.ntg-ai-journey-card__dual-usim {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    width: 100%;
    aspect-ratio: 720 / 460;
    box-sizing: border-box;
    padding: 8px 10px;
    background: #f6fbff;
}

.ntg-ai-journey-card__dual-usim > strong {
    display: block;
    color: #0f3158;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.03em;
    text-align: center;
}

.ntg-ai-journey-card__dual-usim > span {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 8px;
	height: 82px;
    min-height: 0;
    padding: 0;
}

.ntg-ai-journey-card__dual-usim > span img {
    width: 100%;
    height: 100%;
	max-height: 82px;
    min-width: 0;
    aspect-ratio: auto;
    padding: 0;
    object-fit: contain;
    background: transparent;
}

.ntg-ai-journey-card__copy {
	display: block;
	padding: 13px 14px 15px;
}

.ntg-ai-journey-card strong,
.ntg-ai-journey-card small {
	display: block;
}

.ntg-ai-journey-card strong {
	font-size: .96rem;
}

.ntg-ai-journey-card small {
	margin-top: 4px;
	color: #708097;
}

.ntg-ai-network-lgu .ntg-ai-journey-nav__heading > span,
.ntg-ai-network-lgu .ntg-ai-standard-heading > span {
	color: #c32b74;
}

.ntg-ai-activation-standard {
	margin: 34px 0;
	padding: 30px;
	border-radius: 28px;
	background: #f6f9fc;
}

.ntg-ai-standard-step {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	gap: 18px;
	margin-top: 18px;
	padding: 24px;
	border: 1px solid #dce6ef;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 10px 26px rgba(14, 46, 78, .06);
}

.ntg-ai-standard-step > p:empty {
	display: none;
}

.ntg-ai-standard-step > .ntg-ai-step-number {
	grid-column: 1;
}

.ntg-ai-standard-step > div {
	grid-column: 2;
	min-width: 0;
	width: 100%;
}

.ntg-ai-standard-step h3,
.ntg-ai-standard-step h4 {
	margin: 0 0 10px;
	color: #10233f;
}

.ntg-ai-step-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 16px;
	background: #117cc9;
	color: #fff;
	font-weight: 900;
}

.ntg-ai-network-lgu .ntg-ai-step-number {
	background: #c7357d;
}

.ntg-ai-activation-method {
	position: relative;
	margin-top: 18px;
	padding: 22px;
	border: 1px solid #d5e5f3;
	border-radius: 18px;
	background: #f8fbff;
}

.ntg-ai-auth-certificates {
	margin: 18px 0 4px;
	padding: 16px;
	border: 1px solid #d6e4ef;
	border-radius: 18px;
	background: linear-gradient(135deg, #f7fbff, #fff);
	overflow: hidden;
}

.ntg-ai-auth-certificates img {
	display: block;
	width: 100%;
	height: auto;
	max-height: none;
	object-fit: contain;
	border-radius: 12px;
}

.ntg-ai-auth-certificates figcaption {
	margin-top: 12px;
	color: #52667d;
	font-size: .9rem;
	font-weight: 700;
	line-height: 1.65;
}

.ntg-ai-activation-methods {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-top: 18px;
}

.ntg-ai-activation-methods .ntg-ai-activation-method {
	margin-top: 0;
}

.ntg-ai-activation-method--platform {
	border-color: #b9d9f5;
	background: linear-gradient(135deg, #eef7ff, #f8fbff);
}

.ntg-ai-activation-method--membership {
	border-color: #bfe5dc;
	background: linear-gradient(135deg, #f0fbf8, #f8fcff);
}

.ntg-ai-network-lgu .ntg-ai-activation-method--membership {
	border-color: #efc6da;
	background: linear-gradient(135deg, #fff2f8, #fffafd);
}

.ntg-ai-method-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
	padding: 6px 12px;
	border-radius: 999px;
	background: #117cc9;
	color: #fff;
	font-size: .78rem;
	font-weight: 900;
}

.ntg-ai-activation-method--membership .ntg-ai-method-label {
	background: #138b79;
}

.ntg-ai-network-lgu .ntg-ai-activation-method--membership .ntg-ai-method-label {
	background: #c7357d;
}

.ntg-ai-activation-method h4 {
	font-size: 1.12rem;
}

.ntg-ai-activation-method > p {
	margin: 0;
}

.ntg-ai-button-row,
.ntg-ai-button-grid,
.ntg-ai-app-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 16px;
}

.ntg-ai-button-row a,
.ntg-ai-button-grid a,
.ntg-ai-inline-button,
.ntg-ai-app-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 11px 17px;
	border-radius: 12px;
	background: #117cc9;
	color: #fff !important;
	font-weight: 800;
	text-decoration: none !important;
}

.ntg-ai-button-grid a {
	flex: 1 1 210px;
	background: #eef6ff;
	color: #0a63a9 !important;
	border: 1px solid #cfe4f6;
}

.ntg-ai-button-row .is-visit {
	background: #138b79;
}

.ntg-ai-step-usim {
	display: grid;
	grid-template-columns: minmax(150px, 220px) minmax(0, 1fr);
	gap: 18px;
	align-items: center;
	margin: 16px 0;
	padding: 16px;
	border-radius: 16px;
	background: #f3f8fc;
}

.ntg-ai-step-usim img {
	width: 100%;
	max-height: 220px;
	object-fit: contain;
}

.ntg-ai-step-usim ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ntg-ai-step-usim li,
.ntg-ai-visit-checklist span {
	padding: 9px 13px;
	border: 1px solid #cfe0ed;
	border-radius: 999px;
	background: #fff;
	font-weight: 800;
}

.ntg-ai-owner-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 16px;
	margin: 16px 0;
	padding: 18px;
	border: 2px solid #f0bb35;
	border-radius: 16px;
	background: #fff9e7;
}

.ntg-ai-owner-box span {
	width: 100%;
	color: #8b6500;
	font-size: .78rem;
	font-weight: 900;
	letter-spacing: .08em;
}

.ntg-ai-owner-box strong {
	font-size: 1.15rem;
}

.ntg-ai-owner-box b {
	padding: 5px 10px;
	border-radius: 999px;
	background: #f0bb35;
}

.ntg-ai-app-card {
	display: grid;
	grid-template-columns: 1fr 1.35fr;
	gap: 16px;
	align-items: center;
	margin: 16px 0;
	padding: 20px;
	border-radius: 18px;
	background: linear-gradient(135deg, #eafbf6, #f4fbff);
}

.ntg-ai-activation-method .ntg-ai-app-card {
	margin-bottom: 0;
}

.ntg-ai-network-lgu .ntg-ai-app-card {
	background: linear-gradient(135deg, #fff0f7, #fff8fb);
}

.ntg-ai-app-card span {
	color: #167d70;
	font-weight: 800;
}

.ntg-ai-app-actions {
	margin: 0;
}

.ntg-ai-app-actions a {
	flex: 1 1 140px;
	background: #fff;
	color: #17685e !important;
	border: 1px solid #bce5dc;
	flex-direction: column;
	align-items: flex-start;
}

.ntg-ai-recharge-stack {
	display: grid;
	gap: 9px;
	margin: 16px 0;
}

.ntg-ai-plan-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin: 18px 0 14px;
}

.ntg-ai-plan-card {
	padding: 20px;
	border: 1px solid #cfe1f0;
	border-radius: 18px;
	background: linear-gradient(145deg, #f3fbff, #fff);
}

.ntg-ai-plan-card--lgu {
	border-color: #f0cfe0;
	background: linear-gradient(145deg, #fff3f9, #fff);
}

.ntg-ai-plan-card > span {
	display: inline-flex;
	padding: 6px 11px;
	border-radius: 999px;
	background: #dff2ff;
	color: #075f9e;
	font-size: .8rem;
	font-weight: 900;
}

.ntg-ai-plan-card--lgu > span {
	background: #ffe0ef;
	color: #aa1d61;
}

.ntg-ai-plan-card ul {
	display: grid;
	gap: 9px;
	margin: 14px 0;
	padding: 0;
	list-style: none;
}

.ntg-ai-plan-card li {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 3px 10px;
	padding: 13px;
	border: 1px solid #e1e9f0;
	border-radius: 13px;
	background: #fff;
}

.ntg-ai-plan-card li strong,
.ntg-ai-plan-card li b,
.ntg-ai-plan-card li small {
	display: block;
}

.ntg-ai-plan-card li b {
	color: #0b6eaa;
}

.ntg-ai-plan-card--lgu li b {
	color: #b42369;
}

.ntg-ai-plan-card li small {
	grid-column: 1 / -1;
	color: #66768a;
	line-height: 1.5;
}

.ntg-ai-plan-card > a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 10px 14px;
	border-radius: 12px;
	background: #117cc9;
	color: #fff !important;
	font-weight: 800;
	text-align: center;
	text-decoration: none !important;
}

.ntg-ai-plan-card--lgu > a {
	background: #c7357d;
}

.ntg-ai-recharge-stack > div {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 13px 15px;
	border: 1px solid #dce6ef;
	border-radius: 13px;
	background: #fff;
}

.ntg-ai-recharge-stack b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #117cc9;
	color: #fff;
}

.ntg-ai-recharge-stack span,
.ntg-ai-recharge-stack strong {
	display: block;
}

.ntg-ai-happycall {
	border-color: #ffc84d;
	background: linear-gradient(135deg, #fffaf0, #fff3cf);
}

.ntg-ai-alert-label {
	color: #a26000;
	font-size: .76rem;
	font-weight: 900;
	letter-spacing: .12em;
}

.ntg-ai-happycall-number {
	display: inline-block;
	margin: 4px 0 10px;
	color: #10233f !important;
	font-size: clamp(2rem, 7vw, 3.5rem);
	font-weight: 950;
	letter-spacing: -.04em;
	text-decoration: none !important;
}

.ntg-ai-visit-step {
	border-color: #9fd9cf;
	background: linear-gradient(135deg, #f2fcfa, #fff);
}

.ntg-ai-visit-checklist {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 16px 0;
}

.ntg-ai-small-note {
	color: #5f6f81;
	font-size: .9rem;
}

@media (max-width: 720px) {
	.ntg-ai-journey-nav,
	.ntg-ai-activation-standard {
		margin-right: -4px;
		margin-left: -4px;
		padding: 20px 16px;
		border-radius: 20px;
	}

	.ntg-ai-journey-nav__track {
		grid-auto-columns: 72%;
		gap: 12px;
	}

	.ntg-ai-standard-step {
		grid-template-columns: 1fr;
		padding: 20px 16px;
	}

	.ntg-ai-activation-method {
		padding: 18px 14px;
	}

	.ntg-ai-standard-step > .ntg-ai-step-number,
	.ntg-ai-standard-step > div {
		grid-column: 1;
	}

	.ntg-ai-step-usim,
	.ntg-ai-app-card,
	.ntg-ai-plan-grid,
	.ntg-ai-activation-methods {
		grid-template-columns: 1fr;
	}

	.ntg-ai-auth-certificates {
		padding: 10px;
	}

	.ntg-ai-step-usim img {
		max-height: 180px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ntg-ai-clean-article {
		scroll-behavior: auto;
	}
}

/* Keep the final key point in the open right-hand grid slot on desktop. */
@media (min-width: 769px) {
  .ntg-ai-key-box li:last-child { grid-column: auto; }
  .ntg-ai-key-box li:last-child:nth-child(2n+1) { grid-column: auto; }
}