/* ==========================================
   SKIN.B Theme Setup & Custom Variables
   ========================================== */
:root {
    	--primary-burgundy: #7b1123;
	--burgundy-hover: #5e0c1a;
	--bg-light-soft: #ffffff;
	--bg-accent-soft: #fdf4f5;
	--border-color: #ece7e7;
	--text-dark: #1e1e1e;
	--text-muted: #6c757d;
	--skin-about-burgundy: #650b24;
	--skin-about-dark: #27050f;
	--skin-about-red: #8e1838;
	--skin-about-cream: #faf7f5;
	--skin-about-soft: #f4efed;
	--skin-about-text: #282226;
	--skin-about-muted: #777074;
	--skin-about-line: #e8dedf;
}

/* Background putih untuk seluruh halaman */
body {
	font-family: "Poppins", sans-serif;
	color: var(--text-dark);
	background-color: #ffffff !important;
	overflow-x: hidden;
}

/* Selaraskan kelas utilitas background */
.bg-light-soft {
	background-color: #ffffff !important;
}

/* Pastikan section mengikuti warna putih body */
section {
	background-color: #ffffff !important;
}

/* Card di dalam section */
.custom-card {
	background-color: #ffffff;
	border: 1px solid #ece7e7;
	border-radius: 12px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease;
}

.custom-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(114, 47, 55, 0.08);
}

.package-card,
.card {
	background-color: #ffffff !important;
	border: 1px solid #ece7e7 !important;
}

/* Colors & Utility */
.text-burgundy {
	color: var(--primary-burgundy) !important;
}
.bg-burgundy {
	background-color: var(--primary-burgundy) !important;
	color: #ffffff;
}
.bg-accent-soft {
	background-color: var(--bg-accent-soft) !important;
}

/* Buttons */
.btn-burgundy {
	background-color: var(--primary-burgundy);
	color: #ffffff !important;
	border: none;
	font-weight: 600;
	border-radius: 6px;
	transition: all 0.2s ease;
}
.btn-burgundy:hover {
	background-color: var(--burgundy-hover);
	transform: translateY(-2px);
}

.btn-outline-burgundy {
	border: 1.5px solid var(--primary-burgundy);
	color: var(--primary-burgundy) !important;
	background-color: #ffffff;
	font-weight: 600;
	border-radius: 6px;
	transition: all 0.2s ease;
}
.btn-outline-burgundy:hover {
	background-color: var(--primary-burgundy);
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* Typography */
.hero-title {
	font-size: clamp(32px, 3.8vw, 48px);
	font-weight: 700;
	line-height: 1.25;
}
.section-title {
	font-size: clamp(22px, 2.5vw, 28px);
	font-weight: 700;
	letter-spacing: 0.5px;
}
.section-subtitle {
	font-size: 14px;
	color: var(--text-muted);
}
.section-spacing {
	padding-top: 60px;
	padding-bottom: 60px;
}

/* Icons General */
.icon-xs {
	width: 15px;
	height: 15px;
}
.icon-sm {
	width: 18px;
	height: 18px;
}
.icon-md {
	width: 22px;
	height: 22px;
}

.icon-circle {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: #fdf1f3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--primary-burgundy);
}

/* Benefits Section & Floating Card */
.benefits-section {
	margin-top: 2rem !important;
}

.floating-card {
	background: #ffffff;
	z-index: 10;
	position: relative;
	border: 1px solid var(--border-color);
	border-radius: 8px;
	padding: 1.25rem 1rem;
}

.check-list li {
	font-size: 13.5px;
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}

/* Jenjang Karir Steps */
.career-badge {
	width: 60px;
	height: 60px;
	border: 1.5px dashed var(--primary-burgundy);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--primary-burgundy);
	margin: 0 auto 10px;
	background-color: #ffffff;
}

/* Swiper Sliders */
.slider-arrow-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: var(--primary-burgundy, #722f37);
	color: #ffffff;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 20;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transition: all 0.2s ease;
}

.slider-arrow-btn:hover {
	background-color: #591e25;
	transform: translateY(-50%) scale(1.08);
}

.slider-arrow-btn.prev-btn {
	left: -40px;
}

.slider-arrow-btn.next-btn {
	right: -40px;
}

.product-slide-img {
	width: 100%;
	height: 420px !important;
	object-fit: cover;
	border-radius: 12px;
	display: block;
}

.reward-slide-img {
	height: 150px;
	width: 100%;
	object-fit: contain;
}

/* FAQ Accordion */
.custom-accordion .accordion-item {
	border: 1px solid var(--border-color);
	border-radius: 6px !important;
	overflow: hidden;
}
.custom-accordion .accordion-button {
	font-size: 14.5px;
	font-weight: 600;
	padding: 14px 18px;
	background-color: #ffffff;
	color: var(--text-dark);
}
.custom-accordion .accordion-button:not(.collapsed) {
	background-color: #fdf4f5;
	color: var(--primary-burgundy);
	box-shadow: none;
}
.custom-accordion .accordion-button:focus {
	box-shadow: none;
}

/* Footer Links */
.footer-link {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}
.footer-link:hover {
	color: var(--primary-burgundy);
}

/* Navbar Toggle Reset */
.navbar-toggler:focus {
	box-shadow: none !important;
	outline: none !important;
}

.navbar-toggler {
	position: relative;
	z-index: 1050;
}

.custom-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(33, 37, 41, 0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* ===================================================
   RESPONSIVE BREAKPOINTS
=================================================== */

/* 1. Layar Mobile (< 768px) */
@media (max-width: 767.98px) {
	.hero-title {
		font-size: 1.1rem !important;
		line-height: 1.2 !important;
		margin-bottom: 0.3rem !important;
	}

	.hero-desc {
		font-size: 0.7rem !important;
		line-height: 1.25 !important;
		margin-bottom: 0.5rem !important;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.hero-banner-wrapper .d-flex.flex-wrap {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 0.35rem !important;
	}

	.hero-banner-wrapper .btn {
		font-size: 0.65rem !important;
		padding: 0.25rem 0.55rem !important;
	}

	/* Benefits: Rata Tengah (Center) di Layar HP */
	.benefits-section .d-flex.align-items-center {
		justify-content: center !important;
	}

	.benefits-section .text-start {
		text-align: center !important;
	}

	.border-end,
	.border-end-md,
	.border-end-lg {
		border-right: none !important;
	}

	/* Ukuran Icon Benefit di Layar HP */
	.benefit-icon-wrapper {
		width: 42px !important;
		min-width: 42px !important;
		height: 42px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.benefit-icon-wrapper svg,
	.benefit-icon-wrapper [data-feather] {
		width: 22px !important;
		height: 22px !important;
		min-width: 22px !important;
		min-height: 22px !important;
		stroke-width: 1.8px !important;
	}

	.slider-arrow-btn.prev-btn {
		left: -10px;
	}

	.slider-arrow-btn.next-btn {
		right: -10px;
	}

	.product-slide-img {
		height: 280px !important;
	}

	.section-spacing {
		padding-top: 35px;
		padding-bottom: 35px;
	}
}

/* 2. Layar Tablet Landscape & Laptop Kecil (769px - 1199px) */
@media (min-width: 769px) and (max-width: 1199px) {
	.hero-title {
		font-size: 1.5rem !important;
		line-height: 1.25 !important;
		margin-bottom: 0.4rem !important;
	}

	.hero-desc {
		font-size: 0.8rem !important;
		line-height: 1.3 !important;
		margin-bottom: 0.7rem !important;
	}

	.hero-banner-wrapper .d-flex.flex-wrap {
		flex-direction: row !important;
		align-items: center !important;
		gap: 0.5rem !important;
	}

	.hero-banner-wrapper .btn {
		font-size: 0.75rem !important;
		padding: 0.4rem 0.75rem !important;
		white-space: nowrap !important;
	}

	.benefit-icon-wrapper {
		width: 48px !important;
		min-width: 48px !important;
		height: 48px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.benefit-icon-wrapper svg,
	.benefit-icon-wrapper [data-feather] {
		width: 28px !important;
		height: 28px !important;
		min-width: 28px !important;
		min-height: 28px !important;
		stroke-width: 1.8px !important;
	}
}

/* 3. Layar Tablet & Desktop (>= 768px) */
@media (min-width: 768px) {
	.benefits-section {
		margin-top: 3rem !important;
	}

	.floating-card {
		margin-top: -30px;
		padding: 1.5rem 2rem;
	}

	.border-end-md {
		border-right: 1px solid var(--border-color);
	}
}

/* 4. Desktop Lebar (>= 992px & >= 1200px) */
@media (min-width: 992px) {
	.col-lg-bonus {
		flex: 0 0 auto;
		width: 20% !important;
	}
}

@media (min-width: 1200px) {
	.benefit-icon-wrapper {
		width: 52px !important;
		min-width: 52px !important;
		height: 52px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
    .benefit-icon-wrapper svg,
    .benefit-icon-wrapper [data-feather] {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        stroke-width: 1.75px !important;
    }
}

	/* Reset Focus Toggler */
	.navbar-toggler:focus {
		box-shadow: none !important;
		outline: none !important;
	}

	/* ===================================================
   HANYA AKTIF SAAT MODE HAMBURGER (LAYAR < 992px)
=================================================== */
	@media (max-width: 991.98px) {
		/* Pastikan navbar collapse muncul dengan benar saat dibuka di HP */
		#skinbNavbar.show,
		#skinbNavbar.collapsing {
			display: block !important;
			padding-top: 1.25rem !important;
			padding-bottom: 1rem !important;
		}

		/* Jarak atas ekstra khusus link navbar */
		#skinbNavbar .navbar-nav {
			margin-top: 0.5rem !important;
			margin-bottom: 1.25rem !important;
		}

		#skinbNavbar .nav-link {
			padding-top: 0.5rem !important;
			padding-bottom: 0.5rem !important;
			font-size: 0.95rem !important;
		}

		/* Perbaiki selector pembungkus tombol Gabung Sekarang agar full 100% */
		#skinbNavbar .d-grid {
			width: 100% !important;
		}

		#skinbNavbar .btn-burgundy {
			width: 100% !important;
			display: block !important;
			text-align: center !important;
			padding-top: 0.75rem !important;
			padding-bottom: 0.75rem !important;
		}
	}
	/* ===================================================
   DESKTOP NAVBAR
=================================================== */
	@media (min-width: 992px) {
		#skinbNavbar .nav-btn-cta {
			width: auto !important;
		}
	}

	.product-prev,
	.product-next {
		top: 50%;
	}

	/* ===================================================
   SWIPER SLIDER HOMEPAGE
=================================================== */
	.productSwiper .swiper-slide {
		display: flex;
		justify-content: center;
		align-items: center;
		background: transparent !important;
	}

	.product-slide-img {
		width: 100%;
		max-width: 320px;
		height: auto;
		aspect-ratio: 2 / 3;
		object-fit: cover;
		border-radius: 16px;
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
		transition:
			transform 0.3s ease,
			box-shadow 0.3s ease;
		display: block;
	}

	.productSwiper .swiper-slide:hover .product-slide-img {
		transform: translateY(-5px);
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
	}

	@media (max-width: 767.98px) {
		.product-slide-img {
			width: 100% !important;
			height: auto !important;
			max-height: none !important;
			object-fit: contain !important;
		}
		.productSwiper .swiper-slide,
		.productSwiper .swiper-slide .card {
			height: auto !important;
		}
	}

	@media (max-width: 991.98px) {
		/* Memberi jarak atas pada menu dropdown */
		.navbar-collapse .navbar-nav {
			padding-top: 1rem;
		}

		/* Membuat tombol full width */
		.navbar-collapse .btn,
		.navbar-collapse .btn-burgundy {
			width: 100%;
			display: block;
			text-align: center;
			margin-top: 0.75rem;
		}
	}

	/* Memberikan offset scroll agar tidak tertutup sticky navbar */
	html {
		scroll-behavior: smooth;
		scroll-padding-top: 110px !important;
	}

	/* Fallback untuk semua target ID section */
	section[id],
	div[id] {
		scroll-margin-top: 110px !important;
	}

	/* =========================================================
   HERO
========================================================= */

	.skin-about-hero {
		position: relative;
		min-height: 700px;
		display: flex;
		align-items: center;
		overflow: hidden;
		background:
			radial-gradient(
				circle at 80% 20%,
				rgba(255, 255, 255, 0.08),
				transparent 30%
			),
			linear-gradient(115deg, #30030d 0%, #650b24 48%, #7f1533 100%);
		color: #fff;
	}

	.skin-about-hero::before {
		content: "";
		position: absolute;
		width: 700px;
		height: 700px;
		border: 1px solid rgba(255, 255, 255, 0.08);
		border-radius: 50%;
		right: -300px;
		top: -260px;
	}

	.skin-about-hero::after {
		content: "";
		position: absolute;
		width: 450px;
		height: 450px;
		border: 1px solid rgba(255, 255, 255, 0.06);
		border-radius: 50%;
		left: -280px;
		bottom: -280px;
	}

	.skin-about-hero-glow {
		position: absolute;
		border-radius: 50%;
		filter: blur(90px);
		pointer-events: none;
	}

	.skin-about-glow-1 {
		width: 300px;
		height: 300px;
		right: 25%;
		top: 5%;
		background: rgba(255, 160, 180, 0.12);
	}

	.skin-about-glow-2 {
		width: 250px;
		height: 250px;
		left: 20%;
		bottom: 0;
		background: rgba(255, 255, 255, 0.05);
	}

	.skin-about-hero-grid {
		position: relative;
		z-index: 2;
		display: grid;
		grid-template-columns: 1fr 470px;
		align-items: center;
		gap: 90px;
		padding: 100px 0;
	}

	.skin-about-hero-content {
		max-width: 650px;
	}

	.skin-about-eyebrow {
		display: inline-flex;
		align-items: center;
		gap: 12px;
		margin-bottom: 28px;
		color: rgba(255, 255, 255, 0.72);
		font-size: 11px;
		font-weight: 700;
		letter-spacing: 3px;
	}

	.skin-about-eyebrow span {
		width: 35px;
		height: 1px;
		display: inline-block;
		background: rgba(255, 255, 255, 0.6);
	}

	.skin-about-hero h1 {
		margin: 0;
		font-size: clamp(48px, 6vw, 82px);
		line-height: 0.98;
		font-weight: 800;
		letter-spacing: -4px;
	}

	.skin-about-hero h1 em {
		display: block;
		color: #eeb8c6;
		font-family: Georgia, serif;
		font-weight: 400;
		letter-spacing: -3px;
	}

	.skin-about-hero p {
		max-width: 580px;
		margin: 35px 0 30px;
		color: rgba(255, 255, 255, 0.68);
		font-size: 16px;
		line-height: 1.9;
	}

	.skin-about-hero-line {
		width: 80px;
		height: 2px;
		margin-bottom: 15px;
		background: #d58da0;
	}

	.skin-about-hero-caption {
		color: rgba(255, 255, 255, 0.4);
		font-size: 9px;
		font-weight: 700;
		letter-spacing: 3px;
	}

	.skin-about-hero-visual {
		position: relative;
	}

	.skin-about-hero-frame {
		position: relative;
		width: 100%;
		padding: 12px;
		background: rgba(255, 255, 255, 0.08);
		border: 1px solid rgba(255, 255, 255, 0.15);
	}

	.skin-about-hero-frame::after {
		content: "";
		position: absolute;
		inset: 12px;
		border: 1px solid rgba(255, 255, 255, 0.18);
		pointer-events: none;
	}

	.skin-about-hero-frame img {
		width: 100%;
		height: 530px;
		display: block;
		object-fit: cover;
	}

	.skin-about-hero-badge {
		position: absolute;
		left: -55px;
		bottom: 35px;
		min-width: 210px;
		padding: 20px 24px;
		background: #fff;
		color: var(--skin-about-dark);
		box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
	}

	.skin-about-hero-badge strong {
		display: block;
		color: var(--skin-about-burgundy);
		font-size: 20px;
		letter-spacing: 2px;
	}

	.skin-about-hero-badge span {
		color: #8a8285;
		font-size: 10px;
		letter-spacing: 1px;
	}

	/* =========================================================
   LEADERSHIP
========================================================= */

	.skin-about-leadership {
		padding: 120px 0;
		background: #fff;
	}

	.skin-about-section-head {
		display: grid;
		grid-template-columns: 1fr 350px;
		gap: 60px;
		align-items: end;
		margin-bottom: 65px;
	}

	.skin-about-label {
		display: inline-block;
		margin-bottom: 16px;
		color: var(--skin-about-burgundy);
		font-size: 10px;
		font-weight: 800;
		letter-spacing: 3px;
	}

	.skin-about-section-head h2 {
		margin: 0;
		color: var(--skin-about-dark);
		font-size: clamp(36px, 5vw, 60px);
		line-height: 1;
		letter-spacing: -3px;
		font-weight: 800;
	}

	.skin-about-section-head h2 em {
		color: var(--skin-about-burgundy);
		font-family: Georgia, serif;
		font-weight: 400;
	}

	.skin-about-section-head > p {
		margin: 0;
		color: var(--skin-about-muted);
		line-height: 1.8;
		font-size: 14px;
	}

	.skin-about-leaders {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 25px;
	}

	.skin-about-leader-card {
		position: relative;
		overflow: hidden;
		background: var(--skin-about-cream);
		transition:
			transform 0.4s ease,
			box-shadow 0.4s ease;
	}

	.skin-about-leader-card:hover {
		transform: translateY(-10px);
		box-shadow: 0 25px 60px rgba(48, 5, 16, 0.12);
	}

	.skin-about-leader-number {
		position: absolute;
		z-index: 3;
		top: 20px;
		left: 20px;
		color: #fff;
		font-size: 11px;
		font-weight: 800;
		letter-spacing: 1px;
		mix-blend-mode: difference;
	}

	.skin-about-leader-image {
		height: 440px;
		overflow: hidden;
		background: #eee;
	}

	.skin-about-leader-image img {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
		transition: transform 0.7s ease;
	}

	.skin-about-leader-card:hover .skin-about-leader-image img {
		transform: scale(1.04);
	}

	.skin-about-leader-info {
		position: relative;
		padding: 28px 28px 32px;
	}

	.skin-about-leader-info span {
		color: var(--skin-about-burgundy);
		font-size: 9px;
		font-weight: 800;
		letter-spacing: 2px;
	}

	.skin-about-leader-info h3 {
		margin: 10px 0 0;
		color: var(--skin-about-dark);
		font-size: 24px;
		line-height: 1.2;
		font-weight: 800;
	}

	.skin-about-leader-arrow {
		position: absolute;
		right: 25px;
		bottom: 28px;
		width: 38px;
		height: 38px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid var(--skin-about-line);
		border-radius: 50%;
		color: var(--skin-about-burgundy);
		font-size: 18px;
		transition: 0.3s ease;
	}

	.skin-about-leader-card:hover .skin-about-leader-arrow {
		color: #fff;
		background: var(--skin-about-burgundy);
		border-color: var(--skin-about-burgundy);
	}

	/* =========================================================
   PROFILE
========================================================= */

	.skin-about-profile {
		padding: 120px 0;
		background: var(--skin-about-cream);
	}

	.skin-about-profile-light {
		background: #fff;
	}

	.skin-about-profile-grid {
		display: grid;
		grid-template-columns: 430px 1fr;
		gap: 100px;
		align-items: center;
	}

	.skin-about-profile-reverse {
		grid-template-columns: 1fr 430px;
	}

	.skin-about-profile-image {
		position: relative;
	}

	.skin-about-profile-image img {
		position: relative;
		z-index: 2;
		width: 100%;
		height: 570px;
		display: block;
		object-fit: cover;
	}

	.skin-about-profile-image::after {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		right: -18px;
		bottom: -18px;
		background: var(--skin-about-burgundy);
		z-index: 1;
	}

	.skin-about-image-number {
		position: absolute;
		z-index: 4;
		right: 20px;
		top: 20px;
		color: #fff;
		font-size: 11px;
		font-weight: 800;
		letter-spacing: 2px;
	}

	.skin-about-profile-content {
		max-width: 650px;
	}

	.skin-about-profile-content h2 {
		margin: 0;
		color: var(--skin-about-dark);
		font-size: clamp(34px, 4vw, 52px);
		line-height: 1.08;
		letter-spacing: -2px;
		font-weight: 800;
	}

	.skin-about-profile-content h2 span {
		display: block;
		color: #958b8f;
		font-family: Georgia, serif;
		font-size: 0.55em;
		font-weight: 400;
		letter-spacing: 0;
		margin-top: 8px;
	}

	.skin-about-profile-divider {
		width: 60px;
		height: 2px;
		margin: 30px 0;
		background: var(--skin-about-burgundy);
	}

	.skin-about-profile-quote {
		margin: 0 0 35px;
		color: var(--skin-about-burgundy);
		font-family: Georgia, serif;
		font-size: 20px;
		line-height: 1.7;
	}

	.skin-about-profile-content h4 {
		margin-bottom: 22px;
		color: var(--skin-about-dark);
		font-size: 15px;
		font-weight: 800;
	}

	.skin-about-highlight-list {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	.skin-about-highlight-list li {
		position: relative;
		padding: 0 0 13px 25px;
		margin-bottom: 13px;
		border-bottom: 1px solid var(--skin-about-line);
		color: var(--skin-about-muted);
		font-size: 14px;
		line-height: 1.7;
	}

	.skin-about-highlight-list li::before {
		content: "";
		position: absolute;
		left: 0;
		top: 9px;
		width: 7px;
		height: 7px;
		background: var(--skin-about-burgundy);
		border-radius: 50%;
	}

	.skin-about-small-title {
		color: var(--skin-about-muted);
		font-size: 13px;
		margin-bottom: 25px;
	}

	.skin-about-career-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 40px;
	}

	.skin-about-career-grid ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	.skin-about-career-grid li {
		position: relative;
		padding: 0 0 11px 20px;
		margin-bottom: 11px;
		border-bottom: 1px solid var(--skin-about-line);
		color: var(--skin-about-muted);
		font-size: 12px;
		line-height: 1.6;
	}

	.skin-about-career-grid li::before {
		content: "—";
		position: absolute;
		left: 0;
		color: var(--skin-about-burgundy);
		font-weight: 800;
	}

	/* =========================================================
   YUDHISTIRA EXPERIENCE
========================================================= */

	.skin-about-experience {
		margin-top: 35px;
	}

	.skin-about-experience-item {
		display: grid;
		grid-template-columns: 45px 1fr;
		gap: 20px;
		padding: 23px 0;
		border-bottom: 1px solid var(--skin-about-line);
	}

	.skin-about-experience-item:first-child {
		border-top: 1px solid var(--skin-about-line);
	}

	.skin-about-experience-number {
		color: var(--skin-about-burgundy);
		font-size: 11px;
		font-weight: 800;
	}

	.skin-about-experience-item h4 {
		margin: 0 0 7px;
		font-size: 15px;
	}

	.skin-about-experience-item p {
		margin: 0;
		color: var(--skin-about-muted);
		font-size: 13px;
		line-height: 1.8;
	}

	/* =========================================================
   MISSION
========================================================= */

	.skin-about-mission {
		padding: 130px 0;
		background: var(--skin-about-cream);
	}

	.skin-about-mission-grid {
		display: grid;
		grid-template-columns: 390px 1fr;
		gap: 100px;
	}

	.skin-about-mission-intro {
		position: sticky;
		top: 100px;
		height: fit-content;
	}

	.skin-about-mission-intro h2 {
		margin: 0 0 30px;
		color: var(--skin-about-dark);
		font-size: clamp(40px, 5vw, 60px);
		line-height: 1;
		letter-spacing: -3px;
		font-weight: 800;
	}

	.skin-about-mission-intro h2 em {
		color: var(--skin-about-burgundy);
		font-family: Georgia, serif;
		font-weight: 400;
	}

	.skin-about-mission-intro p {
		max-width: 330px;
		margin: 0;
		color: var(--skin-about-muted);
		font-size: 14px;
		line-height: 1.9;
	}

	.skin-about-mission-list {
		border-top: 1px solid var(--skin-about-line);
	}

	.skin-about-mission-item {
		display: grid;
		grid-template-columns: 55px 1fr;
		gap: 25px;
		padding: 35px 0;
		border-bottom: 1px solid var(--skin-about-line);
		transition: padding-left 0.3s ease;
	}

	.skin-about-mission-item:hover {
		padding-left: 12px;
	}

	.skin-about-mission-item > span {
		color: var(--skin-about-burgundy);
		font-size: 11px;
		font-weight: 800;
		letter-spacing: 1px;
	}

	.skin-about-mission-item h3 {
		margin: 0 0 10px;
		color: var(--skin-about-dark);
		font-size: 20px;
		font-weight: 800;
	}

	.skin-about-mission-item p {
		max-width: 650px;
		margin: 0;
		color: var(--skin-about-muted);
		font-size: 14px;
		line-height: 1.8;
	}

	/* =========================================================
   TABLET
========================================================= */

	@media (max-width: 991.98px) {
		.skin-about-hero-grid {
			grid-template-columns: 1fr 350px;
			gap: 45px;
		}

		.skin-about-hero-frame img {
			height: 450px;
		}

		.skin-about-leaders {
			grid-template-columns: repeat(2, 1fr);
		}

		.skin-about-leader-card:last-child {
			grid-column: 1 / -1;
			max-width: 50%;
			margin: auto;
			width: 100%;
		}

		.skin-about-profile-grid,
		.skin-about-profile-reverse {
			grid-template-columns: 330px 1fr;
			gap: 55px;
		}

		.skin-about-profile-image img {
			height: 480px;
		}

		.skin-about-career-grid {
			grid-template-columns: 1fr;
			gap: 0;
		}

		.skin-about-mission-grid {
			grid-template-columns: 300px 1fr;
			gap: 50px;
		}
	}

	/* =========================================================
   MOBILE
========================================================= */

	@media (max-width: 767.98px) {
		.skin-about-hero {
			min-height: auto;
		}

		.skin-about-hero-grid {
			grid-template-columns: 1fr;
			gap: 50px;
			padding: 75px 0 90px;
		}

		.skin-about-hero h1 {
			font-size: 49px;
			letter-spacing: -3px;
		}

		.skin-about-hero p {
			font-size: 14px;
		}

		.skin-about-hero-visual {
			max-width: 400px;
			margin: auto;
		}

		.skin-about-hero-frame img {
			height: 420px;
		}

		.skin-about-hero-badge {
			left: -10px;
			bottom: 20px;
		}

		/* LEADERSHIP */

		.skin-about-leadership,
		.skin-about-profile,
		.skin-about-vision,
		.skin-about-mission {
			padding: 80px 0;
		}

		.skin-about-section-head {
			display: block;
			margin-bottom: 45px;
		}

		.skin-about-section-head h2 {
			font-size: 42px;
			margin-bottom: 25px;
		}

		.skin-about-leaders {
			grid-template-columns: 1fr;
			gap: 20px;
		}

		.skin-about-leader-card:last-child {
			grid-column: auto;
			max-width: none;
		}

		.skin-about-leader-image {
			height: 430px;
		}

		/* PROFILE */

		.skin-about-profile-grid,
		.skin-about-profile-reverse {
			grid-template-columns: 1fr;
			gap: 55px;
		}

		.skin-about-profile-reverse .skin-about-profile-image {
			order: -1;
		}

		.skin-about-profile-image {
			max-width: 400px;
			margin: auto;
			width: 100%;
		}

		.skin-about-profile-image img {
			height: 480px;
		}

		.skin-about-profile-content h2 {
			font-size: 37px;
		}

		.skin-about-profile-quote {
			font-size: 18px;
		}

		/* VISION */

		.skin-about-vision-top {
			margin-bottom: 50px;
		}

		.skin-about-vision-top h2 {
			font-size: 44px;
		}

		.skin-about-vision-statement {
			padding: 30px 0;
		}

		.skin-about-vision-statement p {
			font-size: 18px;
		}

		.skin-about-vision-list {
			grid-template-columns: 1fr;
		}

		.skin-about-vision-item,
		.skin-about-vision-item:nth-child(odd),
		.skin-about-vision-item:nth-child(even) {
			padding: 28px 0;
			border-right: none;
		}

		/* MISSION */

		.skin-about-mission-grid {
			grid-template-columns: 1fr;
			gap: 55px;
		}

		.skin-about-mission-intro {
			position: static;
		}

		.skin-about-mission-intro h2 {
			font-size: 45px;
		}

		.skin-about-mission-item {
			grid-template-columns: 40px 1fr;
			gap: 15px;
			padding: 28px 0;
		}

		.skin-about-mission-item h3 {
			font-size: 18px;
		}
	}
	/* =========================================================
   HERO SECTION
========================================================= */

	.skin-about-hero {
		position: relative;
		min-height: 700px;
		display: flex;
		align-items: center;
		overflow: hidden;
		background:
			radial-gradient(
				circle at 80% 20%,
				rgba(255, 255, 255, 0.08),
				transparent 30%
			),
			linear-gradient(115deg, #30030d 0%, #650b24 48%, #7f1533 100%);
		color: #fff;
	}

	.skin-about-hero::before {
		content: "";
		position: absolute;
		width: 700px;
		height: 700px;
		border: 1px solid rgba(255, 255, 255, 0.08);
		border-radius: 50%;
		right: -300px;
		top: -260px;
	}

	.skin-about-hero::after {
		content: "";
		position: absolute;
		width: 450px;
		height: 450px;
		border: 1px solid rgba(255, 255, 255, 0.06);
		border-radius: 50%;
		left: -280px;
		bottom: -280px;
	}

	.skin-about-hero-glow {
		position: absolute;
		border-radius: 50%;
		filter: blur(90px);
		pointer-events: none;
	}

	.skin-about-glow-1 {
		width: 300px;
		height: 300px;
		right: 25%;
		top: 5%;
		background: rgba(255, 160, 180, 0.12);
	}

	.skin-about-glow-2 {
		width: 250px;
		height: 250px;
		left: 20%;
		bottom: 0;
		background: rgba(255, 255, 255, 0.05);
	}

	.skin-about-hero-grid {
		position: relative;
		z-index: 2;
		display: grid;
		grid-template-columns: 1fr 470px;
		align-items: center;
		gap: 90px;
		padding: 100px 0;
	}

	.skin-about-hero-content {
		max-width: 650px;
	}

	.skin-about-eyebrow {
		display: inline-flex;
		align-items: center;
		gap: 12px;
		margin-bottom: 28px;
		color: rgba(255, 255, 255, 0.72);
		font-size: 11px;
		font-weight: 700;
		letter-spacing: 3px;
	}

	.skin-about-eyebrow span {
		width: 35px;
		height: 1px;
		display: inline-block;
		background: rgba(255, 255, 255, 0.6);
	}

	.skin-about-hero h1 {
		margin: 0;
		font-size: clamp(48px, 6vw, 82px);
		line-height: 0.98;
		font-weight: 800;
		letter-spacing: -4px;
	}

	.skin-about-hero h1 em {
		display: block;
		color: #eeb8c6;
		font-family: Georgia, serif;
		font-weight: 400;
		letter-spacing: -3px;
	}

	.skin-about-hero p {
		max-width: 580px;
		margin: 35px 0 30px;
		color: rgba(255, 255, 255, 0.68);
		font-size: 16px;
		line-height: 1.9;
	}

	.skin-about-hero-line {
		width: 80px;
		height: 2px;
		margin-bottom: 15px;
		background: #d58da0;
	}

	.skin-about-hero-caption {
		color: rgba(255, 255, 255, 0.4);
		font-size: 9px;
		font-weight: 700;
		letter-spacing: 3px;
	}

	.skin-about-hero-visual {
		position: relative;
	}

	.skin-about-hero-frame {
		position: relative;
		width: 100%;
		padding: 12px;
		background: rgba(255, 255, 255, 0.08);
		border: 1px solid rgba(255, 255, 255, 0.15);
	}

	.skin-about-hero-frame::after {
		content: "";
		position: absolute;
		inset: 12px;
		border: 1px solid rgba(255, 255, 255, 0.18);
		pointer-events: none;
	}

	.skin-about-hero-frame img {
		width: 100%;
		height: 530px;
		display: block;
		object-fit: cover;
	}

	.skin-about-hero-badge {
		position: absolute;
		left: -55px;
		bottom: 35px;
		min-width: 210px;
		padding: 20px 24px;
		background: #fff;
		color: var(--skin-about-dark);
		box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
	}

	.skin-about-hero-badge strong {
		display: block;
		color: var(--skin-about-burgundy);
		font-size: 20px;
		letter-spacing: 2px;
	}

	.skin-about-hero-badge span {
		color: #8a8285;
		font-size: 10px;
		letter-spacing: 1px;
	}

	/* =========================================================
   LEADERSHIP
========================================================= */

	.skin-about-leadership {
		padding: 120px 0;
		background: #fff;
	}

	.skin-about-section-head {
		display: grid;
		grid-template-columns: 1fr 350px;
		gap: 60px;
		align-items: end;
		margin-bottom: 65px;
	}

	.skin-about-label {
		display: inline-block;
		margin-bottom: 16px;
		color: var(--skin-about-burgundy);
		font-size: 10px;
		font-weight: 800;
		letter-spacing: 3px;
	}

	.skin-about-section-head h2 {
		margin: 0;
		color: var(--skin-about-dark);
		font-size: clamp(36px, 5vw, 60px);
		line-height: 1;
		letter-spacing: -3px;
		font-weight: 800;
	}

	.skin-about-section-head h2 em {
		color: var(--skin-about-burgundy);
		font-family: Georgia, serif;
		font-weight: 400;
	}

	.skin-about-section-head > p {
		margin: 0;
		color: var(--skin-about-muted);
		line-height: 1.8;
		font-size: 14px;
	}

	.skin-about-leaders {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 25px;
	}

	.skin-about-leader-card {
		position: relative;
		overflow: hidden;
		background: var(--skin-about-cream);
		transition:
			transform 0.4s ease,
			box-shadow 0.4s ease;
	}

	.skin-about-leader-card:hover {
		transform: translateY(-10px);
		box-shadow: 0 25px 60px rgba(48, 5, 16, 0.12);
	}

	.skin-about-leader-number {
		position: absolute;
		z-index: 3;
		top: 20px;
		left: 20px;
		color: #fff;
		font-size: 11px;
		font-weight: 800;
		letter-spacing: 1px;
		mix-blend-mode: difference;
	}

	.skin-about-leader-image {
		height: 440px;
		overflow: hidden;
		background: #eee;
	}

	.skin-about-leader-image img {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
		transition: transform 0.7s ease;
	}

	.skin-about-leader-card:hover .skin-about-leader-image img {
		transform: scale(1.04);
	}

	.skin-about-leader-info {
		position: relative;
		padding: 28px 28px 32px;
	}

	.skin-about-leader-info span {
		color: var(--skin-about-burgundy);
		font-size: 9px;
		font-weight: 800;
		letter-spacing: 2px;
	}

	.skin-about-leader-info h3 {
		margin: 10px 0 0;
		color: var(--skin-about-dark);
		font-size: 24px;
		line-height: 1.2;
		font-weight: 800;
	}

	.skin-about-leader-arrow {
		position: absolute;
		right: 25px;
		bottom: 28px;
		width: 38px;
		height: 38px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid var(--skin-about-line);
		border-radius: 50%;
		color: var(--skin-about-burgundy);
		font-size: 18px;
		transition: 0.3s ease;
	}

	.skin-about-leader-card:hover .skin-about-leader-arrow {
		color: #fff;
		background: var(--skin-about-burgundy);
		border-color: var(--skin-about-burgundy);
	}

	/* =========================================================
   PROFILE SECTION
========================================================= */

	.skin-about-profile {
		padding: 120px 0;
		background: var(--skin-about-cream);
	}

	.skin-about-profile-light {
		background: #fff;
	}

	.skin-about-profile-grid {
		display: grid;
		grid-template-columns: 430px 1fr;
		gap: 100px;
		align-items: center;
	}

	.skin-about-profile-reverse {
		grid-template-columns: 1fr 430px;
	}

	.skin-about-profile-image {
		position: relative;
	}

	.skin-about-profile-image img {
		position: relative;
		z-index: 2;
		width: 100%;
		height: 570px;
		display: block;
		object-fit: cover;
	}

	.skin-about-profile-image::after {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		right: -18px;
		bottom: -18px;
		background: var(--skin-about-burgundy);
		z-index: 1;
	}

	.skin-about-image-number {
		position: absolute;
		z-index: 4;
		right: 20px;
		top: 20px;
		color: #fff;
		font-size: 11px;
		font-weight: 800;
		letter-spacing: 2px;
	}

	.skin-about-profile-content {
		max-width: 650px;
	}

	.skin-about-profile-content h2 {
		margin: 0;
		color: var(--skin-about-dark);
		font-size: clamp(34px, 4vw, 52px);
		line-height: 1.08;
		letter-spacing: -2px;
		font-weight: 800;
	}

	.skin-about-profile-content h2 span {
		display: block;
		color: #958b8f;
		font-family: Georgia, serif;
		font-size: 0.55em;
		font-weight: 400;
		letter-spacing: 0;
		margin-top: 8px;
	}

	.skin-about-profile-divider {
		width: 60px;
		height: 2px;
		margin: 30px 0;
		background: var(--skin-about-burgundy);
	}

	.skin-about-profile-quote {
		margin: 0 0 35px;
		color: var(--skin-about-burgundy);
		font-family: Georgia, serif;
		font-size: 20px;
		line-height: 1.7;
	}

	.skin-about-profile-content h4 {
		margin-bottom: 22px;
		color: var(--skin-about-dark);
		font-size: 15px;
		font-weight: 800;
	}

	.skin-about-highlight-list {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	.skin-about-highlight-list li {
		position: relative;
		padding: 0 0 13px 25px;
		margin-bottom: 13px;
		border-bottom: 1px solid var(--skin-about-line);
		color: var(--skin-about-muted);
		font-size: 14px;
		line-height: 1.7;
	}

	.skin-about-highlight-list li::before {
		content: "";
		position: absolute;
		left: 0;
		top: 9px;
		width: 7px;
		height: 7px;
		background: var(--skin-about-burgundy);
		border-radius: 50%;
	}

	.skin-about-small-title {
		color: var(--skin-about-muted);
		font-size: 13px;
		margin-bottom: 25px;
	}

	.skin-about-career-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 40px;
	}

	.skin-about-career-grid ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	.skin-about-career-grid li {
		position: relative;
		padding: 0 0 11px 20px;
		margin-bottom: 11px;
		border-bottom: 1px solid var(--skin-about-line);
		color: var(--skin-about-muted);
		font-size: 12px;
		line-height: 1.6;
	}

	.skin-about-career-grid li::before {
		content: "—";
		position: absolute;
		left: 0;
		color: var(--skin-about-burgundy);
		font-weight: 800;
	}

	/* =========================================================
   YUDHISTIRA EXPERIENCE
========================================================= */

	.skin-about-experience {
		margin-top: 35px;
	}

	.skin-about-experience-item {
		display: grid;
		grid-template-columns: 45px 1fr;
		gap: 20px;
		padding: 23px 0;
		border-bottom: 1px solid var(--skin-about-line);
	}

	.skin-about-experience-item:first-child {
		border-top: 1px solid var(--skin-about-line);
	}

	.skin-about-experience-number {
		color: var(--skin-about-burgundy);
		font-size: 11px;
		font-weight: 800;
	}

	.skin-about-experience-item h4 {
		margin: 0 0 7px;
		font-size: 15px;
	}

	.skin-about-experience-item p {
		margin: 0;
		color: var(--skin-about-muted);
		font-size: 13px;
		line-height: 1.8;
	}

	/* =========================================================
   MISSION SECTION
========================================================= */

	.skin-about-mission {
		padding: 130px 0;
		background: var(--skin-about-cream);
	}

	.skin-about-mission-grid {
		display: grid;
		grid-template-columns: 390px 1fr;
		gap: 100px;
	}

	.skin-about-mission-intro {
		position: sticky;
		top: 100px;
		height: fit-content;
	}

	.skin-about-mission-intro h2 {
		margin: 0 0 30px;
		color: var(--skin-about-dark);
		font-size: clamp(40px, 5vw, 60px);
		line-height: 1;
		letter-spacing: -3px;
		font-weight: 800;
	}

	.skin-about-mission-intro h2 em {
		color: var(--skin-about-burgundy);
		font-family: Georgia, serif;
		font-weight: 400;
	}

	.skin-about-mission-intro p {
		max-width: 330px;
		margin: 0;
		color: var(--skin-about-muted);
		font-size: 14px;
		line-height: 1.9;
	}

	.skin-about-mission-list {
		border-top: 1px solid var(--skin-about-line);
	}

	.skin-about-mission-item {
		display: grid;
		grid-template-columns: 55px 1fr;
		gap: 25px;
		padding: 35px 0;
		border-bottom: 1px solid var(--skin-about-line);
		transition: padding-left 0.3s ease;
	}

	.skin-about-mission-item:hover {
		padding-left: 12px;
	}

	.skin-about-mission-item > span {
		color: var(--skin-about-burgundy);
		font-size: 11px;
		font-weight: 800;
		letter-spacing: 1px;
	}

	.skin-about-mission-item h3 {
		margin: 0 0 10px;
		color: var(--skin-about-dark);
		font-size: 20px;
		font-weight: 800;
	}

	.skin-about-mission-item p {
		max-width: 650px;
		margin: 0;
		color: var(--skin-about-muted);
		font-size: 14px;
		line-height: 1.8;
	}

	/* =========================================================
   VISION SECTION
========================================================= */

	.skin-about-vision {
		position: relative;
		width: 100%;
		padding: 110px 0 100px;
		background: #fdf9fa;
		overflow: hidden;
	}

	.skin-about-vision::before {
		content: "";
		position: absolute;
		width: 520px;
		height: 520px;
		right: -260px;
		top: -230px;
		border: 1px solid rgba(101, 11, 36, 0.08);
		border-radius: 50%;
		pointer-events: none;
	}

	.skin-about-vision::after {
		content: "";
		position: absolute;
		width: 280px;
		height: 280px;
		left: -170px;
		bottom: -150px;
		border: 1px solid rgba(101, 11, 36, 0.06);
		border-radius: 50%;
		pointer-events: none;
	}

	.skin-about-vision-top {
		position: relative;
		z-index: 2;
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		margin-bottom: 75px;
	}

	.skin-about-vision .skin-about-label {
		display: block;
		margin-bottom: 20px;
		color: #9b5267;
		font-size: 10px;
		font-weight: 800;
		letter-spacing: 3.5px;
		text-transform: uppercase;
	}

	.skin-about-vision-top h2 {
		margin: 0;
		color: #650b24;
		font-size: clamp(48px, 6vw, 82px);
		font-weight: 700;
		line-height: 0.98;
		letter-spacing: -3px;
	}

	.skin-about-vision-top h2 em {
		display: inline-block;
		color: #d593a5;
		font-family: Georgia, "Times New Roman", serif;
		font-weight: 400;
		font-style: italic;
		letter-spacing: -3px;
	}

	.skin-about-vision-number {
		padding-bottom: 8px;
		color: #bdaeb2;
		font-size: 11px;
		font-weight: 800;
		letter-spacing: 3px;
	}

	.skin-about-vision-statement {
		position: relative;
		z-index: 2;
		display: grid;
		grid-template-columns: 170px 1fr;
		gap: 70px;
		padding: 45px 0;
		border-top: 1px solid #ded4d7;
		border-bottom: 1px solid #ded4d7;
	}

	.skin-about-vision-statement > span {
		display: block;
		padding-top: 8px;
		color: #9b5267;
		font-size: 10px;
		font-weight: 800;
		letter-spacing: 3px;
	}

	.skin-about-vision-statement p {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		max-width: 900px;
		margin: 0;
		color: #3d3034;
		font-family: Georgia, "Times New Roman", serif;
		font-size: clamp(21px, 2.4vw, 31px);
		font-weight: 400;
		line-height: 1.65;
		letter-spacing: -0.3px;
	}

	.skin-about-vision-list {
		position: relative;
		z-index: 2;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		margin-top: 65px;
		border-top: 1px solid #ded4d7;
	}

	.skin-about-vision-item {
		position: relative;
		min-height: 285px;
		padding: 30px 30px 35px 0;
		border-right: 1px solid #ded4d7;
		transition:
			transform 0.3s ease,
			padding-top 0.3s ease;
	}

	.skin-about-vision-item:not(:first-child) {
		padding-left: 30px;
	}

	.skin-about-vision-item:last-child {
		border-right: none;
	}

	.skin-about-vision-item:hover {
		transform: translateY(-5px);
	}

	.skin-about-vision-item > span {
		display: block;
		margin-bottom: 55px;
		color: #a25a6d;
		font-size: 10px;
		font-weight: 800;
		letter-spacing: 2px;
	}

	.skin-about-vision-item h3 {
		margin: 0 0 18px;
		color: #302529;
		font-size: 19px;
		font-weight: 700;
		line-height: 1.2;
		letter-spacing: -0.3px;
	}

	.skin-about-vision-item p {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		max-width: 230px;
		margin: 0;
		color: #817579;
		font-size: 12px;
		line-height: 1.85;
	}

	.skin-about-vision-item::before {
		content: "";
		position: absolute;
		left: 0;
		top: -1px;
		width: 0;
		height: 2px;
		background: #650b24;
		transition: width 0.35s ease;
	}

	.skin-about-vision-item:hover::before {
		width: 45px;
	}

	/* =========================================================
   RESPONSIVE MEDIA QUERIES (WAJIB DI PALING BAWAH FILE)
========================================================= */

	@media (max-width: 991.98px) {
		.skin-about-hero-grid {
			grid-template-columns: 1fr 350px;
			gap: 45px;
		}

		.skin-about-hero-frame img {
			height: 450px;
		}

		.skin-about-leaders {
			grid-template-columns: repeat(2, 1fr);
		}

		.skin-about-leader-card:last-child {
			grid-column: 1 / -1;
			max-width: 50%;
			margin: auto;
			width: 100%;
		}

		.skin-about-profile-grid,
		.skin-about-profile-reverse {
			grid-template-columns: 330px 1fr;
			gap: 55px;
		}

		.skin-about-profile-image img {
			height: 480px;
		}

		.skin-about-career-grid {
			grid-template-columns: 1fr;
			gap: 0;
		}

		.skin-about-mission-grid {
			grid-template-columns: 300px 1fr;
			gap: 50px;
		}

		.skin-about-vision {
			padding: 90px 0 80px;
		}

		.skin-about-vision-top {
			margin-bottom: 60px;
		}

		.skin-about-vision-top h2 {
			font-size: 58px;
		}

		.skin-about-vision-statement {
			grid-template-columns: 130px 1fr;
			gap: 40px;
		}

		.skin-about-vision-list {
			grid-template-columns: repeat(2, 1fr);
		}

		.skin-about-vision-item {
			min-height: 250px;
		}

		.skin-about-vision-item:nth-child(2) {
			border-right: none;
		}

		.skin-about-vision-item:nth-child(1),
		.skin-about-vision-item:nth-child(2) {
			border-bottom: 1px solid #ded4d7;
		}
	}

	@media (max-width: 767.98px) {
		.skin-about-hero {
			min-height: auto;
		}

		.skin-about-hero-grid {
			grid-template-columns: 1fr;
			gap: 50px;
			padding: 75px 0 90px;
		}

		.skin-about-hero h1 {
			font-size: 49px;
			letter-spacing: -3px;
		}

		.skin-about-hero p {
			font-size: 14px;
		}

		.skin-about-hero-visual {
			max-width: 400px;
			margin: auto;
		}

		.skin-about-hero-frame img {
			height: 420px;
		}

		.skin-about-hero-badge {
			left: -10px;
			bottom: 20px;
		}

		.skin-about-leadership,
		.skin-about-profile,
		.skin-about-vision,
		.skin-about-mission {
			padding: 80px 0;
		}

		.skin-about-section-head {
			display: block;
			margin-bottom: 45px;
		}

		.skin-about-section-head h2 {
			font-size: 42px;
			margin-bottom: 25px;
		}

		.skin-about-leaders {
			grid-template-columns: 1fr;
			gap: 20px;
		}

		.skin-about-leader-card:last-child {
			grid-column: auto;
			max-width: none;
		}

		.skin-about-leader-image {
			height: 430px;
		}

		.skin-about-profile-grid,
		.skin-about-profile-reverse {
			grid-template-columns: 1fr;
			gap: 55px;
		}

		.skin-about-profile-reverse .skin-about-profile-image {
			order: -1;
		}

		.skin-about-profile-image {
			max-width: 400px;
			margin: auto;
			width: 100%;
		}

		.skin-about-profile-image img {
			height: 480px;
		}

		.skin-about-profile-content h2 {
			font-size: 37px;
		}

		.skin-about-profile-quote {
			font-size: 18px;
		}

		.skin-about-vision-top {
			display: block;
			margin-bottom: 50px;
		}

		.skin-about-vision .skin-about-label {
			margin-bottom: 18px;
			font-size: 9px;
		}

		.skin-about-vision-top h2 {
			font-size: 49px;
			line-height: 1;
			letter-spacing: -2px;
		}

		.skin-about-vision-top h2 em {
			letter-spacing: -2px;
		}

		.skin-about-vision-number {
			margin-top: 25px;
			padding-bottom: 0;
		}

		.skin-about-vision-statement {
			display: block;
			padding: 35px 0;
		}

		.skin-about-vision-statement > span {
			margin-bottom: 25px;
		}

		.skin-about-vision-statement p {
			font-size: 20px;
			line-height: 1.7;
		}

		.skin-about-vision-list {
			display: block;
			margin-top: 45px;
		}

		.skin-about-vision-item,
		.skin-about-vision-item:not(:first-child) {
			min-height: auto;
			padding: 28px 0;
			border-right: none;
			border-bottom: 1px solid #ded4d7;
		}

		.skin-about-vision-item:last-child {
			border-bottom: none;
		}

		.skin-about-vision-item > span {
			margin-bottom: 25px;
		}

		.skin-about-vision-item h3 {
			font-size: 18px;
		}

		.skin-about-vision-item p {
			max-width: 100%;
			font-size: 12px;
		}

		.skin-about-mission-grid {
			grid-template-columns: 1fr;
			gap: 55px;
		}

		.skin-about-mission-intro {
			position: static;
		}

		.skin-about-mission-intro h2 {
			font-size: 45px;
		}

		.skin-about-mission-item {
			grid-template-columns: 40px 1fr;
			gap: 15px;
			padding: 28px 0;
		}

		.skin-about-mission-item h3 {
			font-size: 18px;
		}
	}
	/* =========================================================
   GAYA BINGKAI FOTO PROFIL (MENYERUPAI DESAIN GAMBAR)
========================================================= */

	.skin-about-profile-image {
		position: relative;
		background: #fff;
		padding: 14px; /* Memberi jarak bingkai putih di sekeliling foto */
		border-radius: 6px;
		box-shadow: 0 20px 40px rgba(101, 11, 36, 0.12);
		border: 1px solid #e0d1d4; /* Garis bingkai luar yang elegan */
	}

	/* Kotak aksen warna burgundy di pojok belakang foto (opsional/tambahan gaya) */
	.skin-about-profile-image::before {
		content: "";
		position: absolute;
		top: -15px;
		left: -15px;
		width: 90px;
		height: 90px;
		background: #650b24; /* Warna tema burgundy SKIN.B */
		z-index: 1;
		border-radius: 4px;
	}

	.skin-about-profile-image img {
		position: relative;
		z-index: 2; /* Memastikan foto berada di atas kotak aksen burgundy */
		width: 100%;
		height: 520px;
		object-fit: cover;
		border-radius: 4px;
	}

/* Navbar */
.skinb-navbar {
	height: 78px;
	min-height: 78px;
	padding: 0.75rem 0;
	background: #ffffff !important;
	background-color: #ffffff !important;
	opacity: 1;
	border-bottom: 1px solid rgba(123, 17, 35, 0.09);
	box-shadow: 0 5px 20px rgba(48, 5, 16, 0.06);
	transition: box-shadow 0.25s ease;
}

.skinb-navbar.is-scrolled {
	box-shadow: 0 10px 28px rgba(48, 5, 16, 0.12);
}

.skinb-navbar-logo {
	width: auto;
	height: 46px;
	object-fit: contain;
}

.skinb-navbar-wordmark {
	font-size: 1.45rem;
	line-height: 1;
	letter-spacing: 0.5px;
}

.skinb-navbar-tagline {
	margin-top: 0.3rem;
	font-size: 0.48rem;
	font-weight: 700;
	letter-spacing: 1.15px;
	line-height: 1;
}

.skinb-navbar .navbar-nav {
	gap: 0.25rem;
}

.skinb-navbar .nav-link {
	position: relative;
	padding: 0.7rem 0.85rem;
	color: #4a3a3e;
	font-size: 0.94rem;
	font-weight: 600;
	line-height: 1.25;
	transition: color 0.2s ease, background-color 0.2s ease;
}

.skinb-navbar .nav-link::after {
	position: absolute;
	left: 0.85rem;
	right: 0.85rem;
	bottom: 0.28rem;
	height: 2px;
	content: "";
	border-radius: 2px;
	background: var(--primary-burgundy);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.22s ease;
}

.skinb-navbar .nav-link:hover,
.skinb-navbar .nav-link:focus-visible,
.skinb-navbar .nav-link.active {
	color: var(--primary-burgundy);
}

.skinb-navbar .nav-link:hover::after,
.skinb-navbar .nav-link:focus-visible::after,
.skinb-navbar .nav-link.active::after {
	transform: scaleX(1);
}

.skinb-navbar .nav-link:focus-visible,
.skinb-navbar .nav-btn-cta:focus-visible {
	outline: 3px solid rgba(123, 17, 35, 0.25);
	outline-offset: 3px;
}

.skinb-navbar-cta {
	margin-left: 1.15rem;
}

.skinb-navbar .nav-btn-cta {
	padding: 0.72rem 1.1rem;
	font-size: 0.82rem;
	letter-spacing: 0.35px;
	box-shadow: 0 5px 12px rgba(123, 17, 35, 0.2);
}

@media (max-width: 991.98px) {
	.skinb-navbar {
		height: auto;
		min-height: 88px;
		padding: 0.95rem 0;
		background-color: #ffffff !important;
	}

	.skinb-navbar .navbar-toggler {
		width: 44px;
		height: 44px;
		border-radius: 10px;
		background: var(--bg-accent-soft);
	}

	.skinb-navbar .navbar-collapse {
		margin-top: 0.9rem;
		padding: 0.7rem;
		background: #ffffff;
		border: 1px solid rgba(123, 17, 35, 0.1);
		border-radius: 14px;
		box-shadow: 0 14px 30px rgba(48, 5, 16, 0.11);
	}

	.skinb-navbar .navbar-nav {
		gap: 0.2rem;
	}

	.skinb-navbar .nav-link {
		padding: 0.78rem 0.9rem !important;
		border-radius: 8px;
		font-size: 1rem !important;
	}

	.skinb-navbar .nav-link:hover,
	.skinb-navbar .nav-link:focus-visible,
	.skinb-navbar .nav-link.active {
		background: var(--bg-accent-soft);
	}

	.skinb-navbar .nav-link::after {
		left: 0.9rem;
		right: auto;
		bottom: 0.48rem;
		width: 26px;
	}

	.skinb-navbar-cta {
		margin: 0.85rem 0 0;
	}

	.skinb-navbar .nav-btn-cta {
		padding: 0.85rem 1rem !important;
	}
}

@media (max-width: 575.98px) {
	.skinb-navbar-logo { height: 40px; }
	.skinb-navbar-wordmark { font-size: 1.25rem; }
}
/* Navbar desktop: ukuran lebih lega */
@media (min-width: 992px) {
	.skinb-navbar {
		height: 78px;
		min-height: 78px;
		padding: 0.75rem 0;
	}

	.skinb-navbar-logo {
		height: 44px;
	}

	.skinb-navbar .navbar-nav {
		gap: 0.7rem;
	}

	.skinb-navbar .nav-link {
		padding: 0.7rem 0.95rem;
		font-size: 0.94rem;
	}
}
/* Hero banner carousel */
.hero-banner-wrapper #heroCarousel { background: #fdf5f5; }
.hero-banner-wrapper .carousel-item {
	aspect-ratio: 2 / 1;
	min-height: 0;
}

.hero-banner-wrapper .carousel-item > img {
	width: 100%;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center;
}
.hero-banner-wrapper .carousel-indicators { z-index: 3; margin-bottom: 1.25rem; }
.hero-banner-wrapper .carousel-indicators [data-bs-target] {
	width: 28px; height: 4px; margin: 0 4px; border: 0; border-radius: 99px;
	background-color: var(--primary-burgundy); opacity: 0.35;
	transition: width 0.2s ease, opacity 0.2s ease;
}
.hero-banner-wrapper .carousel-indicators .active { width: 42px; opacity: 1; }
.hero-carousel-control {
	position: absolute; z-index: 4; top: 50%; width: 50px; height: 50px;
	display: inline-flex; align-items: center; justify-content: center; padding: 0;
	color: #ffffff; background: var(--primary-burgundy); border: 0; border-radius: 50%;
	box-shadow: 0 8px 22px rgba(77, 9, 24, 0.24); transform: translateY(-50%);
	transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.hero-carousel-control-prev { left: clamp(0.75rem, 2.5vw, 2.5rem); }
.hero-carousel-control-next { right: clamp(0.75rem, 2.5vw, 2.5rem); }
.hero-carousel-control svg {
	width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-linecap: round;
	stroke-linejoin: round; stroke-width: 2.5;
}
.hero-carousel-control:hover {
	background: var(--burgundy-hover); box-shadow: 0 11px 26px rgba(77, 9, 24, 0.32);
	transform: translateY(-50%) scale(1.08);
}
.hero-carousel-control:focus-visible { outline: 3px solid rgba(123, 17, 35, 0.3); outline-offset: 3px; }
@media (max-width: 767.98px) {
	.hero-banner-wrapper .carousel-item { aspect-ratio: 2 / 1; }
	.hero-banner-wrapper .carousel-item > img { height: 100% !important; object-position: 60% center; }
	.hero-carousel-control { width: 36px; height: 36px; }
	.hero-carousel-control svg { width: 20px; height: 20px; }
	.hero-carousel-control-prev { left: 0.5rem; }
	.hero-carousel-control-next { right: 0.5rem; }
	.hero-banner-wrapper .carousel-indicators { margin-bottom: 0.55rem; }
}


/* Membership packages */
.packages-section{padding:78px 0;background:linear-gradient(180deg,#fff 0%,#fdf9fa 100%)!important}.packages-heading{margin-bottom:38px}.packages-eyebrow{display:inline-block;margin-bottom:8px;color:var(--primary-burgundy);font-size:11px;font-weight:700;letter-spacing:1.8px}.membership-card{position:relative;display:flex;flex-direction:column;width:100%;min-height:594px;padding:34px 26px 26px;background:#fff;border:1px solid #ecd3d8;border-radius:12px;box-shadow:0 7px 20px rgba(89,16,35,.07);overflow:hidden}.membership-discount{position:absolute;top:0;right:0;width:90px;height:90px;padding-top:13px;background:var(--primary-burgundy);color:#fff;text-align:center;clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%)}.membership-discount small{display:block;font-size:10px;font-weight:600}.membership-discount strong{font-size:26px;line-height:1.2}.membership-icon{display:flex;justify-content:center;margin-bottom:15px;color:var(--primary-burgundy)}.membership-icon svg{width:53px;height:53px;stroke-width:1.5}.membership-card__header{padding-bottom:25px;border-bottom:2px solid #f2dde1}.membership-card__header h3{margin:0 0 10px;color:var(--primary-burgundy);font-size:28px;font-weight:700}.membership-pv{display:inline-block;padding:4px 20px;border:1px solid #eccfd5;border-radius:999px;color:var(--primary-burgundy);background:#fdf6f7;font-size:14px}.membership-price{padding:24px 0;border-bottom:2px solid #f2dde1;color:var(--primary-burgundy)}.membership-price span,.membership-price del{display:block}.membership-price span{margin-bottom:7px;font-size:13px;font-weight:600}.membership-price del{height:21px;color:#463e40;font-size:18px}.membership-price strong{display:block;font-size:clamp(27px,2.25vw,36px);line-height:1.25;letter-spacing:-1px}.membership-benefits{flex:1;padding:9px 0}.membership-benefits li{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;min-height:59px;border-bottom:1px solid #f1dfe2;color:#2e2729;font-size:13px}.membership-benefits li>svg{width:22px;color:var(--primary-burgundy);stroke-width:1.6}.membership-benefits b{color:#48101d;font-weight:600;text-align:right;white-space:nowrap}.membership-benefits b svg{width:25px;height:25px;stroke-width:1.8}.membership-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:57px;margin-top:24px;border:1.5px solid var(--primary-burgundy);border-radius:7px;color:var(--primary-burgundy);font-size:14px;font-weight:700;text-decoration:none;transition:.2s ease}.membership-button:hover,.membership-button--solid{color:#fff;background:var(--primary-burgundy)}.membership-button svg{width:22px}.membership-button--solid:hover{color:#fff;background:var(--burgundy-hover)}@media(max-width:575.98px){.packages-section{padding:56px 0}.membership-card{min-height:auto}.membership-card__header h3{font-size:25px}}

/* Package card alignment refinements */
.membership-card{min-height:536px}.membership-icon{height:53px}.membership-discount{width:68px;height:68px;padding-top:9px}.membership-discount small{font-size:8px}.membership-discount strong{font-size:20px}.membership-benefits{flex:none}.membership-button{display:none}

.membership-price{height:139px}

/* Final membership card refinements */
.membership-discount{width:58px;height:58px;padding-top:12px;border-radius:50%;clip-path:none;top:12px;right:12px}.membership-discount small{font-size:7px}.membership-discount strong{font-size:17px}.membership-price del{font-size:13px;height:17px}.membership-benefits li:last-child{border-bottom:0}.membership-price{height:135px}

.membership-discount{display:flex;align-items:center;justify-content:center;padding-top:0}.membership-discount strong{font-size:20px}

.membership-discount strong{font-size:15px}.membership-card{padding-bottom:12px}

/* Benefits showcase */
.benefits-section{margin-top:0!important;padding:76px 0;background:linear-gradient(180deg,#fff 0%,#fdfbfb 100%)!important}.benefits-panel{padding:36px 22px;background:#fff;border:1px solid #eee8e9;border-radius:22px;box-shadow:0 9px 28px rgba(49,21,28,.08)}.benefit-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;padding:10px 28px;text-align:center}.benefit-item::after{content:"";position:absolute;top:18px;right:0;width:1px;height:calc(100% - 36px);background:#e8e3e4}.benefit-item--last::after{display:none}.benefit-icon-wrapper{display:flex!important;align-items:center!important;justify-content:center!important;width:112px!important;min-width:112px!important;height:112px!important;margin-bottom:25px;border:1px solid #ede7e8;border-radius:50%;color:var(--primary-burgundy);background:radial-gradient(circle,#fff 36%,#faf4f5 100%);box-shadow:inset 0 0 0 10px rgba(123,17,35,.025)}.benefit-icon-wrapper svg,.benefit-icon-wrapper [data-feather]{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;stroke-width:1.8px!important}.benefit-item h3{margin:0;color:#171b22;font-size:clamp(18px,1.55vw,24px);font-weight:700}.benefit-accent{width:34px;height:4px;margin:17px 0 18px;border-radius:999px;background:var(--primary-burgundy)}.benefit-item p{margin:0;color:#6e737c;font-size:16px}@media(max-width:991.98px){.benefit-item{min-height:235px;border-bottom:1px solid #e8e3e4}.benefit-item::after{display:none}.benefits-panel .col-sm-6:nth-child(3) .benefit-item,.benefits-panel .col-sm-6:nth-child(4) .benefit-item{border-bottom:0}}@media(max-width:575.98px){.benefits-section{padding:48px 0}.benefits-panel{padding:10px 22px;border-radius:18px}.benefit-item{min-height:215px;padding:28px 12px}.benefits-panel .col-sm-6:nth-child(3) .benefit-item{border-bottom:1px solid #e8e3e4}.benefit-icon-wrapper{width:92px!important;min-width:92px!important;height:92px!important;margin-bottom:20px}.benefit-icon-wrapper svg,.benefit-icon-wrapper [data-feather]{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}}

/* Compact benefits sizing */
.benefits-section{padding:40px 0}.benefits-panel{padding:20px 16px;border-radius:16px}.benefit-item{min-height:180px;padding:8px 18px}.benefit-icon-wrapper{width:78px!important;min-width:78px!important;height:78px!important;margin-bottom:16px;box-shadow:inset 0 0 0 7px rgba(123,17,35,.025)}.benefit-icon-wrapper svg,.benefit-icon-wrapper [data-feather]{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}.benefit-item h3{font-size:clamp(16px,1.25vw,19px)}.benefit-accent{width:28px;height:3px;margin:11px 0 12px}.benefit-item p{font-size:13px}@media(max-width:991.98px){.benefit-item{min-height:175px}}@media(max-width:575.98px){.benefits-section{padding:32px 0}.benefits-panel{padding:6px 18px}.benefit-item{min-height:165px;padding:22px 10px}.benefit-icon-wrapper{width:68px!important;min-width:68px!important;height:68px!important;margin-bottom:14px}.benefit-icon-wrapper svg,.benefit-icon-wrapper [data-feather]{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important}}

/* Extra compact benefits sizing */
.benefits-section{padding:22px 0}.benefits-panel{padding:10px 12px;border-radius:13px}.benefit-item{min-height:132px;padding:6px 12px}.benefit-item::after{top:10px;height:calc(100% - 20px)}.benefit-icon-wrapper{width:56px!important;min-width:56px!important;height:56px!important;margin-bottom:10px;box-shadow:inset 0 0 0 5px rgba(123,17,35,.025)}.benefit-icon-wrapper svg,.benefit-icon-wrapper [data-feather]{width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important}.benefit-item h3{font-size:14px}.benefit-accent{width:22px;height:2px;margin:7px 0 8px}.benefit-item p{font-size:11px}@media(max-width:991.98px){.benefit-item{min-height:128px}}@media(max-width:575.98px){.benefits-section{padding:18px 0}.benefits-panel{padding:4px 14px}.benefit-item{min-height:120px;padding:16px 8px}.benefit-icon-wrapper{width:50px!important;min-width:50px!important;height:50px!important;margin-bottom:9px}.benefit-icon-wrapper svg,.benefit-icon-wrapper [data-feather]{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important}}

/* Package card hover and custom tier icons */
.membership-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.membership-card:hover{transform:translateY(-8px);border-color:#d9aeba;box-shadow:0 18px 36px rgba(89,16,35,.14)}.membership-icon svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .28s ease,filter .28s ease}.membership-card:hover .membership-icon svg{transform:scale(1.08);filter:drop-shadow(0 5px 6px rgba(123,17,35,.18))}@media(prefers-reduced-motion:reduce){.membership-card,.membership-icon svg{transition:none}.membership-card:hover{transform:none}}

.membership-price{display:flex;flex-direction:column;justify-content:center}

.membership-price{height:92px;padding:14px 0}

/* Career progression redesign */
.career-section{padding:72px 0;background:linear-gradient(180deg,#fff 0%,#fdfafa 100%)!important}.career-heading{margin-bottom:42px}.career-eyebrow{display:inline-block;padding:5px 28px;border:1px solid #ead4d8;border-radius:999px;color:var(--primary-burgundy);font-size:11px;font-weight:700;letter-spacing:3px}.career-heading h2{margin:12px 0 5px;color:var(--primary-burgundy);font-size:clamp(32px,4vw,54px);font-weight:700}.career-heading p{margin:0;color:#6f696b;font-size:14px}.career-timeline{position:relative;padding:8px 0 8px 64px}.career-timeline::before{content:"";position:absolute;top:54px;bottom:54px;left:24px;border-left:1px dashed #c6bfc1}.career-level{position:relative;display:flex;align-items:center;gap:20px;min-height:96px;margin-bottom:20px;padding:15px 22px;background:#fff;border:1px solid #eee5e7;border-radius:13px;box-shadow:0 5px 15px rgba(55,24,32,.03);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.career-level:last-child{margin-bottom:0}.career-level--active{border-color:#ead3d8;border-right:4px solid var(--primary-burgundy);box-shadow:0 10px 24px rgba(83,20,36,.09)}.career-level:hover{transform:translateX(5px);box-shadow:0 10px 24px rgba(83,20,36,.1)}.career-node{position:absolute;left:-58px;width:30px;height:30px;border:1px solid #aaa2a4;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 9px #fff}.career-node::after{content:"";position:absolute;inset:9px;border-radius:50%;background:#8c898a}.career-level--active .career-node{border-color:#e1bdc5;box-shadow:0 0 0 6px #fbf2f4}.career-level--active .career-node::after{background:var(--primary-burgundy)}.career-tier-icon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;flex:0 0 66px;color:#7d1127}.career-tier-icon svg,.career-detail__medal svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.career-tier-icon--crown{color:#b27816}.career-tier-icon--medal{color:#7c7f84}.career-tier-icon--diamond{color:#696b70}.career-level__copy h3{margin:0 0 8px;color:#151216;font-size:18px;font-weight:700}.career-level--active .career-level__copy h3{color:var(--primary-burgundy)}.career-level__copy span,.career-detail__title span{display:inline-block;padding:4px 15px;border:1px solid #e3d8da;border-radius:999px;color:#575154;font-size:12px;font-weight:500}.career-level--active .career-level__copy span,.career-detail__title span{border-color:#e7c9d0;color:var(--primary-burgundy)}.career-detail{padding:28px 28px 24px;background:#fff;border:1px solid #eadfe1;border-radius:16px;box-shadow:0 10px 30px rgba(55,24,32,.07)}.career-detail__header{display:flex;align-items:center;gap:22px;padding:0 5px 24px;border-bottom:1px solid #eadfe1}.career-detail__medal{width:86px;height:86px;flex:0 0 86px;color:#777b81}.career-detail__title{display:flex;align-items:center;gap:18px;margin-bottom:9px}.career-detail__title h3{margin:0;color:var(--primary-burgundy);font-size:28px;font-weight:700}.career-detail__header p{margin:0;color:#716b6e;font-size:13px}.career-benefit{display:grid;grid-template-columns:54px minmax(0,1fr) minmax(90px,200px);gap:16px;align-items:center;min-height:86px;border-bottom:1px solid #eadfe1}.career-benefit__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #edd8dd;border-radius:10px;color:var(--primary-burgundy);background:#fffafb}.career-benefit__icon svg{width:24px;height:24px;stroke-width:1.7}.career-benefit__copy h4{margin:0 0 5px;color:#171317;font-size:14px;font-weight:700}.career-benefit__copy p{margin:0;color:#756e71;font-size:12px}.career-benefit__value{color:var(--primary-burgundy);text-align:right}.career-benefit__value>strong{font-size:21px}.career-benefit__value div{display:flex;justify-content:space-between;gap:15px;margin:4px 0}.career-benefit__value div span{color:#6e686a;font-size:12px}.career-benefit__value div strong{font-size:18px}.career-detail__note{display:flex;align-items:center;gap:14px;margin-top:20px;padding:12px 15px;border-radius:10px;background:#fcf1f3}.career-detail__note>span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;color:#fff;background:var(--primary-burgundy)}.career-detail__note svg{width:18px}.career-detail__note p{margin:0;color:#665f62;font-size:12px;line-height:1.6}.career-footer-note{display:flex;align-items:center;justify-content:center;gap:18px;max-width:660px;margin:28px auto 0;padding:13px 24px;border:1px solid #eadfe1;border-radius:11px;background:#fff}.career-footer-note svg{width:23px;color:var(--primary-burgundy)}.career-footer-note p{margin:0;color:#605a5d;font-size:12px}.career-footer-note strong{color:var(--primary-burgundy)}@media(max-width:991.98px){.career-section{padding:54px 0}.career-timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:0}.career-timeline::before,.career-node{display:none}.career-level{margin:0;min-height:90px}.career-level:hover{transform:translateY(-4px)}.career-level--active{border-right:1px solid #ead3d8;border-bottom:4px solid var(--primary-burgundy)}}@media(max-width:575.98px){.career-section{padding:42px 0}.career-heading{margin-bottom:28px}.career-heading h2{font-size:32px}.career-timeline{grid-template-columns:1fr}.career-level{padding:12px 18px}.career-tier-icon{width:56px;height:56px;flex-basis:56px}.career-detail{padding:20px 16px}.career-detail__header{align-items:flex-start;gap:14px}.career-detail__medal{width:64px;height:64px;flex-basis:64px}.career-detail__title{align-items:flex-start;flex-direction:column;gap:7px}.career-detail__title h3{font-size:23px}.career-benefit{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px 0}.career-benefit__icon{width:42px;height:42px}.career-benefit__value{grid-column:2;text-align:left}.career-benefit__value div{justify-content:flex-start}.career-benefit__value div span{min-width:82px}.career-footer-note{align-items:flex-start;margin-top:20px;padding:12px 16px}}

/* Interactive career tabs */
button.career-level{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer}.career-level:focus-visible{outline:3px solid rgba(123,17,35,.2);outline-offset:3px}.career-level__copy{display:block}.career-level__copy strong{display:block;margin:0 0 8px;color:#151216;font-size:18px;font-weight:700}.career-level--active .career-level__copy strong{color:var(--primary-burgundy)}.career-level__copy small{display:inline-block;padding:4px 15px;border:1px solid #e3d8da;border-radius:999px;color:#575154;font-size:12px;font-weight:500}.career-level--active .career-level__copy small{border-color:#e7c9d0;color:var(--primary-burgundy)}.career-detail-panel:not([hidden]){animation:careerPanelIn .26s ease}.career-detail-panel[hidden]{display:none!important}@keyframes careerPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.career-detail-panel:not([hidden]){animation:none}}

/* Bonus system redesign */
.bonus-showcase{padding:72px 0;background:linear-gradient(180deg,#fff 0%,#fdfafa 100%)!important}.bonus-heading{margin-bottom:34px}.bonus-eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:16px}.bonus-eyebrow strong{padding:7px 28px;border:1px solid #e4bcc5;border-radius:999px;color:var(--primary-burgundy);font-size:11px;letter-spacing:3px}.bonus-eyebrow span{position:relative;width:34px;height:1px;background:#e4bcc5}.bonus-eyebrow span::before{content:"";position:absolute;top:-3px;width:7px;height:7px;background:var(--primary-burgundy);transform:rotate(45deg)}.bonus-eyebrow span:first-child::before{left:-1px}.bonus-eyebrow span:last-child::before{right:-1px}.bonus-heading h2{margin:0 0 8px;color:#10131a;font-size:clamp(34px,4vw,56px);font-weight:700;letter-spacing:-1.5px}.bonus-heading h2 em{color:var(--primary-burgundy);font-style:normal}.bonus-heading>p{margin:0;color:#686b73;font-size:15px}.bonus-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.bonus-showcase-card{display:flex;flex-direction:column;align-items:center;min-height:354px;padding:28px 20px 22px;text-align:center;background:#fff;border:1px solid #eee6e7;border-radius:13px;box-shadow:0 8px 22px rgba(50,22,29,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.bonus-showcase-card:hover{transform:translateY(-7px);border-color:#deb6bf;box-shadow:0 16px 30px rgba(78,19,34,.12)}.bonus-showcase-icon{display:flex;align-items:center;justify-content:center;width:78px;height:78px;margin-bottom:12px;border:1px solid #edd7dc;border-radius:50%;color:var(--primary-burgundy);background:linear-gradient(145deg,#fff,#faeef1)}.bonus-showcase-icon svg{width:37px;height:37px;stroke-width:1.7}.bonus-number{display:flex;align-items:center;justify-content:center;width:33px;height:33px;margin-bottom:12px;border:1px solid #ecd5da;border-radius:50%;color:var(--primary-burgundy);background:#fcf3f5;font-size:11px;font-weight:700}.bonus-showcase-card h3{margin:0;color:#17151a;font-size:16px;font-weight:700}.bonus-accent{width:30px;height:3px;margin:14px 0 16px;border-radius:999px;background:#e3b7c0}.bonus-showcase-card p{margin:0;color:#6c6a70;font-size:12px;line-height:1.7}.bonus-showcase-card a{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding-top:18px;color:var(--primary-burgundy);font-size:11px;font-weight:600;text-decoration:none}.bonus-showcase-card a svg{width:15px;transition:transform .2s ease}.bonus-showcase-card a:hover svg{transform:translateX(4px)}.bonus-highlights{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;padding:22px 24px;background:#fff;border:1px solid #eee6e7;border-radius:14px;box-shadow:0 7px 20px rgba(50,22,29,.06)}.bonus-highlight{display:flex;align-items:center;gap:18px;padding:0 26px;border-right:1px solid #eee1e4}.bonus-highlight:last-child{border-right:0}.bonus-highlight__icon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;flex:0 0 66px;border:1px solid #edd7dc;border-radius:50%;color:var(--primary-burgundy);background:#fcf3f5}.bonus-highlight__icon svg{width:31px;height:31px;stroke-width:1.7}.bonus-highlight h3{margin:0 0 6px;color:#18151a;font-size:14px;font-weight:700}.bonus-highlight p{margin:0;color:#6d696f;font-size:11px;line-height:1.6}.bonus-cta{margin-top:28px}.bonus-cta>a{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-width:410px;padding:13px 28px;border:1px solid var(--primary-burgundy);border-radius:9px;color:var(--primary-burgundy);font-size:13px;font-weight:600;text-decoration:none;transition:background .2s ease,color .2s ease}.bonus-cta>a:hover{color:#fff;background:var(--primary-burgundy)}.bonus-cta>a svg{width:19px}.bonus-cta p{margin:10px 0 0;color:#706b70;font-size:11px}@media(max-width:1199.98px){.bonus-grid{grid-template-columns:repeat(3,1fr)}.bonus-showcase-card:nth-child(4){grid-column:1/2}.bonus-highlights{padding:20px 10px}.bonus-highlight{padding:0 18px}}@media(max-width:767.98px){.bonus-showcase{padding:52px 0}.bonus-heading h2{font-size:36px}.bonus-grid{grid-template-columns:repeat(2,1fr)}.bonus-showcase-card:nth-child(4){grid-column:auto}.bonus-showcase-card:last-child{grid-column:1/-1}.bonus-highlights{grid-template-columns:1fr;padding:8px 22px}.bonus-highlight{padding:18px 4px;border-right:0;border-bottom:1px solid #eee1e4}.bonus-highlight:last-child{border-bottom:0}}@media(max-width:575.98px){.bonus-showcase{padding:42px 0}.bonus-eyebrow span{width:20px}.bonus-heading h2{font-size:31px}.bonus-heading>p{font-size:13px}.bonus-grid{grid-template-columns:1fr}.bonus-showcase-card:last-child{grid-column:auto}.bonus-showcase-card{min-height:310px}.bonus-cta>a{min-width:0;width:100%;gap:12px;padding:13px 15px;font-size:12px}}@media(prefers-reduced-motion:reduce){.bonus-showcase-card,.bonus-showcase-card a svg{transition:none}.bonus-showcase-card:hover{transform:none}}

.bonus-showcase-icon,.bonus-highlight__icon{background:#fcf3f5}

.bonus-showcase-card a{justify-content:center;gap:8px}

.bonus-showcase-icon{margin-bottom:20px}

/* Bonus Sponsor modal */
body.sponsor-modal-open{overflow:hidden}.bonus-showcase-card--clickable{cursor:pointer}.bonus-showcase-card--clickable:focus-visible{outline:3px solid rgba(123,17,35,.22);outline-offset:3px}.bonus-card-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:auto;padding:18px 0 0;border:0;color:var(--primary-burgundy);background:transparent;font:inherit;font-size:11px;font-weight:600}.bonus-card-link svg{width:15px}.sponsor-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .18s ease}.sponsor-modal[hidden]{display:none}.sponsor-modal.is-open{opacity:1}.sponsor-modal__backdrop{position:absolute;inset:0;background:rgba(19,22,27,.78);backdrop-filter:blur(2px)}.sponsor-modal__dialog{position:relative;width:min(1180px,100%);max-height:calc(100vh - 40px);padding:24px 34px 22px;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.3);transform:translateY(12px) scale(.985);transition:transform .18s ease;outline:none}.sponsor-modal.is-open .sponsor-modal__dialog{transform:translateY(0) scale(1)}.sponsor-modal__close{position:absolute;top:18px;right:20px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:50%;color:#181b20;background:transparent}.sponsor-modal__close:hover{background:#f8edef}.sponsor-modal__close svg{width:27px;height:27px}.sponsor-modal__header{display:flex;align-items:center;justify-content:center;gap:18px;padding-right:40px}.sponsor-modal__title-icon{display:flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:50%;color:var(--primary-burgundy);background:#fbe9ed}.sponsor-modal__title-icon svg{width:38px;height:38px;stroke-width:1.8}.sponsor-modal__header h2{margin:0;color:var(--primary-burgundy);font-size:36px;font-weight:700}.sponsor-modal__header header span,.sponsor-modal__header div>span{display:block;width:38px;height:3px;margin-top:13px;border-radius:999px;background:#c7465e}.sponsor-modal__intro{margin:10px 0 20px;color:#4e4e53;font-size:15px;line-height:1.55;text-align:center}.sponsor-modal__content{display:grid;grid-template-columns:1.08fr .92fr;gap:28px}.sponsor-modal__content>section:first-child{padding-right:28px;border-right:1px solid #eadfe1}.sponsor-modal__content h3{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:10px 16px;border-radius:10px;color:#741024;background:#fcedf0;font-size:16px;font-weight:700}.sponsor-modal__content h3 svg{width:22px}.sponsor-example-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sponsor-example-card{display:grid;grid-template-columns:1fr .9fr;align-items:center;min-height:164px;padding:14px;border:1px solid #eedfe2;border-radius:13px}.sponsor-example-flow{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;text-align:center}.sponsor-example-flow>svg{width:23px;color:var(--primary-burgundy);transform:rotate(-45deg)}.sponsor-example-flow>div{display:flex;flex-direction:column;align-items:center;gap:5px}.sponsor-person{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:50%;color:#79808a;background:#eef0f2}.sponsor-person--top{color:#343a42;background:#e0e3e7}.sponsor-person svg{width:25px}.sponsor-example-flow strong{padding:3px 8px;border-radius:999px;color:#fff;background:#9d1a32;font-size:9px}.sponsor-example-result>span{display:block;color:#681022;font-size:12px;font-weight:600}.sponsor-example-result>strong{display:inline-block;margin:3px 0 8px;padding:4px 12px;border-radius:10px;color:#99152e;background:#fbe9ed;font-size:22px}.sponsor-example-result p{margin:0;color:#681022;font-size:12px;font-weight:700;line-height:1.35}.sponsor-rate-list{display:grid;gap:9px}.sponsor-rate-row{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;min-height:54px;padding:7px 14px;border:1px solid #eee5e7;border-radius:11px}.sponsor-rate-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:#7d1127;background:#f8eaed}.sponsor-rate-icon svg{width:23px}.sponsor-rate-row>strong{font-size:15px}.sponsor-rate-row>b{padding:5px 14px;border-radius:999px;color:#95152d;background:#fbe8ec;font-size:20px}.sponsor-modal__tips{display:grid;grid-template-columns:50px 1fr;gap:12px;align-items:center;margin-top:20px;padding:15px 18px;border-radius:12px;color:#761125;background:#fcedf0}.sponsor-modal__tips>svg{width:39px;height:39px}.sponsor-modal__tips ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.sponsor-modal__tips li{display:flex;align-items:center;gap:8px;color:#39383d;font-size:12px}.sponsor-modal__tips li svg{width:15px;color:#841126}.sponsor-modal__footer-close{display:flex;align-items:center;justify-content:center;gap:10px;min-width:160px;margin:22px auto 0;padding:11px 24px;border:0;border-radius:10px;color:#fff;background:var(--primary-burgundy);font-size:14px;font-weight:600}.sponsor-modal__footer-close:hover{background:var(--burgundy-hover)}.sponsor-modal__footer-close svg{width:19px}@media(max-width:991.98px){.sponsor-modal__content{grid-template-columns:1fr}.sponsor-modal__content>section:first-child{padding-right:0;padding-bottom:24px;border-right:0;border-bottom:1px solid #eadfe1}}@media(max-width:575.98px){.sponsor-modal{padding:8px}.sponsor-modal__dialog{max-height:calc(100vh - 16px);padding:20px 15px;border-radius:15px}.sponsor-modal__header{justify-content:flex-start;gap:12px}.sponsor-modal__title-icon{width:54px;height:54px}.sponsor-modal__title-icon svg{width:28px;height:28px}.sponsor-modal__header h2{font-size:25px}.sponsor-modal__intro{font-size:13px}.sponsor-example-grid{grid-template-columns:1fr}.sponsor-example-card{min-height:145px}.sponsor-rate-row{grid-template-columns:40px 1fr auto;padding:7px 10px}.sponsor-rate-row>b{padding:4px 10px;font-size:17px}.sponsor-modal__tips{grid-template-columns:1fr}.sponsor-modal__tips>svg{display:none}}@media(prefers-reduced-motion:reduce){.sponsor-modal,.sponsor-modal__dialog{transition:none}}

/* Interactive sponsor calculation */
.sponsor-rate-row{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.sponsor-rate-row:hover{transform:translateX(-3px);border-color:#dfb8c0}.sponsor-rate-row.is-active{border-color:#b62d47;background:#fff8f9;box-shadow:0 0 0 2px rgba(123,17,35,.08)}.sponsor-rate-row:focus-visible{outline:3px solid rgba(123,17,35,.18);outline-offset:2px}.sponsor-rate-icon svg,.sponsor-selected-svg svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sponsor-rate-icon{padding:7px}.sponsor-calculation{display:grid;grid-template-columns:100px 35px 100px minmax(150px,1fr);grid-template-areas:"source arrow package formula" "result result result result";gap:18px;align-items:center;min-height:300px;padding:28px;border:1px solid #ead8dc;border-radius:16px;background:#fff}.sponsor-calculation__source{grid-area:source}.sponsor-calculation__arrow{grid-area:arrow;width:30px;height:30px;color:var(--primary-burgundy)}.sponsor-calculation__package{grid-area:package}.sponsor-calculation__formula{grid-area:formula}.sponsor-calculation__result{grid-area:result}.sponsor-calculation__source,.sponsor-calculation__package{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.sponsor-calculation__source>span{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;color:#313842;background:#edf0f2}.sponsor-calculation__source>span svg{width:37px;height:37px}.sponsor-calculation__source>strong,.sponsor-calculation__package>strong{padding:4px 12px;border-radius:999px;color:#fff;background:var(--primary-burgundy);font-size:11px}.sponsor-selected-svg{display:flex;align-items:center;justify-content:center;width:76px;height:76px;color:var(--primary-burgundy)}.sponsor-calculation__package>small{color:#696468;font-size:11px}.sponsor-calculation__formula{display:grid;grid-template-columns:1fr auto;gap:7px 12px;align-items:center;padding:18px;border-left:1px solid #eadfe1}.sponsor-calculation__formula span{color:#716b6e;font-size:11px}.sponsor-calculation__formula strong{color:#741024;font-size:15px;text-align:right}.sponsor-calculation__formula b{grid-column:1/-1;color:#aa2942;font-size:18px;text-align:center}.sponsor-calculation__result{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;border-radius:12px;color:#fff;background:var(--primary-burgundy)}.sponsor-calculation__result span{font-size:13px;font-weight:600}.sponsor-calculation__result strong{font-size:26px}.sponsor-calculation__hint{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 0;color:#716b6e;font-size:11px}.sponsor-calculation__hint svg{width:15px;color:var(--primary-burgundy)}.sponsor-calculation.is-updating{animation:sponsorCalculationIn .26s ease}@keyframes sponsorCalculationIn{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1199.98px){.sponsor-calculation{grid-template-columns:85px 28px 85px 1fr;padding:22px;gap:12px}.sponsor-calculation__source>span,.sponsor-selected-svg{width:62px;height:62px}}@media(max-width:767.98px){.sponsor-calculation{grid-template-columns:1fr 32px 1fr;grid-template-areas:"source arrow package" "formula formula formula" "result result result";min-height:0;padding:20px}.sponsor-calculation__formula{border-left:0;border-top:1px solid #eadfe1}.sponsor-calculation__result strong{font-size:22px}}@media(max-width:420px){.sponsor-calculation{padding:15px;gap:9px}.sponsor-calculation__source>span,.sponsor-selected-svg{width:54px;height:54px}.sponsor-calculation__source>strong,.sponsor-calculation__package>strong{padding:3px 8px;font-size:9px}.sponsor-calculation__result{padding:14px}.sponsor-calculation__result strong{font-size:19px}}@media(prefers-reduced-motion:reduce){.sponsor-rate-row{transition:none}.sponsor-calculation.is-updating{animation:none}}

.bonus-card-link svg{transition:transform .2s ease}.bonus-card-link:hover svg,.bonus-card-link:focus-visible svg{transform:translateX(4px)}

/* Interactive Bonus Pairing modal */
.pairing-modal__dialog{width:min(1180px,100%)}.pairing-modal__content{display:grid;grid-template-columns:1.08fr .92fr;gap:28px}.pairing-modal__content>section:first-child{padding-right:28px;border-right:1px solid #eadfe1}.pairing-modal__content h3{display:flex;align-items:center;gap:12px;margin:0 0 15px;padding:10px 16px;border-radius:10px;color:#741024;background:#fcedf0;font-size:16px;font-weight:700}.pairing-modal__content h3 svg{width:22px}.pairing-rule-list{display:grid;gap:8px}.pairing-rule{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;width:100%;padding:10px 14px;border:1px solid #eee3e5;border-radius:10px;color:#29262b;background:#fff;text-align:left;transition:border-color .2s ease,background .2s ease}.pairing-rule:hover,.pairing-rule.is-active{border-color:#dcaeba;background:#fff8f9}.pairing-rule b{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#fff;background:var(--primary-burgundy);font-size:11px}.pairing-rule span{display:flex;flex-direction:column}.pairing-rule strong{font-size:13px}.pairing-rule small{margin-top:3px;color:#6e686c;font-size:11px}.pairing-simulation>h4{margin:18px 0 10px;color:#741024;font-size:13px;font-weight:700}.pairing-illustration{display:grid;grid-template-columns:1fr minmax(130px,1fr) 1fr;gap:16px;align-items:center;padding:16px;border:1px solid #eddee1;border-radius:13px}.pairing-leg{display:flex;flex-direction:column;align-items:center;text-align:center}.pairing-leg>span{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;color:#6d1426;background:#f9eaed}.pairing-leg>span svg{width:30px}.pairing-leg>strong{min-width:72px;margin:7px 0 5px;padding:3px 10px;border-radius:999px;color:#fff;background:var(--primary-burgundy);font-size:10px}.pairing-leg>b{color:#28242a;font-size:16px}.pairing-center{display:flex;flex-direction:column;align-items:center;padding:13px;border:1px solid #ead8dc;border-radius:11px;text-align:center}.pairing-center span{color:#7c1a2d;font-size:11px}.pairing-center strong{margin:6px 0;color:#151219;font-size:19px}.pairing-center small{color:#706a6e;font-size:10px;line-height:1.5}.pairing-income{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.pairing-income>div{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-radius:9px;background:#faf3f5}.pairing-income span{color:#6f686c;font-size:10px}.pairing-income strong{color:#811329;font-size:14px}.pairing-income__total{grid-column:1/-1;color:#fff!important;background:var(--primary-burgundy)!important}.pairing-income__total span,.pairing-income__total strong{color:#fff;font-size:15px}.pairing-income__total strong{font-size:22px}.pairing-formula{display:flex;align-items:center;justify-content:center;gap:7px;margin:10px 0 0;color:#706a6e;font-size:10px}.pairing-formula svg{width:14px;color:var(--primary-burgundy)}.pairing-level-list{display:grid;gap:8px}.pairing-level-row{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;width:100%;min-height:59px;padding:7px 13px;border:1px solid #eee3e5;border-radius:10px;color:#242127;background:#fff;text-align:left;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.pairing-level-row:hover{transform:translateX(-3px);border-color:#dcaeba}.pairing-level-row.is-active{border-color:#b62d47;background:#fff8f9;box-shadow:0 0 0 2px rgba(123,17,35,.08)}.pairing-level-row:focus-visible,.pairing-rule:focus-visible{outline:3px solid rgba(123,17,35,.18);outline-offset:2px}.pairing-tier-svg{display:flex;width:42px;height:42px;padding:4px;color:var(--primary-burgundy)}.pairing-tier-svg svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pairing-level-row>strong{font-size:13px}.pairing-level-row>b{color:#7b1123;font-size:12px}.pairing-note{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;margin-top:18px;padding:14px 16px;border-radius:11px;color:#781326;background:#fcedf0}.pairing-note>svg{width:35px;height:35px}.pairing-note ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.pairing-note li{display:flex;align-items:center;gap:7px;color:#454045;font-size:10px}.pairing-note li svg{width:13px;color:#8a142b}.pairing-simulation.is-updating{animation:pairingUpdate .25s ease}@keyframes pairingUpdate{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:991.98px){.pairing-modal__content{grid-template-columns:1fr}.pairing-modal__content>section:first-child{padding-right:0;padding-bottom:22px;border-right:0;border-bottom:1px solid #eadfe1}}@media(max-width:575.98px){.pairing-modal .sponsor-modal__header h2{font-size:22px}.pairing-illustration{grid-template-columns:1fr 1fr}.pairing-center{grid-column:1/-1;grid-row:2}.pairing-income{grid-template-columns:1fr}.pairing-income__total{grid-column:auto}.pairing-level-row{grid-template-columns:42px 1fr}.pairing-level-row>b{grid-column:2}.pairing-note{grid-template-columns:1fr}.pairing-note>svg{display:none}}@media(prefers-reduced-motion:reduce){.pairing-level-row,.pairing-rule{transition:none}.pairing-simulation.is-updating{animation:none}}
.pairing-income{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.pairing-income__item{display:flex;align-items:center}.pairing-income__max{justify-content:flex-start}.pairing-income__package{justify-content:center}.pairing-income__rate{justify-content:flex-end;gap:15px}.pairing-income__total{grid-column:1/-1}
/* Static Bonus Pass Up modal */
.passup-modal__dialog{width:min(1180px,100%)}.passup-flow-wrap{margin:6px 0 24px;padding:10px 2px;overflow-x:auto}.passup-flow{display:flex;align-items:center;justify-content:center;min-width:920px}.passup-flow__member,.passup-flow__tier{display:flex;flex-direction:column;align-items:center;flex:0 0 112px;text-align:center}.passup-flow__member>span,.passup-flow__tier>span{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border:1px solid #ead6db;border-radius:50%;color:var(--primary-burgundy);background:#fdf5f6}.passup-flow__member>span svg{width:43px;height:43px}.passup-flow__tier>span{padding:18px}.passup-flow__tier>span svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.passup-flow__member>strong,.passup-flow__tier>strong{margin-top:8px;color:#5f1020;font-size:12px}.passup-flow__arrow{display:flex;flex-direction:column;align-items:center;flex:0 0 70px;color:var(--primary-burgundy)}.passup-flow__arrow b{margin-bottom:5px;font-size:18px}.passup-flow__arrow svg{width:39px;height:28px}.passup-modal__content{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px}.passup-info{position:relative;min-height:285px;padding:20px 22px;border-radius:14px;background:#fcf1f3;overflow:hidden}.passup-info h3{display:flex;align-items:center;gap:11px;margin:0 0 18px;color:#6f1022;font-size:16px}.passup-info h3 svg{width:22px}.passup-info>p{max-width:76%;margin:0 0 18px;color:#514c50;font-size:12px;line-height:1.7}.passup-info ul{display:grid;gap:14px;max-width:76%;margin:0;padding:0;list-style:none}.passup-info li{display:flex;align-items:flex-start;gap:9px;color:#514c50;font-size:11px;line-height:1.5}.passup-info li svg{width:17px;flex:0 0 17px;color:#8e152c}.passup-network{position:absolute;right:22px;bottom:22px;display:flex;flex-direction:column;align-items:center;color:#9b2940;opacity:.65}.passup-network>svg:first-child{width:34px;height:34px}.passup-network span{display:flex;gap:4px;margin-top:8px}.passup-network span svg{width:28px;height:28px}.passup-network>svg:last-child{position:absolute;right:-14px;bottom:7px;width:52px;height:52px;opacity:.4}.passup-table{overflow:hidden;border:1px solid #eadfe1;border-radius:13px}.passup-table__head{display:grid;grid-template-columns:1fr 1fr;color:#fff;background:var(--primary-burgundy)}.passup-table__head strong{padding:13px;text-align:center;font-size:13px}.passup-table__head strong:first-child{border-right:1px solid rgba(255,255,255,.3)}.passup-table__row{display:grid;grid-template-columns:54px 1fr 1fr;align-items:center;min-height:58px;border-bottom:1px solid #eadfe1}.passup-table__row:last-child{border-bottom:0}.passup-table__tier-icon{display:flex;width:43px;height:43px;margin-left:10px;padding:5px;color:var(--primary-burgundy)}.passup-table__tier-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.passup-table__row>strong{font-size:13px}.passup-table__row>b{align-self:stretch;display:flex;align-items:center;justify-content:center;border-left:1px solid #eadfe1;color:#731124;font-size:15px;text-align:center}@media(max-width:991.98px){.passup-modal__content{grid-template-columns:1fr}.passup-info{min-height:260px}}@media(max-width:575.98px){.passup-modal .sponsor-modal__header h2{font-size:25px}.passup-flow-wrap{margin-bottom:15px}.passup-info{padding:18px}.passup-info>p,.passup-info ul{max-width:100%}.passup-network{display:none}.passup-table__head strong{font-size:10px}.passup-table__row{grid-template-columns:45px 1fr 1.15fr}.passup-table__tier-icon{width:36px;height:36px;margin-left:6px}.passup-table__row>strong{font-size:11px}.passup-table__row>b{padding:8px 5px;font-size:11px}}

/* Interactive bonus_profit_sharing simulator modal */
.profit-modal__dialog{width:min(1080px,100%)}.profit-modal__content{display:grid;grid-template-columns:.78fr 1.22fr;gap:26px}.profit-info{padding:20px;border-radius:14px;background:#fcf1f3}.profit-info h3,.profit-simulator>h3{display:flex;align-items:center;gap:11px;margin:0 0 16px;color:#711123;font-size:16px}.profit-info h3 svg,.profit-simulator>h3 svg{width:21px}.profit-info>p{margin:0 0 18px;padding-bottom:17px;border-bottom:1px solid #ead7db;color:#504a4e;font-size:12px;line-height:1.7}.profit-info-item{display:grid;grid-template-columns:52px 1fr;gap:13px;align-items:center;margin-top:14px}.profit-info-item>span{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #e5bcc5;border-radius:50%;color:#82152a;font-size:17px;font-weight:700;background:#fff8f9}.profit-info-item>span svg{width:23px}.profit-info-item strong{display:block;margin-bottom:4px;color:#29252a;font-size:12px}.profit-info-item p{margin:0;color:#6d666b;font-size:10px;line-height:1.6}.profit-simulator{padding:20px;border:1px solid #eadfe1;border-radius:14px;background:#fff}.profit-tier-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.profit-tier{display:flex;flex-direction:column;align-items:center;min-width:0;padding:10px 7px;border:1px solid #eadfe1;border-radius:10px;color:#262228;background:#fff;transition:border-color .2s ease,background .2s ease,transform .2s ease}.profit-tier:hover{transform:translateY(-3px);border-color:#dcaeba}.profit-tier.is-active{border-color:#b62d47;background:#fff7f8;box-shadow:0 0 0 2px rgba(123,17,35,.07)}.profit-tier:focus-visible{outline:3px solid rgba(123,17,35,.18);outline-offset:2px}.profit-tier>span{display:flex;width:45px;height:45px;padding:5px;color:var(--primary-burgundy)}.profit-tier>span svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.profit-tier>strong{margin:5px 0 4px;font-size:11px}.profit-tier>b{color:#86162b;font-size:14px}.profit-input-group{margin-top:18px}.profit-input-group>label{display:block;margin-bottom:7px;color:#322e33;font-size:12px;font-weight:600}.profit-input-group>div{display:flex;align-items:center;overflow:hidden;border:1px solid #dcbec4;border-radius:10px;background:#fff}.profit-input-group span{padding:12px 13px;color:#761226;background:#faedf0;font-size:13px;font-weight:700}.profit-input-group input{width:100%;padding:11px 13px;border:0;outline:0;color:#2d292e;background:#fff;font-size:17px;font-weight:600}.profit-input-group>div:focus-within{border-color:#9e263e;box-shadow:0 0 0 3px rgba(123,17,35,.08)}.profit-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.profit-summary>div{display:flex;flex-direction:column;gap:4px;padding:9px 10px;border-radius:8px;background:#faf3f5}.profit-summary span{color:#70696d;font-size:9px}.profit-summary strong{color:#791327;font-size:13px}.profit-result{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding:15px 17px;border-radius:10px;color:#fff;background:var(--primary-burgundy)}.profit-result span{font-size:12px;font-weight:600}.profit-result strong{font-size:24px}.profit-formula{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 0;color:#6d676b;font-size:10px;text-align:center}.profit-formula svg{width:15px;color:#86152b}.profit-note{display:flex;align-items:center;gap:10px;margin-top:18px;padding:11px 15px;border-radius:9px;color:#6e666a;background:#fcf1f3}.profit-note svg{width:18px;flex:0 0 18px;color:#86152b}.profit-note p{margin:0;font-size:10px}.profit-simulator.is-updating{animation:profitUpdate .22s ease}@keyframes profitUpdate{from{opacity:.65}to{opacity:1}}@media(max-width:991.98px){.profit-modal__content{grid-template-columns:1fr}}@media(max-width:575.98px){.profit-modal .sponsor-modal__header h2{font-size:24px}.profit-tier-list{grid-template-columns:repeat(2,1fr)}.profit-summary{grid-template-columns:1fr}.profit-result{align-items:flex-start;flex-direction:column;gap:6px}.profit-result strong{font-size:21px}}@media(prefers-reduced-motion:reduce){.profit-tier{transition:none}.profit-simulator.is-updating{animation:none}}

/* Bonus Peringkat modal */
.rank-modal__dialog{width:min(1180px,100%)}.rank-table{display:grid;gap:8px}.rank-table__head{display:grid;grid-template-columns:1.05fr .8fr 1.7fr;gap:12px}.rank-table__head strong{padding:11px 16px;border-radius:10px 10px 0 0;color:#fff;background:var(--primary-burgundy);font-size:13px;text-align:center}.rank-table__row{display:grid;grid-template-columns:1.05fr .8fr 1.7fr;gap:12px}.rank-table__row>div{display:flex;align-items:center;min-height:66px;padding:9px 16px;border:1px solid #eee3e5;border-radius:11px;background:#fff;box-shadow:0 4px 12px rgba(55,24,32,.035)}.rank-profile{gap:14px}.rank-profile>span,.rank-reward>span{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 46px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#a62840,#650d1e)}.rank-profile>span svg,.rank-reward>span svg{width:24px;height:24px}.rank-profile>div,.rank-reward>div{min-width:0}.rank-profile strong,.rank-reward strong{display:block;color:#5f101f;font-size:12px}.rank-profile small{display:block;margin-top:4px;color:#655f63;font-size:10px}.rank-pv{justify-content:center}.rank-pv strong{color:#681123;font-size:20px}.rank-reward{gap:14px}.rank-reward p{margin:5px 0 0;color:#671122;font-size:12px;font-weight:600}.rank-reward p small{font-size:10px;font-weight:500}.rank-modal__note{display:flex;align-items:center;gap:10px;margin-top:13px;padding:10px 15px;border-radius:9px;color:#681123;background:#fcedf0}.rank-modal__note svg{width:18px;flex:0 0 18px}.rank-modal__note p{margin:0;font-size:11px}@media(max-width:767.98px){.rank-table__head{display:none}.rank-table__row{grid-template-columns:1fr 1fr;gap:7px;padding:9px;border:1px solid #eee3e5;border-radius:12px}.rank-table__row>div{min-height:58px;padding:8px;border:0;box-shadow:none}.rank-profile{grid-column:1/-1}.rank-reward{grid-column:1/-1;border-top:1px solid #eee3e5!important}.rank-pv{justify-content:flex-start}.rank-pv::before{content:"PV";margin-right:8px;color:#777074;font-size:10px}.rank-profile>span,.rank-reward>span{width:40px;height:40px;flex-basis:40px}.rank-pv strong{font-size:17px}}@media(max-width:420px){.rank-reward strong{font-size:10px}.rank-reward p{font-size:10px}}

/* Disable modal and selection animations to prevent flicker */
.sponsor-modal{opacity:1!important;transition:none!important}.sponsor-modal__dialog,.sponsor-modal.is-open .sponsor-modal__dialog{transform:none!important;transition:none!important}.sponsor-calculation.is-updating,.pairing-simulation.is-updating,.profit-simulator.is-updating{animation:none!important}.career-detail-panel:not([hidden]){animation:none!important}

.sponsor-rate-row,.pairing-level-row,.pairing-rule,.profit-tier{transition:none!important}.sponsor-rate-row:hover,.pairing-level-row:hover,.profit-tier:hover{transform:none!important}

/* Featured products redesign */
.featured-products-section{padding:72px 0;background:linear-gradient(180deg,#fff 0%,#fdfafa 100%)!important}.featured-products-heading{margin-bottom:32px}.featured-products-eyebrow{display:flex;align-items:center;justify-content:center;gap:18px}.featured-products-eyebrow span{width:46px;height:1px;background:#cf8493}.featured-products-eyebrow strong{color:var(--primary-burgundy);font-size:13px;letter-spacing:3px}.featured-products-heading h2{margin:12px 0 7px;color:var(--primary-burgundy);font-size:clamp(34px,4vw,54px);font-weight:700;letter-spacing:-1.5px}.featured-products-heading p{margin:0;color:#69666c;font-size:15px}.featured-products-slider{position:relative;padding:0 3px}.productSwiper{padding:4px 2px 14px}.productSwiper .swiper-slide{height:auto;align-items:stretch}.featured-product-card{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:520px;padding:18px;background:#fff;border:1px solid #ece4e6;border-radius:15px;box-shadow:0 8px 22px rgba(54,23,31,.07);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.featured-product-card:hover{transform:translateY(-6px);border-color:#dfb8c0;box-shadow:0 16px 30px rgba(78,19,34,.12)}.featured-product-badge{position:absolute;top:17px;left:17px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border:1px solid #e5b8c1;border-radius:999px;color:#82142a;background:#fceef1;font-size:10px;font-weight:600}.featured-product-badge svg{width:12px;height:12px;fill:currentColor}.featured-product-badge--solid{border-color:var(--primary-burgundy);color:#fff;background:var(--primary-burgundy)}.featured-product-image-wrap{display:flex;align-items:center;justify-content:center;height:290px;padding:35px 10px 12px}.featured-product-image{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.featured-product-card:hover .featured-product-image{transform:scale(1.035)}.featured-product-content{display:flex;flex:1;flex-direction:column;align-items:center;text-align:center}.featured-product-category{display:inline-block;padding:5px 15px;border:1px solid #e6bac3;border-radius:999px;color:#7d1429;background:#fff8f9;font-size:11px}.featured-product-content h3{display:flex;align-items:center;justify-content:center;min-height:49px;margin:12px 0 10px;color:#1d1a20;font-size:17px;font-weight:700;line-height:1.4}.featured-product-meta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:auto;padding:12px 0;border-top:1px solid #eee7e8;color:#69656b;font-size:13px}.featured-product-meta svg{width:16px}.featured-product-price{color:var(--primary-burgundy);font-size:21px}.featured-product-arrow{top:52%;width:44px;height:44px}.featured-products-slider .product-prev{left:-58px}.featured-products-slider .product-next{right:-58px}.featured-products-cta{margin-top:24px}.featured-products-cta a{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 28px;border:1px solid var(--primary-burgundy);border-radius:999px;color:var(--primary-burgundy);font-size:14px;font-weight:600;text-decoration:none;transition:color .2s ease,background .2s ease}.featured-products-cta a:hover{color:#fff;background:var(--primary-burgundy)}.featured-products-cta svg{width:18px;transition:transform .2s ease}.featured-products-cta a:hover svg{transform:translateX(4px)}@media(max-width:1199.98px){.featured-products-slider{padding:0 48px}.featured-products-slider .product-prev{left:0}.featured-products-slider .product-next{right:0}.featured-product-card{min-height:500px}.featured-product-image-wrap{height:270px}}@media(max-width:767.98px){.featured-products-section{padding:52px 0}.featured-products-heading h2{font-size:36px}.featured-products-slider{padding:0 35px}.featured-product-card{min-height:470px}.featured-product-image-wrap{height:250px}.featured-product-arrow{width:38px;height:38px}.featured-products-slider .product-prev{left:-2px}.featured-products-slider .product-next{right:-2px}}@media(max-width:575.98px){.featured-products-section{padding:42px 0}.featured-products-eyebrow span{width:24px}.featured-products-eyebrow strong{font-size:10px;letter-spacing:2px}.featured-products-heading h2{font-size:31px}.featured-products-heading p{font-size:13px}.featured-products-slider{padding:0 22px}.featured-product-card{min-height:455px}.featured-product-image-wrap{height:245px}.featured-products-slider .product-prev{left:-7px}.featured-products-slider .product-next{right:-7px}}@media(prefers-reduced-motion:reduce){.featured-product-card,.featured-product-image,.featured-products-cta a,.featured-products-cta svg{transition:none}.featured-product-card:hover{transform:none}.featured-product-card:hover .featured-product-image{transform:none}}

/* Keep featured product names visually balanced on exactly two lines. */
.featured-product-content h3{flex-direction:column;gap:0}
.featured-product-content h3 span{display:block}

/* Reward showcase redesign */
.reward-showcase-section{padding:72px 0 66px;background:#fff}.reward-showcase-heading{margin-bottom:30px}.reward-showcase-ornament{display:flex;align-items:center;justify-content:center;gap:15px;color:#a93d53}.reward-showcase-ornament span{width:70px;height:1px;background:#e0bdc5}.reward-showcase-ornament svg{width:14px;height:14px}.reward-showcase-heading h2{margin:17px 0 8px;color:var(--primary-burgundy);font-size:clamp(34px,4vw,52px);font-weight:700;letter-spacing:-1.4px}.reward-showcase-heading p{margin:0;color:#69707f;font-size:17px}.reward-showcase-slider{position:relative}.rewardSwiper{padding:3px 2px 17px}.rewardSwiper .swiper-slide{height:auto}.reward-showcase-card{position:relative;display:flex;flex-direction:column;height:100%;min-height:486px;border:1px solid #eadfe1;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(62,28,37,.08);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.reward-showcase-card:hover{transform:translateY(-5px);border-color:#dab1ba;box-shadow:0 15px 30px rgba(76,18,33,.12)}.reward-showcase-icon{position:absolute;top:15px;left:15px;z-index:2;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid #f0d8dd;border-radius:50%;color:#8c172d;background:#fcedf0}.reward-showcase-icon svg{width:27px;height:27px;stroke-width:1.7}.reward-showcase-image-wrap{display:flex;align-items:center;justify-content:center;height:310px;padding:42px 18px 5px;background:linear-gradient(180deg,#fff 0%,#fefcfc 100%)}.reward-showcase-image{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.reward-showcase-card:hover .reward-showcase-image{transform:scale(1.025)}.reward-showcase-content{padding:10px 22px 15px;text-align:center}.reward-showcase-category{display:inline-flex;align-items:center;justify-content:center;min-width:98px;padding:5px 17px;border:1px solid #e7bdc5;border-radius:999px;color:#781226;background:#fff8f9;font-size:10px;font-weight:600}.reward-showcase-content h3{margin:13px 0 4px;color:#181b22;font-size:20px;font-weight:700}.reward-showcase-content p{margin:0;color:#69707f;font-size:14px}.reward-showcase-note{display:grid;grid-template-columns:10px 1fr;gap:10px;align-items:start;min-height:84px;margin-top:auto;padding:18px 20px;background:#fcf5f6}.reward-showcase-note span{width:7px;height:7px;margin-top:6px;background:var(--primary-burgundy);transform:rotate(45deg)}.reward-showcase-note p{margin:0;color:#4d5563;font-size:12px;line-height:1.6}.reward-showcase-arrow{position:absolute;top:47%;z-index:4;display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:0;border-radius:50%;color:#fff;background:var(--primary-burgundy);box-shadow:0 7px 16px rgba(95,12,31,.2);transition:background .2s ease,transform .2s ease}.reward-showcase-arrow:hover{background:#651023;transform:scale(1.06)}.reward-showcase-arrow svg{width:25px;height:25px}.reward-showcase-arrow.reward-prev{left:-68px}.reward-showcase-arrow.reward-next{right:-68px}.reward-showcase-arrow.swiper-button-disabled{opacity:.42;cursor:default;transform:none}.reward-pagination{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:16px}.reward-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0!important;background:#c5c5c5;opacity:.65}.reward-pagination .swiper-pagination-bullet-active{background:var(--primary-burgundy);opacity:1}.reward-showcase-summary{display:grid;grid-template-columns:1.65fr repeat(3,1fr);align-items:center;margin-top:28px;padding:17px 26px;border:1px solid #e8dddf;border-radius:13px;background:#fff;box-shadow:0 5px 16px rgba(54,24,32,.035)}.reward-summary-lead,.reward-summary-item{display:flex;align-items:center;min-height:62px}.reward-summary-lead{gap:19px;padding-right:22px}.reward-summary-lead>span{display:flex;align-items:center;justify-content:center;width:60px;height:60px;flex:0 0 60px;border-radius:50%;color:#fff;background:var(--primary-burgundy)}.reward-summary-lead svg{width:30px}.reward-summary-lead strong{color:#161a21;font-size:14px;line-height:1.55}.reward-summary-item{gap:15px;padding:0 22px;border-left:1px solid #eadfe1}.reward-summary-item>svg{width:30px;height:30px;flex:0 0 30px;color:#8a152b}.reward-summary-item p{margin:0;color:#4c5360;font-size:11px;line-height:1.55}@media(max-width:1199.98px){.reward-showcase-slider{padding:0 48px}.reward-showcase-arrow.reward-prev{left:-5px}.reward-showcase-arrow.reward-next{right:-5px}.reward-showcase-summary{grid-template-columns:1.4fr repeat(3,1fr);padding:14px}.reward-summary-lead{padding-right:14px}.reward-summary-item{padding:0 14px}}@media(max-width:991.98px){.reward-showcase-section{padding:58px 0}.reward-showcase-card{min-height:462px}.reward-showcase-image-wrap{height:280px}.reward-showcase-summary{grid-template-columns:1fr 1fr}.reward-summary-lead{grid-column:1/-1;border-bottom:1px solid #eadfe1}.reward-summary-item{border-left:0}.reward-summary-item:nth-child(3),.reward-summary-item:nth-child(4){border-left:1px solid #eadfe1}}@media(max-width:767.98px){.reward-showcase-heading h2{font-size:34px}.reward-showcase-heading p{font-size:14px}.reward-showcase-slider{padding:0 38px}.reward-showcase-arrow{width:40px;height:40px}.reward-showcase-card{min-height:450px}.reward-showcase-image-wrap{height:270px}.reward-showcase-arrow.reward-prev{left:-3px}.reward-showcase-arrow.reward-next{right:-3px}}@media(max-width:575.98px){.reward-showcase-section{padding:46px 0}.reward-showcase-heading{margin-bottom:23px}.reward-showcase-ornament span{width:42px}.reward-showcase-heading h2{font-size:29px;letter-spacing:-.7px}.reward-showcase-slider{padding:0 25px}.reward-showcase-card{min-height:440px}.reward-showcase-image-wrap{height:260px}.reward-showcase-summary{grid-template-columns:1fr;padding:12px 16px}.reward-summary-lead{grid-column:auto;padding:5px 0 15px}.reward-summary-item,.reward-summary-item:nth-child(3),.reward-summary-item:nth-child(4){padding:13px 4px;border-top:1px solid #eadfe1;border-left:0}.reward-showcase-arrow{width:37px;height:37px}.reward-showcase-arrow.reward-prev{left:-7px}.reward-showcase-arrow.reward-next{right:-7px}}@media(prefers-reduced-motion:reduce){.reward-showcase-card,.reward-showcase-image,.reward-showcase-arrow{transition:none}.reward-showcase-card:hover,.reward-showcase-card:hover .reward-showcase-image{transform:none}}

/* Full-width images retain their natural aspect ratio without cropping. */
.reward-showcase-card {
  min-height: 0;
}

.reward-showcase-image-wrap {
  display: block;
  width: 100%;
  height: auto;
  flex-shrink: 0;
  padding: 0;
  overflow: hidden;
  background: #fff;
}

.reward-showcase-image {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}

.reward-showcase-content {
  margin-top: auto;
}

.reward-showcase-note {
  margin-top: 0;
}

.reward-showcase-card:hover .reward-showcase-image {
  transform: none;
}

/* Smooth reward carousel chevron interaction */
.reward-showcase-arrow{transition:background-color .28s ease,box-shadow .28s ease}
.reward-showcase-arrow:hover{transform:none;box-shadow:0 9px 20px rgba(95,12,31,.25)}
.reward-showcase-arrow svg{transform:translateX(0);transition:transform .32s cubic-bezier(.22,1,.36,1)}
.reward-showcase-arrow.reward-prev:hover:not(.swiper-button-disabled) svg{transform:translateX(-3px)}
.reward-showcase-arrow.reward-next:hover:not(.swiper-button-disabled) svg{transform:translateX(3px)}
.reward-showcase-arrow:active:not(.swiper-button-disabled) svg{transition-duration:.12s}
.reward-showcase-arrow.reward-prev:active:not(.swiper-button-disabled) svg{transform:translateX(-1px)}
.reward-showcase-arrow.reward-next:active:not(.swiper-button-disabled) svg{transform:translateX(1px)}
.reward-showcase-arrow.swiper-button-disabled svg{transform:none}
@media(prefers-reduced-motion:reduce){.reward-showcase-arrow svg{transition:none}.reward-showcase-arrow:hover svg,.reward-showcase-arrow:active svg{transform:none}}

/* About intro section */
.about-intro-section{padding:76px 0;background:linear-gradient(135deg,#fff 0%,#fffaf7 52%,#fff 100%);scroll-margin-top:82px}.about-intro-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:48px;align-items:center}.about-intro-visual{height:650px;border-radius:42px;overflow:hidden;box-shadow:0 16px 38px rgba(74,27,32,.12)}.about-intro-visual img{display:block;width:100%;height:100%;object-fit:cover}.about-intro-eyebrow{display:flex;align-items:center;gap:18px;margin-bottom:18px;color:#8b2537}.about-intro-eyebrow span{font-size:12px;font-weight:600;letter-spacing:2.7px}.about-intro-eyebrow i{display:block;width:84px;height:1px;background:#8b2537}.about-intro-content h2{margin:0;color:#671326;font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,4vw,58px);font-weight:700;line-height:1.08;letter-spacing:-1.7px}.about-intro-description{margin:20px 0 24px;color:#62646d;font-size:15px;line-height:1.65}.about-intro-values{display:grid;gap:10px}.about-intro-value{display:grid;grid-template-columns:58px 38px 1fr;gap:12px;align-items:center;padding:13px 17px;border:1px solid #eee3e4;border-radius:17px;background:rgba(255,255,255,.8);box-shadow:0 4px 14px rgba(67,30,36,.025)}.about-intro-value__icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;color:#86172c;background:#fae9ed}.about-intro-value__icon svg{width:27px;height:27px;stroke-width:1.8}.about-intro-value__number{color:#7c172a;font-size:14px;font-weight:600}.about-intro-value h3{margin:0 0 3px;color:#681326;font-size:15px;font-weight:700}.about-intro-value p{margin:0;color:#676970;font-size:11px;line-height:1.5}.about-intro-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;padding:12px 23px;border:1px solid var(--primary-burgundy);border-radius:999px;color:#fff;background:var(--primary-burgundy);font-size:13px;font-weight:600;text-decoration:none;transition:background .25s ease,box-shadow .25s ease}.about-intro-button:hover{color:#fff;background:#651023;box-shadow:0 8px 20px rgba(103,19,38,.18)}.about-intro-button svg{width:17px;height:17px;transition:transform .3s cubic-bezier(.22,1,.36,1)}.about-intro-button:hover svg{transform:translateX(4px)}.about-intro-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px;padding:20px 24px;border:1px solid #eddddf;border-radius:18px;background:#fff7f8;box-shadow:0 6px 18px rgba(68,28,35,.035)}.about-intro-stats>div{display:flex;align-items:center;gap:14px;min-height:58px;padding:0 22px;border-left:1px solid #ead9dc}.about-intro-stats>div:first-child{border-left:0}.about-intro-stats>div>span{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;color:#82162b;background:#f8e5e9}.about-intro-stats svg{width:23px;height:23px}.about-intro-stats p{display:flex;flex-direction:column;margin:0}.about-intro-stats strong{color:#681326;font-size:17px}.about-intro-stats small{margin-top:2px;color:#626873;font-size:9px;line-height:1.4}@media(max-width:1199.98px){.about-intro-grid{gap:34px}.about-intro-visual{height:590px}.about-intro-content h2{font-size:44px}.about-intro-stats>div{padding:0 13px}}@media(max-width:991.98px){.about-intro-section{padding:60px 0}.about-intro-grid{grid-template-columns:1fr}.about-intro-visual{height:auto;aspect-ratio:1.2/1}.about-intro-content h2{font-size:44px}.about-intro-stats{grid-template-columns:1fr 1fr}.about-intro-stats>div:nth-child(3){border-left:0}.about-intro-stats>div:nth-child(n+3){padding-top:14px;border-top:1px solid #ead9dc}}@media(max-width:575.98px){.about-intro-section{padding:46px 0}.about-intro-grid{gap:27px}.about-intro-visual{border-radius:25px}.about-intro-eyebrow{margin-bottom:13px}.about-intro-eyebrow i{width:52px}.about-intro-content h2{font-size:34px;letter-spacing:-.8px}.about-intro-description{font-size:13px}.about-intro-value{grid-template-columns:48px 28px 1fr;padding:11px 12px}.about-intro-value__icon{width:45px;height:45px}.about-intro-value__icon svg{width:22px;height:22px}.about-intro-value p{font-size:10px}.about-intro-stats{grid-template-columns:1fr;padding:12px 18px}.about-intro-stats>div,.about-intro-stats>div:nth-child(3){padding:12px 4px;border-top:1px solid #ead9dc;border-left:0}.about-intro-stats>div:first-child{border-top:0}.about-intro-stats small{font-size:10px}}@media(prefers-reduced-motion:reduce){.about-intro-button,.about-intro-button svg{transition:none}.about-intro-button:hover svg{transform:none}}

/* Product assurance banner over the about visual */
.about-intro-visual{position:relative}
.about-visual-banner{position:absolute;right:20px;bottom:18px;left:20px;display:grid;grid-template-columns:repeat(3,1fr);padding:13px 15px;border:1px solid rgba(255,255,255,.65);border-radius:24px;background:rgba(255,247,244,.91);box-shadow:0 9px 22px rgba(67,21,30,.13);backdrop-filter:blur(8px)}
.about-visual-banner>div{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 12px;border-left:1px solid #ead8da}
.about-visual-banner>div:first-child{border-left:0}
.about-visual-banner span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;color:#80162b;background:#f9e5e9}
.about-visual-banner svg{width:21px;height:21px;stroke-width:1.8}
.about-visual-banner p{margin:0;color:#671326;font-size:10px;font-weight:500;line-height:1.45}
@media(max-width:575.98px){.about-visual-banner{right:10px;bottom:10px;left:10px;padding:8px 5px;border-radius:16px}.about-visual-banner>div{gap:5px;min-height:44px;padding:0 4px}.about-visual-banner span{width:32px;height:32px;flex-basis:32px}.about-visual-banner svg{width:16px;height:16px}.about-visual-banner p{font-size:7px}}

/* Use the primary brand typeface for the About heading. */
.about-intro-content h2{font-family:'Poppins',sans-serif}

/* Simplified About values: icon and copy only. */
.about-intro-value{grid-template-columns:58px 1fr}
@media(max-width:575.98px){.about-intro-value{grid-template-columns:48px 1fr}}

/* Unified landing page section headings */
.section-heading-unified{margin:0 0 34px!important;text-align:center}
.section-heading-eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:16px}
.section-heading-eyebrow strong{min-width:176px;padding:7px 24px;border:1px solid #e4bcc5;border-radius:999px;color:var(--primary-burgundy);background:#fff;font-size:10px;font-weight:600;letter-spacing:3px}
.section-heading-eyebrow span{position:relative;width:34px;height:1px;background:#e4bcc5}
.section-heading-eyebrow span::before{content:"";position:absolute;top:-3px;width:7px;height:7px;background:var(--primary-burgundy);transform:rotate(45deg)}
.section-heading-eyebrow span:first-child::before{left:-1px}
.section-heading-eyebrow span:last-child::before{right:-1px}
.section-heading-unified h2{margin:0 0 8px!important;color:#10131a!important;font-family:'Poppins',sans-serif!important;font-size:clamp(34px,4vw,56px)!important;font-weight:700!important;line-height:1.16!important;letter-spacing:-1.5px!important}
.section-heading-unified h2 em{color:var(--primary-burgundy);font-style:normal}
.section-heading-unified>p{max-width:760px;margin:0 auto!important;color:#686b73!important;font-size:15px!important;line-height:1.6}
@media(max-width:575.98px){.section-heading-unified{margin-bottom:27px!important}.section-heading-eyebrow{gap:9px;margin-bottom:13px}.section-heading-eyebrow span{width:20px}.section-heading-eyebrow strong{min-width:145px;padding:6px 15px;font-size:8px;letter-spacing:2px}.section-heading-unified h2{font-size:31px!important;letter-spacing:-.8px!important}.section-heading-unified>p{font-size:12px!important}}

/* Testimonial thumbnail carousel and video modal */
.testimonial-section{padding:72px 0;background:linear-gradient(180deg,#fdfbfb 0%,#f8f3f4 100%);scroll-margin-top:80px}.testimonial-slider{position:relative}.testimonialSwiper{padding:4px 2px 16px}.testimonialSwiper .swiper-slide{height:auto}.testimonial-card{display:flex;flex-direction:column;height:100%;min-height:500px;border:1px solid #ece3e5;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(56,25,33,.07);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.testimonial-card:hover{transform:translateY(-5px);border-color:#ddb5bd;box-shadow:0 15px 30px rgba(76,18,33,.11)}.testimonial-thumbnail{position:relative;display:block;width:100%;height:285px;padding:0;border:0;background:#eee;overflow:hidden;cursor:pointer}.testimonial-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}.testimonial-thumbnail::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,8,12,.02),rgba(24,8,12,.42));transition:background .3s ease}.testimonial-thumbnail:hover img{transform:scale(1.045);filter:brightness(.9)}.testimonial-play{position:absolute;top:50%;left:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.8);border-radius:50%;color:#fff;background:rgba(123,17,40,.82);box-shadow:0 8px 20px rgba(28,5,10,.24);transform:translate(-50%,-50%);transition:background .25s ease,transform .3s cubic-bezier(.22,1,.36,1)}.testimonial-play svg{width:24px;height:24px;margin-left:3px;fill:currentColor}.testimonial-thumbnail:hover .testimonial-play{background:#7b1128;transform:translate(-50%,-50%) scale(1.08)}.testimonial-play-label{position:absolute;right:0;bottom:18px;left:0;z-index:2;color:#fff;font-size:10px;font-weight:600;letter-spacing:1.2px;text-align:center;text-transform:uppercase}.testimonial-card__body{display:flex;flex:1;flex-direction:column;padding:21px 20px}.testimonial-stars{display:flex;gap:3px;color:#e4a829}.testimonial-stars svg{width:14px;height:14px;fill:currentColor;stroke:currentColor}.testimonial-card blockquote{margin:13px 0 20px;color:#66636a;font-size:11px;font-style:italic;line-height:1.7}.testimonial-person{display:flex;align-items:center;gap:11px;margin-top:auto;padding-top:15px;border-top:1px solid #eee7e8}.testimonial-person>span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;color:#fff;background:var(--primary-burgundy);font-size:11px;font-weight:700}.testimonial-person div{display:flex;flex-direction:column}.testimonial-person strong{color:#721426;font-size:12px}.testimonial-person small{margin-top:2px;color:#7a7579;font-size:9px}.testimonial-arrow{position:absolute;top:45%;z-index:4;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;color:#fff;background:var(--primary-burgundy);box-shadow:0 7px 16px rgba(95,12,31,.2)}.testimonial-arrow svg{width:23px;height:23px;transition:transform .3s cubic-bezier(.22,1,.36,1)}.testimonial-prev{left:-58px}.testimonial-next{right:-58px}.testimonial-prev:hover svg{transform:translateX(-3px)}.testimonial-next:hover svg{transform:translateX(3px)}.testimonial-pagination{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:14px}.testimonial-pagination .swiper-pagination-bullet{width:9px;height:9px;margin:0!important;background:#bdb8ba;opacity:.7}.testimonial-pagination .swiper-pagination-bullet-active{background:var(--primary-burgundy);opacity:1}.testimonial-modal[hidden]{display:none}.testimonial-modal{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:24px}.testimonial-modal__backdrop{position:absolute;inset:0;background:rgba(15,17,22,.78);backdrop-filter:blur(5px)}.testimonial-modal__dialog{position:relative;z-index:1;width:min(900px,100%);border-radius:18px;background:#fff;box-shadow:0 25px 70px rgba(0,0,0,.35);overflow:hidden}.testimonial-modal__dialog>header{display:flex;align-items:center;justify-content:space-between;padding:16px 19px;border-bottom:1px solid #eee3e5}.testimonial-modal__dialog>header>div{display:flex;align-items:center;gap:12px}.testimonial-modal__dialog>header>div>span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:#82162b;background:#f9e8ec}.testimonial-modal__dialog header svg{width:21px;height:21px}.testimonial-modal__dialog header small{color:#8b1a30;font-size:8px;font-weight:600;letter-spacing:1.8px}.testimonial-modal__dialog header h2{margin:2px 0 0;color:#1c1a1f;font-size:17px}.testimonial-modal__dialog header>button{display:flex;align-items:center;justify-content:center;width:37px;height:37px;padding:0;border:0;border-radius:50%;color:#2b292d;background:#f5f2f3}.testimonial-modal__video{background:#080808;aspect-ratio:16/9}.testimonial-modal__video video{display:block;width:100%;height:100%;object-fit:contain}.testimonial-modal.is-open{display:flex}.testimonial-modal-open{overflow:hidden}@media(max-width:1199.98px){.testimonial-slider{padding:0 48px}.testimonial-prev{left:-3px}.testimonial-next{right:-3px}}@media(max-width:767.98px){.testimonial-section{padding:54px 0}.testimonial-card{min-height:470px}.testimonial-thumbnail{height:270px}.testimonial-slider{padding:0 38px}.testimonial-arrow{width:39px;height:39px}.testimonial-prev{left:-2px}.testimonial-next{right:-2px}}@media(max-width:575.98px){.testimonial-section{padding:44px 0}.testimonial-slider{padding:0 24px}.testimonial-card{min-height:450px}.testimonial-thumbnail{height:260px}.testimonial-prev{left:-7px}.testimonial-next{right:-7px}.testimonial-modal{padding:12px}.testimonial-modal__dialog>header{padding:12px}.testimonial-modal__dialog header h2{font-size:14px}}@media(prefers-reduced-motion:reduce){.testimonial-card,.testimonial-thumbnail img,.testimonial-play,.testimonial-arrow svg{transition:none}.testimonial-card:hover,.testimonial-thumbnail:hover img,.testimonial-thumbnail:hover .testimonial-play{transform:none}}

/* Reveal testimonial play control only on interaction. */
.testimonial-play{opacity:0;transform:translate(-50%,-50%) scale(.88);pointer-events:none;transition:opacity .25s ease,background .25s ease,transform .32s cubic-bezier(.22,1,.36,1)}
.testimonial-thumbnail:hover .testimonial-play,.testimonial-thumbnail:focus-visible .testimonial-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
.testimonial-thumbnail:focus-visible{outline:3px solid rgba(123,17,40,.28);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.testimonial-play{transition:none}}

/* Compact hero height on wide screens. */
.hero-banner-wrapper .carousel-item{height:clamp(360px,34vw,520px);aspect-ratio:auto}
@media(max-width:767.98px){.hero-banner-wrapper .carousel-item{height:auto;aspect-ratio:2/1}}

/* Full viewport hero height. */
.hero-banner-wrapper,.hero-banner-wrapper #heroCarousel,.hero-banner-wrapper .carousel-inner,.hero-banner-wrapper .carousel-item{height:100vh;min-height:100vh}
.hero-banner-wrapper .carousel-item{aspect-ratio:auto}
@supports(height:100dvh){.hero-banner-wrapper,.hero-banner-wrapper #heroCarousel,.hero-banner-wrapper .carousel-inner,.hero-banner-wrapper .carousel-item{height:100dvh;min-height:100dvh}}

/* Final responsive navbar and full-screen hero */
:root{--skinb-navbar-height:86px}
.skinb-navbar{height:var(--skinb-navbar-height);min-height:var(--skinb-navbar-height);padding:.85rem 0}
.skinb-navbar-logo{height:46px}
.hero-banner-wrapper,.hero-banner-wrapper #heroCarousel,.hero-banner-wrapper .carousel-inner,.hero-banner-wrapper .carousel-item{height:calc(100vh - var(--skinb-navbar-height));min-height:calc(100vh - var(--skinb-navbar-height))}
@supports(height:100dvh){.hero-banner-wrapper,.hero-banner-wrapper #heroCarousel,.hero-banner-wrapper .carousel-inner,.hero-banner-wrapper .carousel-item{height:calc(100dvh - var(--skinb-navbar-height));min-height:calc(100dvh - var(--skinb-navbar-height))}}

@media(max-width:991.98px){
  :root{--skinb-navbar-height:92px}
  .skinb-navbar{height:auto;min-height:var(--skinb-navbar-height);padding:1rem 0}
  .skinb-navbar .navbar-brand{min-height:52px}
  .skinb-navbar .navbar-toggler{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid rgba(123,17,35,.08)!important;border-radius:13px;background:#fcf3f5!important;box-shadow:none}
  .skinb-navbar .navbar-toggler-icon{width:25px;height:25px;background-size:25px 25px}
  .skinb-navbar .navbar-toggler:hover,.skinb-navbar .navbar-toggler:focus-visible{background:#f8e8ec!important}
}

@media(max-width:767.98px){
  .hero-banner-wrapper,.hero-banner-wrapper #heroCarousel,.hero-banner-wrapper .carousel-inner,.hero-banner-wrapper .carousel-item{height:calc(100vh - var(--skinb-navbar-height));min-height:560px;aspect-ratio:auto}
  @supports(height:100dvh){.hero-banner-wrapper,.hero-banner-wrapper #heroCarousel,.hero-banner-wrapper .carousel-inner,.hero-banner-wrapper .carousel-item{height:calc(100dvh - var(--skinb-navbar-height));min-height:560px}}
  .hero-banner-wrapper .carousel-item>img{width:100%;height:100%!important;object-fit:cover!important;object-position:center center}
  .hero-banner-wrapper .carousel-item>.position-absolute{align-items:flex-end!important;padding:90px 0 70px;background:linear-gradient(180deg,rgba(255,255,255,0) 28%,rgba(255,255,255,.18) 48%,rgba(255,255,255,.94) 82%,rgba(255,255,255,.98) 100%)}
  .hero-banner-wrapper .carousel-item>.position-absolute .container{padding-right:23px;padding-left:23px}
  .hero-banner-wrapper .carousel-item>.position-absolute .row{margin:0}
  .hero-banner-wrapper .carousel-item>.position-absolute [class*="col-"]{padding:0}
  .hero-title{max-width:520px;margin-bottom:10px!important;font-size:clamp(22px,6vw,29px)!important;line-height:1.18!important;letter-spacing:-.55px}
  .hero-desc{display:block;max-width:520px;margin-bottom:15px!important;font-size:12px!important;line-height:1.55!important;-webkit-line-clamp:unset;overflow:visible}
  .hero-banner-wrapper .d-flex.flex-wrap{flex-direction:row!important;align-items:center!important;gap:8px!important}
  .hero-banner-wrapper .btn{min-height:39px;padding:8px 13px!important;font-size:10px!important;line-height:1.2}
  .hero-carousel-control{top:46%;width:40px;height:40px}
  .hero-carousel-control-prev{left:12px}
  .hero-carousel-control-next{right:12px}
  .hero-banner-wrapper .carousel-indicators{margin-bottom:15px}
}

@media(max-width:420px){
  :root{--skinb-navbar-height:88px}
  .skinb-navbar{padding:.85rem 0}
  .skinb-navbar-logo{height:39px}
  .skinb-navbar-wordmark{font-size:1.18rem}
  .skinb-navbar-tagline{font-size:.4rem;letter-spacing:.9px}
  .skinb-navbar .navbar-toggler{width:44px;height:44px;border-radius:11px}
  .hero-banner-wrapper .carousel-item>.position-absolute{padding-bottom:60px}
  .hero-title{font-size:21px!important}
  .hero-desc{font-size:11px!important}
  .hero-banner-wrapper .d-flex.flex-wrap{align-items:flex-start!important;flex-direction:column!important;gap:7px!important}
  .hero-banner-wrapper .btn{min-height:36px;padding:7px 11px!important;font-size:9px!important}
}

/* Tidy mobile navigation dropdown */
@media(max-width:991.98px){
  .skinb-navbar .navbar-collapse{margin-top:10px;padding:10px;border-radius:13px}
  .skinb-navbar .navbar-nav{align-items:stretch!important;gap:2px}
  .skinb-navbar .navbar-nav .nav-item{width:100%;margin:0!important}
  .skinb-navbar .nav-link{display:flex;align-items:center;min-height:43px;padding:10px 13px!important;border-radius:8px;font-size:14px!important;line-height:1.25}
  .skinb-navbar .nav-link::after{left:13px;bottom:6px}
  .skinb-navbar-cta{margin:8px 0 0;padding-top:8px;border-top:1px solid rgba(123,17,35,.08)}
  .skinb-navbar .nav-btn-cta{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px!important;border-radius:8px;font-size:12px!important}
}
@media(max-width:420px){
  .skinb-navbar .navbar-collapse{padding:9px}
  .skinb-navbar .nav-link{min-height:41px;padding:9px 12px!important;font-size:13px!important}
  .skinb-navbar .nav-btn-cta{min-height:42px}
}

/* Minimal mobile menu list with smooth collapse */
@media(max-width:991.98px){
  .skinb-navbar .navbar-collapse{padding:6px 0 0;border:0;border-top:1px solid rgba(123,17,35,.1);border-radius:0;background:#fff;box-shadow:none}
  .skinb-navbar .navbar-collapse.collapsing{transition:height .34s cubic-bezier(.22,1,.36,1)}
  .skinb-navbar .navbar-nav{gap:0}
  .skinb-navbar .navbar-nav .nav-item{border-bottom:1px solid rgba(123,17,35,.1)}
  .skinb-navbar .nav-link{min-height:46px;padding:12px 4px!important;border-radius:0;background:transparent!important;transition:color .22s ease,padding-left .3s cubic-bezier(.22,1,.36,1)}
  .skinb-navbar .nav-link:hover,.skinb-navbar .nav-link:focus-visible,.skinb-navbar .nav-link.active{padding-left:10px!important;background:transparent!important}
  .skinb-navbar .nav-link::after{left:4px;bottom:8px}
  .skinb-navbar-cta{margin:10px 0 0;padding-top:0;border-top:0}
  .skinb-navbar .nav-btn-cta{box-shadow:none}
}
@media(prefers-reduced-motion:reduce){.skinb-navbar .navbar-collapse.collapsing,.skinb-navbar .nav-link{transition:none}}

/* Reduce the gap above the About section. */
.about-intro-section{padding-top:38px}
@media(max-width:991.98px){.about-intro-section{padding-top:32px}}
@media(max-width:575.98px){.about-intro-section{padding-top:26px}}

/* Remove legacy spacing above the mobile navigation list. */
@media(max-width:991.98px){
  #skinbNavbar.show,#skinbNavbar.collapsing{padding-top:0!important;padding-bottom:0!important}
  #skinbNavbar .navbar-nav{margin-top:0!important;margin-bottom:0!important;padding-top:0!important}
  #skinbNavbar .nav-btn-cta{margin-top:0!important}
}

/* Mobile hero: swipe-only controls and balanced actions */
@media(max-width:767.98px){
  .hero-carousel-control{display:none!important}
  .hero-banner-wrapper .carousel-item:nth-child(1)>img{object-position:70% center!important}
  .hero-banner-wrapper .carousel-item:nth-child(2)>img{object-position:78% center!important}
  .hero-banner-wrapper .d-flex.flex-wrap{width:160px}
  .hero-banner-wrapper .btn{width:160px;min-width:160px;justify-content:center}
}
@media(max-width:420px){
  .hero-banner-wrapper .d-flex.flex-wrap{width:156px}
  .hero-banner-wrapper .btn{width:156px;min-width:156px}
}

/* Compact mobile hero with two equal action columns */
@media(max-width:767.98px){
  .hero-banner-wrapper,.hero-banner-wrapper #heroCarousel,.hero-banner-wrapper .carousel-inner,.hero-banner-wrapper .carousel-item{height:clamp(520px,145vw,640px);min-height:0}
  @supports(height:100dvh){.hero-banner-wrapper,.hero-banner-wrapper #heroCarousel,.hero-banner-wrapper .carousel-inner,.hero-banner-wrapper .carousel-item{height:clamp(520px,145vw,640px);min-height:0}}
  .hero-banner-wrapper .carousel-item>.position-absolute{padding-bottom:56px}
  .hero-banner-wrapper .d-flex.flex-wrap{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch!important;width:100%;max-width:350px;gap:8px!important}
  .hero-banner-wrapper .btn{width:100%;min-width:0;min-height:40px;padding:7px 8px!important;justify-content:center;white-space:normal;text-align:center;font-size:9px!important}
}
@media(max-width:420px){
  .hero-banner-wrapper,.hero-banner-wrapper #heroCarousel,.hero-banner-wrapper .carousel-inner,.hero-banner-wrapper .carousel-item{height:clamp(510px,150vw,610px)}
  @supports(height:100dvh){.hero-banner-wrapper,.hero-banner-wrapper #heroCarousel,.hero-banner-wrapper .carousel-inner,.hero-banner-wrapper .carousel-item{height:clamp(510px,150vw,610px)}}
  .hero-banner-wrapper .d-flex.flex-wrap{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:100%}
  .hero-banner-wrapper .btn{width:100%;min-width:0;font-size:8px!important}
}

/* Prevent page-level horizontal overflow while preserving carousel swipes. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
@supports(overflow:clip){html,body{overflow-x:clip}}
body{position:relative}
.hero-banner-wrapper,.about-intro-section,.packages-section,.bonus-showcase,.featured-products-section,.reward-showcase-section,.testimonial-section,section{max-width:100%}
.productSwiper,.rewardSwiper,.testimonialSwiper,.featured-products-slider,.reward-showcase-slider,.testimonial-slider{max-width:100%;min-width:0}
@media(max-width:767.98px){
  .featured-products-slider,.reward-showcase-slider,.testimonial-slider{box-sizing:border-box;width:100%}
  .swiper-wrapper,.swiper-slide{min-width:0}
}

/* Final responsive overrides for the About page (content remains unchanged) */
.skin-about-hero,.skin-about-leadership,.skin-about-profile,.skin-about-vision,.skin-about-mission{max-width:100%;overflow:hidden}
.skin-about-hero-grid,.skin-about-leaders,.skin-about-profile-grid,.skin-about-career-grid,.skin-about-vision-list,.skin-about-mission-grid{min-width:0}
.skin-about-profile-content,.skin-about-mission-intro,.skin-about-mission-list,.skin-about-vision-item{min-width:0}
.skin-about-profile-content h2,.skin-about-profile-content p,.skin-about-profile-content li,.skin-about-mission-item p,.skin-about-vision-item p{overflow-wrap:anywhere}

@media(max-width:1199.98px){
  .skin-about-hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:42px}
  .skin-about-leaders{gap:20px}
  .skin-about-profile{padding:76px 0!important}
  .skin-about-profile-grid,.skin-about-profile-reverse{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr)!important;gap:42px!important}
  .skin-about-profile-image img{width:100%!important;height:auto!important;max-height:560px;object-fit:contain!important}
  .skin-about-vision{padding:76px 0!important}
  .skin-about-vision-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
  .skin-about-vision-item{padding:28px 24px!important}
  .skin-about-mission{padding:76px 0!important}
  .skin-about-mission-grid{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr)!important;gap:36px!important}
  .skin-about-mission-intro{padding:34px!important}
}

@media(max-width:767.98px){
  .skin-about-hero-grid{grid-template-columns:1fr!important;gap:34px;padding:54px 0 62px}
  .skin-about-hero-content{max-width:100%}
  .skin-about-hero h1{font-size:clamp(38px,11vw,49px);line-height:1.02;letter-spacing:-2px}
  .skin-about-hero p{max-width:100%;font-size:13px;line-height:1.7}
  .skin-about-hero-visual{width:100%;max-width:430px}
  .skin-about-hero-frame img{width:100%;height:auto;max-height:460px;object-fit:cover}
  .skin-about-hero-badge{right:12px;bottom:14px;left:12px;width:auto;padding:14px 16px}

  .skin-about-leadership{padding:60px 0!important}
  .skin-about-section-head{display:block;max-width:100%;margin-bottom:32px}
  .skin-about-section-head h2{margin-bottom:16px;font-size:36px;line-height:1.08}
  .skin-about-section-head>p{max-width:100%;font-size:13px}
  .skin-about-leaders{grid-template-columns:1fr!important;gap:18px}
  .skin-about-leader-card,.skin-about-leader-card:last-child{grid-column:auto;width:100%;max-width:100%;margin:0}
  .skin-about-leader-image{height:380px}
  .skin-about-leader-info{padding-right:55px}

  .skin-about-profile{padding:60px 0!important}
  .skin-about-profile-grid,.skin-about-profile-reverse{grid-template-columns:1fr!important;gap:34px!important}
  .skin-about-profile-reverse .skin-about-profile-image{order:-1}
  .skin-about-profile-image{width:min(100%,430px);max-width:430px;margin:0 auto;padding:9px}
  .skin-about-profile-image img{width:100%!important;height:auto!important;max-height:520px;object-fit:contain!important}
  .skin-about-profile-content h2{font-size:30px!important;line-height:1.2!important}
  .skin-about-profile-quote{padding:14px 16px!important;font-size:14px!important;line-height:1.65!important;margin-bottom:22px!important}
  .skin-about-highlight-list li{font-size:13px!important;line-height:1.6}
  .skin-about-career-grid{grid-template-columns:1fr!important;gap:0!important}
  .skin-about-career-grid ul{margin-bottom:0}
  .skin-about-experience{gap:14px!important}
  .skin-about-experience-item{gap:12px!important}
  .skin-about-experience-item p{margin-bottom:0}

  .skin-about-vision{padding:60px 0!important}
  .skin-about-vision-top{display:block!important;margin-bottom:30px!important;padding-bottom:22px!important}
  .skin-about-vision-top h2{font-size:36px!important;line-height:1.12!important}
  .skin-about-vision-statement{display:block!important;padding:24px!important;margin-bottom:30px!important}
  .skin-about-vision-statement p{font-size:16px!important;line-height:1.7!important}
  .skin-about-vision-list{grid-template-columns:1fr!important;gap:14px!important;margin-top:0}
  .skin-about-vision-item,.skin-about-vision-item:not(:first-child){min-height:0;padding:22px 20px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px}
  .skin-about-vision-item>span{margin-bottom:11px!important}
  .skin-about-vision-item h3{font-size:17px!important}
  .skin-about-vision-item p{font-size:13px!important}

  .skin-about-mission{padding:60px 0!important}
  .skin-about-mission-grid{grid-template-columns:1fr!important;gap:24px!important}
  .skin-about-mission-intro{padding:26px!important;border-radius:13px!important}
  .skin-about-mission-intro h2{font-size:32px!important;margin-bottom:18px!important}
  .skin-about-mission-intro ul{font-size:13px!important;line-height:1.65!important}
  .skin-about-mission-list{gap:12px!important}
  .skin-about-mission-item{display:block!important;padding:20px!important;border-radius:10px!important}
  .skin-about-mission-item h3{font-size:16px!important}
  .skin-about-mission-item p{font-size:13px!important;line-height:1.6!important}
}

@media(max-width:479.98px){
  .skin-about-hero-grid{padding:42px 0 50px}
  .skin-about-hero h1{font-size:36px;letter-spacing:-1.5px}
  .skin-about-eyebrow{font-size:9px;letter-spacing:2px}
  .skin-about-hero-frame img{max-height:370px}
  .skin-about-hero-badge{position:relative;right:auto;bottom:auto;left:auto;margin:-18px 12px 0}

  .skin-about-leadership,.skin-about-profile,.skin-about-vision,.skin-about-mission{padding:48px 0!important}
  .skin-about-section-head h2{font-size:31px}
  .skin-about-leader-image{height:320px}
  .skin-about-leader-info h3{font-size:21px}

  .skin-about-profile-image{padding:7px}
  .skin-about-profile-content h2{font-size:26px!important}
  .skin-about-profile-quote{font-size:13px!important}
  .skin-about-experience-item{align-items:flex-start!important}
  .skin-about-experience-number{padding:6px 9px!important;font-size:15px!important}

  .skin-about-vision-top h2{font-size:31px!important}
  .skin-about-vision-statement{padding:20px!important}
  .skin-about-vision-statement p{font-size:14px!important}
  .skin-about-vision-item{padding:19px 17px!important}

  .skin-about-mission-intro{padding:22px!important}
  .skin-about-mission-intro h2{font-size:28px!important}
  .skin-about-mission-item{padding:18px!important}
}

/* Footer brand description and contact details */
.footer-brand-description{max-width:340px;margin:14px 0 0;color:#777074;font-size:11px;line-height:1.75}
.footer-contact-list li{display:flex;align-items:flex-start;gap:9px;line-height:1.55}
.footer-contact-list li svg{width:15px;height:15px;flex:0 0 15px;margin-top:3px;color:var(--primary-burgundy)}
.footer-contact-list a{color:inherit;text-decoration:none;overflow-wrap:anywhere}
.footer-contact-list a:hover{color:var(--primary-burgundy)}
.footer-contact-address span{font-size:inherit;line-height:inherit}
@media(max-width:767.98px){.footer-brand-description{max-width:520px}.footer-contact-address{max-width:520px}}

/* Keep native anchor jumps aligned with the sticky navbar. */
html{scroll-padding-top:calc(var(--skinb-navbar-height) + 46px)!important}
section[id],div[id]{scroll-margin-top:calc(var(--skinb-navbar-height) + 46px)!important}
/* Product cards link to their detail pages. */
.featured-product-detail-link{position:absolute;inset:0;z-index:5;border-radius:inherit}