/*
		 Premium FAQ Styles 2025, Irish Manual Handling
		 Plus Jakarta Sans typography (modern, distinctive),
		 glass morphism effects,
		 smooth accordion animations,
		 card hover micro interactions,
		 enhanced spacing and breathing room.
		*/
		.uiux_faq {
			--uiux-bg-grad-start: #f8faff;
			--uiux-bg-grad-mid: #f0f6ff;
			--uiux-bg-grad-end: #e8f1ff;
			--uiux-text-title: #0c1b33;
			--uiux-text-body: #1a2942;
			--uiux-text-secondary: #526380;
			--uiux-muted: #7a8da6;
			--uiux-card-bg: rgba(255, 255, 255, 0.92);
			--uiux-card-bg-solid: #ffffff;
			--uiux-acc-hover: linear-gradient(135deg, #f0f7ff 0%, #e8f2ff 100%);
			--uiux-panel-bg: linear-gradient(135deg, #f6faff 0%, #f0f6ff 100%);
			/* Premium brand gradient spectrum */
			--uiux-brand-a: #60a5fa;
			--uiux-brand-b: #3b82f6;
			--uiux-brand-c: #2563eb;
			--uiux-brand-d: #1d4ed8;
			/* Deep premium accents */
			--uiux-premium-0: #0d1a2d;
			--uiux-premium-1: #1e3a8a;
			--uiux-premium-2: #2563eb;
			--uiux-premium-3: #3b82f6;
			/* Glass effect colors */
			--uiux-glass-border: rgba(255, 255, 255, 0.6);
			--uiux-glass-shadow: rgba(59, 130, 246, 0.08);
			
			font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
			color: var(--uiux-text-body);
			font-size: 17px;
			line-height: 1.75;
			background: 
				radial-gradient(ellipse 80% 50% at 50% -20%, rgba(59, 130, 246, 0.08) 0%, transparent 50%),
				linear-gradient(180deg, var(--uiux-bg-grad-start) 0%, var(--uiux-bg-grad-mid) 50%, var(--uiux-bg-grad-end) 100%);
			min-height: 100vh;
			min-height: 100dvh;
			overflow-x: hidden;
		}

		.uiux_faq * { 
			font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
		}

		/* Container with better max-width */
		.uiux_container {
			max-width: 1240px;
			margin-inline: auto;
			padding: 48px 48px 64px;
			box-sizing: border-box;
		}
		@media (max-width: 767.98px) {
			.uiux_faq { font-size: 16px; }
			.uiux_container { padding: 28px 20px 48px; }
		}

		/* ============================================================
		   HERO 2026: premium centered header under the sub-nav bar.
		   Glass badge, gradient headline, readable lead, trust chips.
		   ============================================================ */
		.uiux_faq .faqxHero {
			position: relative;
			max-width: 1240px;
			margin-inline: auto;
			padding: clamp(38px, 4.6vw, 68px) clamp(20px, 4vw, 48px) clamp(4px, 1vw, 10px);
			text-align: center;
		}
		.uiux_faq .faqxHero__badge {
			display: inline-flex;
			align-items: center;
			gap: 9px;
			padding: 9px 20px;
			border-radius: 999px;
			background: rgba(255, 255, 255, 0.8);
			border: 1px solid rgba(37, 99, 235, 0.22);
			box-shadow: 0 8px 22px -12px rgba(13, 26, 45, 0.28);
			backdrop-filter: blur(8px);
			-webkit-backdrop-filter: blur(8px);
			font-size: 14px;
			font-weight: 700;
			letter-spacing: 0.07em;
			text-transform: uppercase;
			color: #1e3a8a;
		}
		.uiux_faq .faqxHero__dot {
			width: 9px;
			height: 9px;
			border-radius: 50%;
			background: #2563eb;
			box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.45);
			animation: faqx-ping 2.2s ease-out infinite;
		}
		@keyframes faqx-ping {
			0% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.45); }
			70% { box-shadow: 0 0 0 9px rgba(37, 99, 235, 0); }
			100% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0); }
		}
		.uiux_faq .faqxHero__title {
			margin: clamp(18px, 2.2vw, 26px) 0 0;
			padding: 0;
			font-weight: 800;
			font-style: normal;
			font-size: clamp(33px, 4.2vw, 54px);
			line-height: 1.12;
			letter-spacing: -0.025em;
			color: var(--uiux-text-title);
			text-wrap: balance;
		}
		.uiux_faq .faqxHero__accent {
			display: block;
			margin-top: clamp(6px, 0.8vw, 10px);
			font-size: clamp(24px, 3vw, 39px);
			letter-spacing: -0.02em;
			background: linear-gradient(120deg, #1e3a8a 0%, #2563eb 55%, #3b82f6 100%);
			-webkit-background-clip: text;
			background-clip: text;
			color: transparent;
			-webkit-text-fill-color: transparent;
			line-height: 1.24;
			padding-bottom: 0.09em;
		}
		.uiux_faq .faqxHero__lead {
			max-width: 70ch;
			margin: clamp(16px, 1.8vw, 22px) auto 0;
			font-size: clamp(17px, 1vw + 12px, 20px);
			line-height: 1.65;
			font-weight: 500;
			color: #33455f;
		}
		.uiux_faq .faqxHero__lead a {
			color: #1d4ed8;
			font-weight: 700;
			text-decoration: underline;
			text-decoration-color: rgba(29, 78, 216, 0.35);
			text-underline-offset: 3px;
			transition: text-decoration-color 0.2s ease;
		}
		.uiux_faq .faqxHero__lead a:hover { text-decoration-color: #1d4ed8; }
		.uiux_faq .faqxHero__lead a::after { display: none; }
		.uiux_faq .faqxChips {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap: 10px 12px;
			max-width: 860px;
			margin: clamp(20px, 2.4vw, 30px) auto 0;
			padding: 0;
			list-style: none;
		}
		.uiux_faq .faqxChip {
			display: inline-flex;
			align-items: center;
			gap: 9px;
			padding: 10px 18px;
			border-radius: 999px;
			background: rgba(255, 255, 255, 0.85);
			border: 1px solid rgba(37, 99, 235, 0.16);
			box-shadow: 0 10px 24px -16px rgba(13, 26, 45, 0.3);
			font-size: 15px;
			font-weight: 700;
			line-height: 1.35;
			color: var(--uiux-text-body);
		}
		.uiux_faq .faqxChip svg {
			width: 17px;
			height: 17px;
			flex: 0 0 auto;
			color: #2563eb;
		}
		@media (max-width: 480px) {
			.uiux_faq .faqxHero { padding-top: 32px; }
			.uiux_faq .faqxHero__badge { font-size: 14px; padding: 8px 16px; }
			.uiux_faq .faqxHero__title { font-size: clamp(29px, 8.6vw, 33px); line-height: 1.14; }
			.uiux_faq .faqxHero__accent { font-size: clamp(21px, 6.4vw, 24px); }
			.uiux_faq .faqxHero__lead { font-size: 17px; }
			.uiux_faq .faqxChip { font-size: 14px; padding: 9px 15px; }
		}
		@media (max-width: 360px) {
			.uiux_faq .faqxHero__title { font-size: 28px; }
			.uiux_faq .faqxHero__accent { font-size: 20px; }
		}
		@media (prefers-reduced-motion: reduce) {
			.uiux_faq .faqxHero__dot { animation: none; }
		}

		/* Partner showcase spacing */
		#partnerShowcaseTitle.partner-title.partner-title-landing{ margin-top:80px !important; }
		@media (max-width:640px){
			#partnerShowcaseTitle.partner-title.partner-title-landing{ margin-top:clamp(36px, 10vw, 56px) !important; }
		}

		/* Hide top illustration */
		.uiux_topArt { display: none; }
		.uiux_topArt svg { display: none; }

		/* Hide Elfsight widget title header */
		.WidgetTitle__Header-sc-c581efe-2,
		.iAmBWe {
			display: none !important;
		}

		/* Grid layout */
		.uiux_grid { 
			display: grid; 
			gap: 28px; 
			width: 100%; 
			align-items: start; 
		}
		@media (min-width: 1024px) {
			.uiux_grid { grid-template-columns: 1fr 1fr; gap: 32px; }
		}
		.faqStack {
			display: grid;
			gap: 28px;
			align-content: start;
			min-width: 0;
		}

		/* Symmetric two column layout on desktop */
		@media (min-width: 1024px) {
			.faqStack { gap: 32px; }
		}

		/* Premium Card Styling with Glass Effect */
		.uiux_faq .faqBox {
			background: var(--uiux-card-bg);
			backdrop-filter: blur(12px);
			-webkit-backdrop-filter: blur(12px);
			border: 1px solid var(--uiux-glass-border);
			border-radius: 20px;
			box-shadow: 
				0 4px 24px var(--uiux-glass-shadow),
				0 1px 3px rgba(0, 0, 0, 0.04),
				inset 0 1px 0 rgba(255, 255, 255, 0.8);
			overflow: hidden;
			width: 100%;
			transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), 
						box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
		}
		.uiux_faq .faqBox:hover {
			transform: translateY(-4px);
			box-shadow: 
				0 12px 40px rgba(59, 130, 246, 0.12),
				0 4px 12px rgba(0, 0, 0, 0.06),
				inset 0 1px 0 rgba(255, 255, 255, 0.9);
		}

		/* Card Header with subtle glass effect */
		.uiux_faq .faqHeader { 
			display: flex; 
			align-items: center; 
			gap: 16px; 
			padding: 20px 24px;
			background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(248,251,255,0.9) 100%);
			border-bottom: 1px solid rgba(59, 130, 246, 0.08);
			position: relative;
		}
		.uiux_faq .faqHeader::after {
			content: "";
			position: absolute;
			bottom: 0;
			left: 24px;
			right: 24px;
			height: 1px;
			background: linear-gradient(90deg, transparent 0%, rgba(59, 130, 246, 0.15) 50%, transparent 100%);
		}

		/* Icon base styles */
		.uiux_faq .faqHeader img,
		.uiux_faq .faqIcon { 
			width: clamp(38px, 3.5vw, 50px); 
			height: clamp(38px, 3.5vw, 50px); 
			opacity: 1; 
			background: transparent;
			border-radius: 0; 
			padding: 0; 
			box-shadow: none;
		}
		.uiux_faq .faqHeader img { object-fit: contain; }
		.uiux_faq .faqIcon { 
			display: inline-flex; 
			align-items: center; 
			justify-content: center; 
		}
		.uiux_faq .faqIcon svg { width: 70%; height: 70%; display: block; }

		/* Premium Icon Badge */
		.uiux_faq .faqHeader .faqIcon { 
			width: 52px;
			height: 52px;
			min-width: 52px;
			min-height: 52px;
			aspect-ratio: 1 / 1;
			flex: 0 0 auto;
			box-sizing: border-box;
			background:
				radial-gradient(ellipse 100% 100% at 30% 20%, rgba(255,255,255,0.25) 0%, transparent 50%),
				linear-gradient(145deg, var(--uiux-premium-2) 0%, var(--uiux-premium-1) 50%, var(--uiux-premium-0) 100%);
			border-radius: 16px;
			padding: 12px;
			box-shadow: 
				0 4px 12px rgba(37, 99, 235, 0.25),
				0 2px 4px rgba(0, 0, 0, 0.08),
				inset 0 1px 0 rgba(255, 255, 255, 0.2);
			position: relative;
			transition: transform 0.3s ease, box-shadow 0.3s ease;
			color: #ffffff;
		}
		.uiux_faq .faqBox:hover .faqHeader .faqIcon {
			transform: scale(1.05) rotate(-2deg);
			box-shadow: 
				0 6px 16px rgba(37, 99, 235, 0.3),
				0 3px 6px rgba(0, 0, 0, 0.1),
				inset 0 1px 0 rgba(255, 255, 255, 0.25);
		}
		/* SVG icons inside badge */
		.uiux_faq .faqHeader .faqIcon svg { 
			width: 100%; 
			height: 100%; 
			display: block;
			color: inherit;
		}
		/* Legacy img support */
		.uiux_faq .faqHeader .faqIcon img { 
			width: 100%; 
			height: 100%; 
			object-fit: contain; 
			display: block;
			filter: brightness(0) invert(1);
		}

		/* Card Title (semantic h2, styled like before) */
		.uiux_faq .faqTitle { 
			color: var(--uiux-text-title); 
			font-weight: 700; 
			letter-spacing: -0.01em; 
			font-size: clamp(18px, 2vw, 22px); 
			line-height: 1.3; 
			margin: 0;
			padding: 0;
		}
		
		/* Premium gradient text */
		.uiux_faq .faqTitle.uiux_grad {
			background-image: linear-gradient(135deg, var(--uiux-premium-0) 0%, var(--uiux-premium-1) 50%, var(--uiux-premium-2) 100%);
			-webkit-background-clip: text; 
			background-clip: text; 
			color: transparent;
		}

		/* Inner FAQ content area with more breathing room */
		.uiux_faq .innerFaq { 
			padding: 12px 16px 24px; 
			border: none; 
			position: relative; 
			overflow: hidden; 
		}

		/* Accordion Headers: Premium Style */
		.uiux_faq .actionAccordion {
			display: flex; 
			align-items: center; 
			justify-content: space-between;
			gap: 14px; 
			padding: 16px 18px; 
			border-radius: 14px;
			cursor: pointer; 
			-webkit-user-select: none;
			user-select: none; 
			transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
			outline: none;
			width: 100%;
			box-sizing: border-box;
			margin: 4px 0;
			background: transparent;
			border: 1px solid transparent;
		}
		.uiux_faq .actionAccordion:hover { 
			background: var(--uiux-acc-hover);
			border-color: rgba(59, 130, 246, 0.1);
		}
		.uiux_faq .actionAccordion:focus-visible { 
			box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3); 
			background: var(--uiux-acc-hover);
		}
		.uiux_faq .actionAccordion.active {
			background: var(--uiux-acc-hover);
			border-color: rgba(59, 130, 246, 0.12);
		}

		/* Accordion button text */
		.uiux_faq .accordionButton { 
			color: var(--uiux-text-body); 
			font-weight: 600; 
			font-size: clamp(16px, 1.4vw, 18px); 
			flex: 1 1 auto; 
			min-width: 0; 
			overflow-wrap: anywhere;
			line-height: 1.5;
			transition: color 0.25s ease;
		}
		.uiux_faq .actionAccordion:hover .accordionButton {
			color: var(--uiux-premium-1);
		}

		/* Arrow icon container */
		.uiux_faq .uppDownArrow { 
			flex: 0 0 auto;
			width: 28px;
			height: 28px;
			display: flex;
			align-items: center;
			justify-content: center;
			background: rgba(59, 130, 246, 0.08);
			border-radius: 8px;
			transition: all 0.3s ease;
		}
		.uiux_faq .actionAccordion:hover .uppDownArrow {
			background: rgba(59, 130, 246, 0.15);
		}
		.uiux_faq .actionAccordion svg { 
			width: 14px; 
			height: 14px; 
			color: var(--uiux-brand-b); 
			flex: 0 0 auto; 
			transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1); 
		}
		.uiux_faq .actionAccordion.active svg { 
			transform: rotate(180deg); 
		}
		.uiux_faq .actionAccordion.active .uppDownArrow {
			background: rgba(59, 130, 246, 0.2);
		}

		/* Accordion Content Panel: works with existing display toggle */
		.uiux_faq .accordionContent { 
			border-radius: 14px; 
			margin: 6px 4px 12px; 
			overflow: hidden;
			/* Let existing JS control display block/none, we just style it */
		}

		/* Content text styling */
		.uiux_faq .accordionContent .accText,
		.uiux_faq .accordionContent .majorFaqText {
			background: var(--uiux-panel-bg);
			padding: 18px 20px 18px 26px; 
			position: relative;
			border-radius: 12px;
		}
		.uiux_faq .accordionContent .accText::before,
		.uiux_faq .accordionContent .majorFaqText::before {
			content: ""; 
			position: absolute; 
			top: 8px;
			bottom: 8px;
			left: 0; 
			width: 4px;
			border-radius: 0 4px 4px 0;
			background: linear-gradient(180deg, var(--uiux-brand-a), var(--uiux-brand-b), var(--uiux-brand-c));
		}

		.uiux_faq .accText, 
		.uiux_faq .majorFaqText { 
			color: var(--uiux-text-body); 
			font-size: clamp(16px, 1.3vw, 17px); 
			line-height: 1.85; 
			word-break: break-word; 
			overflow-wrap: anywhere; 
		}
		.uiux_faq .accText p { margin: 0 0 12px; }
		.uiux_faq .accText p:last-child { margin-bottom: 0; }

		/* Lists inside panels */
		.uiux_faq .accText ol,
		.uiux_faq .accText ul { 
			list-style-position: inside; 
			margin: 0.5em 0 1em; 
			padding-left: 1.2em; 
		}
		.uiux_faq .accText ul { list-style-type: disc; }
		.uiux_faq .accText ol { list-style-type: decimal; }
		.uiux_faq .accText li { margin: 0.35em 0; }
		.uiux_faq .accText ul ul,
		.uiux_faq .accText ol ul,
		.uiux_faq .accText ul ol,
		.uiux_faq .accText ol ol { padding-left: 1.2em; }

		/* Major FAQ items */
		.uiux_faq .majorFaq { 
			display: flex; 
			align-items: flex-start; 
			gap: 12px; 
			padding: 10px 10px; 
		}
		/* Premium Link Styling */
		.uiux_faq a {
			color: var(--uiux-brand-b);
			text-decoration: none;
			font-weight: 500;
			position: relative;
			transition: color 0.25s ease;
		}
		.uiux_faq a::after {
			content: "";
			position: absolute;
			bottom: -1px;
			left: 0;
			width: 0;
			height: 2px;
			background: linear-gradient(90deg, var(--uiux-brand-a), var(--uiux-brand-c));
			border-radius: 2px;
			transition: width 0.3s cubic-bezier(0.22, 1, 0.36, 1);
		}
		.uiux_faq a:hover {
			color: var(--uiux-brand-c);
		}
		.uiux_faq a:hover::after {
			width: 100%;
		}

		/* PDF Download Button: Premium Style */
		.uiux_faq .faqMessage {
			display: flex;
			align-items: center;
			gap: 16px;
			padding: 16px 20px;
			background: linear-gradient(135deg, rgba(59, 130, 246, 0.06) 0%, rgba(37, 99, 235, 0.1) 100%);
			border-radius: 12px;
			border: 1px solid rgba(59, 130, 246, 0.12);
			margin-top: 8px;
		}
		.uiux_faq .faqDownloadText {
			font-weight: 600;
			color: var(--uiux-text-title);
		}
		.uiux_faq .pdfImg {
			width: 44px;
			height: auto;
			transition: transform 0.3s ease;
			filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
		}
		.uiux_faq .faqMessage a:hover .pdfImg {
			transform: scale(1.1) translateY(-2px);
		}
		.uiux_faq .faqMessage a::after {
			display: none;
		}

		/* Reveal Animation */
		.uiux_reveal { 
			opacity: 0; 
			transform: translateY(16px); 
			transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1), 
						transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); 
		}
		.uiux_reveal.uiux_reveal_in { 
			opacity: 1; 
			transform: translateY(0); 
		}
		
		/* Fix for medium screens: ensure content is visible with CSS columns layout */
		@media (min-width: 1024px) and (max-width: 1400px) {
			.uiux_reveal {
				opacity: 1 !important;
				transform: translateY(0) !important;
			}
		}

		/* Staggered reveal for cards */
		.faqStack > .faqBox:nth-child(1) { transition-delay: 0.05s; }
		.faqStack > .faqBox:nth-child(2) { transition-delay: 0.1s; }
		.faqStack > .faqBox:nth-child(3) { transition-delay: 0.15s; }
		.faqStack > .faqBox:nth-child(4) { transition-delay: 0.2s; }
		.faqStack > .faqBox:nth-child(5) { transition-delay: 0.25s; }
		.faqStack > .faqBox:nth-child(6) { transition-delay: 0.3s; }
		.faqStack > .faqBox:nth-child(7) { transition-delay: 0.35s; }
		.faqStack > .faqBox:nth-child(8) { transition-delay: 0.4s; }

		/* Reduced motion preference */
		.uiux_reduce .uiux_reveal { 
			opacity: 1; 
			transform: none; 
			transition: none; 
		}
		.uiux_reduce .faqBox,
		.uiux_reduce .actionAccordion,
		.uiux_reduce .accordionContent {
			transition: none !important;
		}

		/* Spacing utility */
		.uiux_space32 { height: 40px; }

		/* Extra mobile optimizations */
		@media (max-width: 640px) {
			.uiux_faq .faqBox {
				border-radius: 16px;
			}
			.uiux_faq .faqHeader {
				padding: 16px 18px;
				gap: 14px;
			}
			.uiux_faq .faqHeader .faqIcon {
				width: 44px;
				height: 44px;
				min-width: 44px;
				min-height: 44px;
				border-radius: 12px;
			}
			.uiux_faq .innerFaq {
				padding: 8px 12px 20px;
			}
			.uiux_faq .actionAccordion {
				padding: 14px 14px;
			}
			.uiux_faq .accordionContent .accText,
			.uiux_faq .accordionContent .majorFaqText {
				padding: 14px 16px 14px 22px;
			}
		}