/*
 * Sifoo MARA Funnel — gaya antara muka
 *
 * Semua peraturan dilingkungi dalam .sifoo-funnel supaya tidak berlanggar
 * dengan tema Hostinger atau Elementor. Sifat asas ditetapkan semula dalam
 * bekas kerana kita tidak dapat meramal apa yang tema induk kenakan.
 *
 * Palet: hijau hutan gelap atas krim, aksen emas.
 */

.sifoo-funnel {
	/* Warna */
	--sifoo-hijau: #10382a;
	--sifoo-hijau-gelap: #0a251b;
	--sifoo-hijau-muda: #2c5c48;
	--sifoo-krim: #f7f3e9;
	--sifoo-kad: #fffdf7;
	--sifoo-emas: #b8871f;
	--sifoo-emas-muda: #e8d5a3;
	--sifoo-amber-teks: #7a4e12;
	--sifoo-amber-latar: #fdf4e3;
	--sifoo-garis: rgba(16, 56, 42, 0.14);
	--sifoo-teks: #1c2b24;
	--sifoo-teks-lembut: #4d6157;

	/* Ruang */
	--sifoo-r1: 0.5rem;
	--sifoo-r2: 1rem;
	--sifoo-r3: 1.5rem;
	--sifoo-r4: 2.5rem;
	--sifoo-r5: 4rem;

	/* Bentuk */
	--sifoo-bulat: 14px;
	--sifoo-bulat-kecil: 8px;

	box-sizing: border-box;
	max-width: 44rem;
	margin: 0 auto;
	padding: var(--sifoo-r3) var(--sifoo-r2) var(--sifoo-r5);
	font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: var(--sifoo-teks);
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}

.sifoo-funnel *,
.sifoo-funnel *::before,
.sifoo-funnel *::after {
	box-sizing: inherit;
}

[x-cloak] {
	display: none !important;
}

.sifoo-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ---------------------------------------------------------------
   Tipografi
   --------------------------------------------------------------- */

.sifoo-funnel .sifoo-hero {
	margin-bottom: var(--sifoo-r4);
}

.sifoo-funnel .sifoo-eyebrow {
	margin: 0 0 var(--sifoo-r1);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--sifoo-emas);
}

.sifoo-funnel .sifoo-tajuk {
	margin: 0 0 var(--sifoo-r2);
	font-size: 1.875rem;
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: -0.02em;
	color: var(--sifoo-hijau);
}

.sifoo-funnel .sifoo-sub {
	margin: 0;
	font-size: 1.0625rem;
	color: var(--sifoo-teks-lembut);
}

.sifoo-funnel .sifoo-h2 {
	margin: 0 0 var(--sifoo-r2);
	font-size: 1.3125rem;
	font-weight: 600;
	line-height: 1.3;
	color: var(--sifoo-hijau);
}

.sifoo-funnel .sifoo-h3 {
	margin: 0 0 var(--sifoo-r1);
	font-size: 1.0625rem;
	font-weight: 600;
	color: var(--sifoo-hijau);
}

.sifoo-funnel .sifoo-nota-kecil {
	font-size: 0.875rem;
	color: var(--sifoo-teks-lembut);
}

.sifoo-funnel .sifoo-blok {
	margin-bottom: var(--sifoo-r4);
}

/* ---------------------------------------------------------------
   Bar kemajuan
   --------------------------------------------------------------- */

.sifoo-progress {
	max-width: 44rem;
	margin: 0 auto var(--sifoo-r3);
	padding: 0 var(--sifoo-r2);
	font-family: Poppins, sans-serif;
}

.sifoo-progress-trek {
	height: 5px;
	background: rgba(16, 56, 42, 0.1);
	border-radius: 999px;
	overflow: hidden;
}

.sifoo-progress-isi {
	height: 100%;
	background: var(--sifoo-emas, #b8871f);
	border-radius: 999px;
	transition: width 320ms ease;
}

.sifoo-progress-teks {
	margin: var(--sifoo-r1) 0 0;
	font-size: 0.8125rem;
	color: #4d6157;
}

/* ---------------------------------------------------------------
   Senarai semak
   --------------------------------------------------------------- */

.sifoo-funnel .sifoo-semak {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sifoo-funnel .sifoo-semak li {
	margin-bottom: var(--sifoo-r1);
}

.sifoo-funnel .sifoo-semak-item {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	min-height: 44px;
	padding: 0.625rem 0.875rem;
	background: var(--sifoo-kad);
	border: 1px solid var(--sifoo-garis);
	border-radius: var(--sifoo-bulat-kecil);
	cursor: pointer;
	transition: border-color 150ms ease, background 150ms ease;
}

.sifoo-funnel .sifoo-semak-item:hover {
	border-color: var(--sifoo-emas-muda);
}

.sifoo-funnel .sifoo-semak-item input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
}

.sifoo-funnel .sifoo-kotak {
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	margin-top: 2px;
	border: 2px solid var(--sifoo-garis);
	border-radius: 5px;
	background: #fff;
	transition: all 150ms ease;
}

.sifoo-funnel .sifoo-semak-item input:checked ~ .sifoo-kotak {
	background: var(--sifoo-hijau);
	border-color: var(--sifoo-hijau);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
	background-size: 15px;
	background-position: center;
	background-repeat: no-repeat;
}

.sifoo-funnel .sifoo-semak-item input:focus-visible ~ .sifoo-kotak {
	outline: 3px solid var(--sifoo-emas);
	outline-offset: 2px;
}

.sifoo-funnel .sifoo-teks {
	font-size: 0.9375rem;
}

.sifoo-funnel .sifoo-pdpa {
	margin-top: var(--sifoo-r2);
	background: transparent;
	border-style: dashed;
}

/* ---------------------------------------------------------------
   Kotak keputusan senarai semak
   --------------------------------------------------------------- */

.sifoo-funnel .sifoo-keputusan {
	margin-top: var(--sifoo-r2);
	padding: var(--sifoo-r2);
	border-radius: var(--sifoo-bulat-kecil);
	border-left: 4px solid;
	font-size: 0.9375rem;
}

.sifoo-funnel .sifoo-keputusan p {
	margin: 0;
}

.sifoo-funnel .sifoo-keputusan.is-baik {
	background: rgba(16, 56, 42, 0.05);
	border-left-color: var(--sifoo-hijau);
	color: var(--sifoo-hijau);
}

.sifoo-funnel .sifoo-keputusan.is-sederhana,
.sifoo-funnel .sifoo-keputusan.is-amaran {
	background: var(--sifoo-amber-latar);
	border-left-color: var(--sifoo-emas);
	color: var(--sifoo-amber-teks);
}

/* ---------------------------------------------------------------
   Jadual perbandingan
   --------------------------------------------------------------- */

.sifoo-funnel .sifoo-jadual-bungkus {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid var(--sifoo-garis);
	border-radius: var(--sifoo-bulat-kecil);
}

.sifoo-funnel .sifoo-jadual {
	width: 100%;
	min-width: 30rem;
	border-collapse: collapse;
	font-size: 0.875rem;
	background: var(--sifoo-kad);
}

.sifoo-funnel .sifoo-jadual thead th {
	padding: 0.75rem 0.875rem;
	background: var(--sifoo-hijau);
	color: #fff;
	font-weight: 600;
	text-align: left;
	white-space: nowrap;
}

.sifoo-funnel .sifoo-jadual tbody th {
	padding: 0.75rem 0.875rem;
	font-weight: 500;
	text-align: left;
	color: var(--sifoo-teks-lembut);
	white-space: nowrap;
}

.sifoo-funnel .sifoo-jadual td {
	padding: 0.75rem 0.875rem;
}

.sifoo-funnel .sifoo-jadual tbody tr + tr th,
.sifoo-funnel .sifoo-jadual tbody tr + tr td {
	border-top: 1px solid var(--sifoo-garis);
}

/* ---------------------------------------------------------------
   Kad
   --------------------------------------------------------------- */

.sifoo-funnel .sifoo-kad-grid {
	display: grid;
	gap: var(--sifoo-r2);
	grid-template-columns: 1fr;
}

@media (min-width: 40rem) {
	.sifoo-funnel .sifoo-kad-grid {
		grid-template-columns: 1fr 1fr;
	}
}

.sifoo-funnel .sifoo-kad {
	padding: var(--sifoo-r2);
	background: var(--sifoo-kad);
	border: 1px solid var(--sifoo-garis);
	border-radius: var(--sifoo-bulat);
}

.sifoo-funnel .sifoo-kad h3 {
	margin: 0 0 0.375rem;
	font-size: 1rem;
	font-weight: 600;
	color: var(--sifoo-hijau);
}

.sifoo-funnel .sifoo-kad p {
	margin: 0;
	font-size: 0.9375rem;
	color: var(--sifoo-teks-lembut);
}

.sifoo-funnel .sifoo-kad--amaran {
	background: var(--sifoo-amber-latar);
	border-color: var(--sifoo-emas-muda);
}

.sifoo-funnel .sifoo-kad--amaran h3,
.sifoo-funnel .sifoo-kad--amaran .sifoo-h2 {
	color: var(--sifoo-amber-teks);
}

.sifoo-funnel .sifoo-kad--info {
	background: rgba(16, 56, 42, 0.04);
}

/* ---------------------------------------------------------------
   Wizard diagnosis
   --------------------------------------------------------------- */

.sifoo-funnel--wizard {
	min-height: 70vh;
}

.sifoo-funnel .sifoo-wizard-progress {
	height: 5px;
	margin-bottom: var(--sifoo-r1);
	background: rgba(16, 56, 42, 0.1);
	border-radius: 999px;
	overflow: hidden;
}

.sifoo-funnel .sifoo-wizard-isi {
	height: 100%;
	background: var(--sifoo-emas);
	border-radius: 999px;
	transition: width 300ms ease;
}

.sifoo-funnel .sifoo-wizard-kira {
	margin: 0 0 var(--sifoo-r4);
	font-size: 0.8125rem;
	color: var(--sifoo-teks-lembut);
}

.sifoo-funnel .sifoo-soalan-teks {
	margin: 0 0 var(--sifoo-r2);
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.015em;
	color: var(--sifoo-hijau);
}

.sifoo-funnel .sifoo-soalan-nota {
	margin: -0.5rem 0 var(--sifoo-r3);
	padding-left: 0.875rem;
	border-left: 3px solid var(--sifoo-emas-muda);
	font-size: 0.875rem;
	color: var(--sifoo-teks-lembut);
}

.sifoo-funnel .sifoo-pilihan {
	display: grid;
	gap: 0.625rem;
	margin-bottom: var(--sifoo-r3);
}

.sifoo-funnel .sifoo-pilihan-btn {
	display: block;
	width: 100%;
	min-height: 52px;
	padding: 0.875rem 1.125rem;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 500;
	text-align: left;
	color: var(--sifoo-teks);
	background: var(--sifoo-kad);
	border: 1.5px solid var(--sifoo-garis);
	border-radius: var(--sifoo-bulat-kecil);
	cursor: pointer;
	transition: border-color 150ms ease, background 150ms ease, transform 100ms ease;
}

.sifoo-funnel .sifoo-pilihan-btn:hover {
	border-color: var(--sifoo-hijau-muda);
	background: #fff;
}

.sifoo-funnel .sifoo-pilihan-btn:active {
	transform: scale(0.995);
}

.sifoo-funnel .sifoo-pilihan-btn.is-dipilih {
	border-color: var(--sifoo-hijau);
	background: var(--sifoo-hijau);
	color: #fff;
}

.sifoo-funnel .sifoo-pilihan-btn:focus-visible {
	outline: 3px solid var(--sifoo-emas);
	outline-offset: 2px;
}

.sifoo-funnel .sifoo-input-bungkus {
	margin-bottom: var(--sifoo-r3);
}

.sifoo-funnel .sifoo-medan {
	margin-bottom: var(--sifoo-r2);
}

.sifoo-funnel .sifoo-medan label {
	display: block;
	margin-bottom: 0.375rem;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--sifoo-teks-lembut);
}

.sifoo-funnel .sifoo-input {
	width: 100%;
	min-height: 52px;
	padding: 0.75rem 1rem;
	font-family: inherit;
	font-size: 1rem;
	color: var(--sifoo-teks);
	background: #fff;
	border: 1.5px solid var(--sifoo-garis);
	border-radius: var(--sifoo-bulat-kecil);
}

.sifoo-funnel .sifoo-input:focus {
	outline: 3px solid var(--sifoo-emas);
	outline-offset: 1px;
	border-color: var(--sifoo-hijau);
}

.sifoo-funnel .sifoo-ralat-medan {
	margin: 0.5rem 0 0;
	font-size: 0.875rem;
	color: #9b2c1c;
}

/* ---------------------------------------------------------------
   Kad skim — elemen tanda tangan halaman keputusan
   --------------------------------------------------------------- */

.sifoo-funnel .sifoo-skim-senarai {
	display: grid;
	gap: var(--sifoo-r3);
	margin-bottom: var(--sifoo-r4);
}

.sifoo-funnel .sifoo-skim {
	position: relative;
	padding: var(--sifoo-r3);
	background: var(--sifoo-kad);
	border: 1px solid var(--sifoo-garis);
	border-radius: var(--sifoo-bulat);
}

.sifoo-funnel .sifoo-skim.is-terbaik {
	border-color: var(--sifoo-emas);
	border-width: 2px;
}

.sifoo-funnel .sifoo-lencana {
	display: inline-block;
	margin: 0 0 var(--sifoo-r2);
	padding: 0.25rem 0.75rem;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #fff;
	background: var(--sifoo-emas);
	border-radius: 999px;
}

.sifoo-funnel .sifoo-skim-nama {
	margin: 0 0 0.25rem;
	font-size: 1.75rem;
	font-weight: 600;
	letter-spacing: -0.01em;
	color: var(--sifoo-hijau);
}

.sifoo-funnel .sifoo-skim-penuh {
	margin: 0 0 var(--sifoo-r3);
	font-size: 0.875rem;
	color: var(--sifoo-teks-lembut);
}

/* Had efektif — momen paling penting di halaman ini */
.sifoo-funnel .sifoo-had {
	padding: var(--sifoo-r2) 0;
	margin-bottom: var(--sifoo-r3);
	border-top: 2px solid var(--sifoo-emas);
	border-bottom: 1px solid var(--sifoo-garis);
}

.sifoo-funnel .sifoo-had-label {
	margin: 0 0 0.125rem;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--sifoo-emas);
}

.sifoo-funnel .sifoo-had-nilai {
	margin: 0;
	font-size: 2.375rem;
	font-weight: 600;
	line-height: 1.05;
	letter-spacing: -0.03em;
	color: var(--sifoo-hijau);
	font-variant-numeric: tabular-nums;
}

.sifoo-funnel .sifoo-had-nota {
	margin-top: var(--sifoo-r2);
	padding: 0.875rem 1rem;
	background: var(--sifoo-amber-latar);
	border-radius: var(--sifoo-bulat-kecil);
}

.sifoo-funnel .sifoo-had-nota p {
	margin: 0;
	font-size: 0.9375rem;
	color: var(--sifoo-amber-teks);
}

.sifoo-funnel .sifoo-had-nota p + p {
	margin-top: 0.5rem;
	font-size: 0.8125rem;
	opacity: 0.85;
}

.sifoo-funnel .sifoo-fakta {
	display: grid;
	gap: var(--sifoo-r2);
	margin: 0 0 var(--sifoo-r2);
}

.sifoo-funnel .sifoo-fakta dt {
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--sifoo-teks-lembut);
}

.sifoo-funnel .sifoo-fakta dd {
	margin: 0.25rem 0 0;
	font-size: 0.9375rem;
}

.sifoo-funnel .sifoo-justifikasi {
	margin: 0;
	padding: 0.875rem 1rem;
	background: rgba(16, 56, 42, 0.05);
	border-radius: var(--sifoo-bulat-kecil);
	font-size: 0.9375rem;
	color: var(--sifoo-hijau);
}

/* Perbandingan dua tier DanaNITA */
.sifoo-funnel .sifoo-tier {
	margin-top: var(--sifoo-r3);
	padding-top: var(--sifoo-r3);
	border-top: 1px solid var(--sifoo-garis);
}

.sifoo-funnel .sifoo-tier-grid {
	display: grid;
	gap: var(--sifoo-r2);
	grid-template-columns: 1fr;
}

@media (min-width: 34rem) {
	.sifoo-funnel .sifoo-tier-grid {
		grid-template-columns: 1fr 1fr;
	}
}

.sifoo-funnel .sifoo-tier-lajur {
	padding: var(--sifoo-r2);
	background: rgba(16, 56, 42, 0.04);
	border-radius: var(--sifoo-bulat-kecil);
}

.sifoo-funnel .sifoo-tier-tajuk {
	margin: 0 0 0.625rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--sifoo-hijau);
}

.sifoo-funnel .sifoo-tier-lajur ul {
	margin: 0;
	padding-left: 1.125rem;
	font-size: 0.875rem;
	color: var(--sifoo-teks-lembut);
}

.sifoo-funnel .sifoo-tier-lajur li + li {
	margin-top: 0.25rem;
}

.sifoo-funnel .sifoo-tier-nota {
	margin: var(--sifoo-r2) 0 0;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--sifoo-amber-teks);
}

/* Sebab tidak layak */
.sifoo-funnel .sifoo-sebab {
	margin-top: var(--sifoo-r3);
}

.sifoo-funnel .sifoo-sebab-item {
	padding: var(--sifoo-r2) 0;
	border-bottom: 1px solid var(--sifoo-garis);
}

.sifoo-funnel .sifoo-sebab-nama {
	margin: 0 0 0.375rem;
	font-weight: 600;
	color: var(--sifoo-hijau);
}

.sifoo-funnel .sifoo-sebab-item ul {
	margin: 0;
	padding-left: 1.125rem;
	font-size: 0.9375rem;
	color: var(--sifoo-teks-lembut);
}

/* ---------------------------------------------------------------
   Butang dan navigasi
   --------------------------------------------------------------- */

.sifoo-funnel .sifoo-btn,
.sifoo-nav .sifoo-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0.75rem 1.5rem;
	font-family: Poppins, sans-serif;
	font-size: 1rem;
	font-weight: 500;
	text-decoration: none;
	border: 1.5px solid transparent;
	border-radius: var(--sifoo-bulat-kecil, 8px);
	cursor: pointer;
	transition: background 150ms ease, border-color 150ms ease;
}

.sifoo-funnel .sifoo-btn--utama,
.sifoo-nav .sifoo-btn--utama {
	color: #fff;
	background: var(--sifoo-hijau, #10382a);
}

.sifoo-funnel .sifoo-btn--utama:hover,
.sifoo-nav .sifoo-btn--utama:hover {
	background: var(--sifoo-hijau-gelap, #0a251b);
}

.sifoo-funnel .sifoo-btn--utama:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.sifoo-funnel .sifoo-btn--halus,
.sifoo-nav .sifoo-btn--halus {
	color: var(--sifoo-hijau, #10382a);
	background: transparent;
	border-color: var(--sifoo-garis, rgba(16, 56, 42, 0.14));
}

.sifoo-funnel .sifoo-btn--halus:hover,
.sifoo-nav .sifoo-btn--halus:hover {
	border-color: var(--sifoo-hijau, #10382a);
}

.sifoo-funnel .sifoo-btn--besar {
	width: 100%;
	min-height: 56px;
	font-size: 1.0625rem;
	font-weight: 600;
}

.sifoo-funnel .sifoo-btn:focus-visible,
.sifoo-nav .sifoo-btn:focus-visible {
	outline: 3px solid var(--sifoo-emas, #b8871f);
	outline-offset: 2px;
}

.sifoo-nav {
	display: flex;
	flex-direction: column-reverse;
	gap: 0.75rem;
	max-width: 44rem;
	margin: 2.5rem auto 0;
	font-family: Poppins, sans-serif;
}

@media (min-width: 34rem) {
	.sifoo-nav {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	.sifoo-nav .sifoo-btn--besar {
		width: auto;
		min-width: 16rem;
	}
}

/* ---------------------------------------------------------------
   Penafian
   --------------------------------------------------------------- */

.sifoo-penafian {
	max-width: 44rem;
	margin: 3rem auto 0;
	padding: 1.25rem;
	background: rgba(16, 56, 42, 0.04);
	border-radius: 8px;
	font-family: Poppins, sans-serif;
	font-size: 0.75rem;
	line-height: 1.6;
	color: #4d6157;
}

.sifoo-penafian p {
	margin: 0;
}

.sifoo-penafian .sifoo-penafian-utama {
	margin-bottom: 0.75rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid rgba(16, 56, 42, 0.12);
	font-size: 0.8125rem;
	font-weight: 500;
	color: #10382a;
}

/* ---------------------------------------------------------------
   Ralat pentadbir
   --------------------------------------------------------------- */

.sifoo-ralat {
	padding: 1rem;
	background: #fdecea;
	border-left: 4px solid #9b2c1c;
	border-radius: 4px;
	font-family: Poppins, sans-serif;
	font-size: 0.875rem;
	color: #9b2c1c;
}

/* ---------------------------------------------------------------
   Halaman Mula (Langkah 1)
   --------------------------------------------------------------- */

.sifoo-funnel--mula .sifoo-mula-hero {
	margin-bottom: var(--sifoo-r3);
}

.sifoo-funnel .sifoo-petikan {
	margin: 0 0 var(--sifoo-r4);
	padding: var(--sifoo-r3);
	background: var(--sifoo-hijau);
	border-radius: var(--sifoo-bulat);
	border-left: 4px solid var(--sifoo-emas);
}

.sifoo-funnel .sifoo-petikan p {
	margin: 0;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.4;
	color: #fff;
}

.sifoo-funnel .sifoo-petikan-sokong {
	margin-top: 0.75rem !important;
	font-size: 0.9375rem !important;
	font-weight: 400 !important;
	color: #b9cfc4 !important;
}

.sifoo-funnel .sifoo-mula-skim {
	margin-bottom: var(--sifoo-r4);
}

.sifoo-funnel .sifoo-mula-grid {
	display: grid;
	gap: var(--sifoo-r2);
	grid-template-columns: 1fr;
}

@media (min-width: 46rem) {
	.sifoo-funnel .sifoo-mula-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.sifoo-funnel .sifoo-mula-kad {
	padding: var(--sifoo-r2);
	background: var(--sifoo-kad);
	border: 1px solid var(--sifoo-garis);
	border-radius: var(--sifoo-bulat);
}

.sifoo-funnel .sifoo-mula-nama {
	margin: 0 0 0.25rem;
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--sifoo-hijau);
}

.sifoo-funnel .sifoo-mula-had {
	margin: 0 0 var(--sifoo-r2);
	padding-bottom: var(--sifoo-r2);
	border-bottom: 1px solid var(--sifoo-garis);
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--sifoo-emas);
}

.sifoo-funnel .sifoo-mula-fakta {
	display: grid;
	gap: 0.625rem;
	margin: 0;
}

.sifoo-funnel .sifoo-mula-fakta dt {
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--sifoo-teks-lembut);
}

.sifoo-funnel .sifoo-mula-fakta dd {
	margin: 0.125rem 0 0;
	font-size: 0.9375rem;
	color: var(--sifoo-teks);
}

/* Turutan tiga langkah */
.sifoo-funnel .sifoo-mula-langkah {
	margin-bottom: var(--sifoo-r4);
}

.sifoo-funnel .sifoo-mula-turutan {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sifoo-funnel .sifoo-mula-turutan li {
	display: flex;
	align-items: flex-start;
	gap: 0.875rem;
	margin-bottom: var(--sifoo-r2);
}

.sifoo-funnel .sifoo-mula-num {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--sifoo-hijau);
	color: #fff;
	font-size: 0.8125rem;
	font-weight: 600;
}

.sifoo-funnel .sifoo-mula-teks {
	font-size: 0.9375rem;
	color: var(--sifoo-teks-lembut);
}

.sifoo-funnel .sifoo-mula-teks strong {
	display: block;
	margin-bottom: 0.125rem;
	font-size: 1rem;
	font-weight: 600;
	color: var(--sifoo-hijau);
}

/* Kawasan tindakan */
.sifoo-funnel .sifoo-mula-tindakan {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.75rem;
	padding: var(--sifoo-r3);
	background: rgba(16, 56, 42, 0.05);
	border-radius: var(--sifoo-bulat);
	text-align: center;
}

.sifoo-funnel .sifoo-mula-nota {
	margin: 0;
	font-size: 0.8125rem;
	color: var(--sifoo-teks-lembut);
}

@media (min-width: 34rem) {
	.sifoo-funnel .sifoo-mula-tindakan {
		align-items: center;
	}

	.sifoo-funnel .sifoo-mula-tindakan .sifoo-btn--besar {
		width: auto;
		min-width: 20rem;
	}
}


/* ---------------------------------------------------------------
   Saiz tajuk pada skrin lebar
   --------------------------------------------------------------- */

@media (min-width: 34rem) {
	.sifoo-funnel .sifoo-tajuk { font-size: 2.375rem; }
	.sifoo-funnel .sifoo-soalan-teks { font-size: 1.75rem; }
	.sifoo-funnel .sifoo-had-nilai { font-size: 2.875rem; }
}

/* ---------------------------------------------------------------
   Kurangkan gerakan
   --------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	.sifoo-funnel *,
	.sifoo-progress *,
	.sifoo-nav * {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}
}