/*!
 * Theme: Default
 * Package: CopyGen
 * Version: 1.6.0
 * Author: Softnio
 * Author URI: http://themeforest.net/user/softnio
**/
/** WRITE YOUR OWN STYLE **/

/** HOMEPAGE **/

	/* Corrections to match subpages */
	.wgs-title {
	  padding-bottom: 1px;
	}

	footer .badge  {
	  padding-bottom: 3px;
	}

	/* Default CSS */

	.is-dark .blob-1 stop:first-child {
	  stop-color: #303275 !important;
	}

	.is-dark .blob-1 stop:last-child {
	  stop-color: #2b3a74 !important;
	}

	.is-dark .blob-2 stop:first-child {
	  stop-color: #2b3a74 !important;
	}

	.is-dark .blob-2 stop:last-child {
	  stop-color: #303275 !important;
	}

	.is-dark .blob-3 stop:first-child {
	  stop-color: #262654 !important;
	}

	.is-dark .blob-3 stop:last-child {
	  stop-color: #303275 !important;
	}

		.testimonial-wall-track {
			margin-top: 5px;
		}
		
		.awards img {
			width: auto;
			height: auto;
			max-width: 150px;
			max-height: 1200px;
			object-fit: contain;
			/*
			filter: grayscale(100%);
			opacity: 0.7;
			*/
			transition: transform 0.2s ease, filter 0.2s ease, opacity 0.2s ease;
			transform-origin: center;
		}

		.awards img:hover {
			transform: scale(1.1);
			filter: grayscale(0%);
			opacity: 1; /* full brightness on hover */
		}

		/* ---------- Brand tweaks ---------- */
		.nk-header-logo {
		  display: flex;
		  align-items: center;
		}
		.logo-wrap {
		  display: flex;
		  align-items: center;
		  justify-content: center;
		}
		.logo-link {
		  display: inline-flex;
		  align-items: center;
		  font-size: 24px;
		  font-weight: 500;
		  line-height: 20px;
		  color: white;
		  text-decoration: none;
		}
		.lead-text {
		  color: #ceceff;
		}
		.ls-logo {
		  margin: 0 7px;
		  max-height: 32px;
		  vertical-align: middle;
		}
		.swift-text {
		  color: white;
		}
		.verify-text {
		  color: #ceceff;
		}
		.swift-logo {
		  margin: 0 7px;
		  max-height: 32px;
		  vertical-align: middle;
		}
		
		/* ---------- Canvas / animation container ---------- */
		.hero-canvas-wrap{
		  position: absolute; 
		  inset: 0; 
		  z-index: 0; 
		  opacity:.65; 
		  pointer-events:none;
		  mask-image: radial-gradient(circle at 50% 20%, rgba(0,0,0,1), rgba(0,0,0,.15) 60%, rgba(0,0,0,0) 80%);
		}
		
		canvas#leadswift-canvas{ 
		  width:100%; 
		  height:100%; 
		  display:block; 
		}
		
		/* ---------- Typography enhancements ---------- */
		.hero-eyebrow { 
		  letter-spacing: .08em; 
		  text-transform: uppercase; 
		  opacity:.9;
		  font-size: 0.875rem;
		  font-weight: 600;
		}
		
		.kicker {
		  letter-spacing: .08em;
		  text-transform: uppercase;
		  font-size: 0.875rem;
		  font-weight: 600;
		  color: #6366f1;
		}
		
		.subtle {
		  opacity: .85;
		}
		
		/* ---------- Ratings chips ---------- */
		.rating-chip{
		  display:inline-flex; 
		  align-items:center; 
		  gap:.4rem;
		  background: rgba(255,255,255,0.1);
		  color:#fff; 
		  border:1px solid rgba(255,255,255,.15);
		  border-radius:999px; 
		  padding:.4rem .75rem; 
		  font-weight:600; 
		  font-size:.85rem;
		  backdrop-filter: blur(8px);
		  transition: all 0.2s ease;
		}
		
		.rating-chip:hover {
		  background: rgba(255,255,255,0.15);
		  transform: translateY(-1px);
		}
		
		.rating-chip .stars{ 
		  color:#fbbf24; 
		  display:inline-flex; 
		  gap:2px; 
		}
		
		/* ---------- Logo wall ---------- */
		.logo-wall { 
		  list-style: none; 
		  padding-left: 0; 
		  display: flex;
		  flex-wrap: wrap;
		  justify-content: center;
		  gap: 2rem;
		}
		
		.logo-wall img{ 
		  max-height: 38px; 
		  opacity:.7; 
		  filter: grayscale(100%) brightness(5);
		  transition: all .3s ease; 
		}
		
		.logo-wall img:hover{ 
		  opacity:1; 
		  filter: grayscale(0%) brightness(1);
		}
		
		/* ---------- Copygen shadow ---------- */
		.copygen-shadow {
		  box-shadow: 0 10px 40px -10px rgba(0,0,0,.08);
		}
		
		/* ---------- Comparison cards ---------- */
		.comparison-card {
		  background: white;
		  border: 1px solid #e5e7eb;
		  border-radius: 1rem;
		  padding: 2rem;
		  height: 100%;
		  transition: all 0.3s ease;
		  box-shadow: 0 10px 40px -10px rgba(0,0,0,.08);
		}
		
		.comparison-card:hover {
		  border-color: #6366f1;
		  box-shadow: 0 10px 30px -5px rgba(99,102,241,0.15);
		  transform: translateY(-4px);
		}
		
		.comparison-header {
		  display: flex;
		  align-items: center;
		  gap: 0.75rem;
		  margin-bottom: 1.5rem;
		  padding-bottom: 1rem;
		  border-bottom: 2px solid #f3f4f6;
		}
		
		.comparison-icon {
		  width: 3rem;
		  height: 3rem;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
		  color: white;
		  border-radius: 0.75rem;
		  font-size: 1.5rem;
		  flex-shrink: 0;
		}
		
		.vs-badge {
		  background: #fee2e2;
		  color: #dc2626;
		  padding: 0.25rem 0.75rem;
		  border-radius: 999px;
		  font-size: 0.75rem;
		  font-weight: 700;
		  text-transform: uppercase;
		  letter-spacing: 0.05em;
		  display: inline-block;
		  margin-top: 0.5rem;
		}
		
		.advantage-item {
		  display: flex;
		  gap: 0.75rem;
		  padding: 0.75rem;
		  background: #f9fafb;
		  border-radius: 0.5rem;
		  margin: 0.75rem 0;
		}
		
		.advantage-icon {
		  flex-shrink: 0;
		  margin-top: 0.15rem;
		}
		
		.lightbulb-tip {
		  background: #fef3c7;
		  border-left: 4px solid #f59e0b;
		  padding: 1rem;
		  border-radius: 0.5rem;
		  margin-top: 1rem;
		}
		
		.lightbulb-tip em {
		  color: #f59e0b;
		  font-size: 1.25rem;
		  margin-right: 0.5rem;
		}
		
		/* ---------- Testimonial cards ---------- */
		.testimonial-card {
		  background: white;
		  border: 1px solid #e5e7eb;
		  border-radius: 1rem;
		  padding: 2rem;
		  height: 100%;
		  transition: all 0.3s ease;
		}
		
		.testimonial-card:hover {
		  border-color: #6366f1;
		  box-shadow: 0 10px 30px -5px rgba(99,102,241,0.2);
		  transform: translateY(-2px);
		}
		
		.testimonial-stars {
		  color: #fbbf24;
		  font-size: 1.1rem;
		}
		
		.testimonial-name {
		  font-weight: 700;
		  color: #111827;
		  margin-top: 1rem;
		  margin-bottom: 0.25rem;
		}
		
		.testimonial-meta {
		  color: #6b7280;
		  font-size: 0.875rem;
		}
		
		/* ---------- Flow section cards ---------- */
		.flow-card {
		  background: white;
		  border: 1px solid #e5e7eb;
		  border-radius: 1rem;
		  padding: 2rem;
		  height: 100%;
		  transition: all 0.3s ease;
		  box-shadow: 0 10px 40px -10px rgba(0,0,0,.08);
		}
		
		.flow-card:hover {
		  border-color: #6366f1;
		  box-shadow: 0 10px 30px -5px rgba(99,102,241,0.15);
		  transform: translateY(-4px);
		}
		
		.step-badge {
		  display: inline-flex;
		  align-items: center;
		  justify-content: center;
		  width: 2rem;
		  height: 2rem;
		  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
		  color: white;
		  border-radius: 0.5rem;
		  font-weight: 700;
		  font-size: 0.875rem;
		  flex-shrink: 0;
		}
		
		.check-item {
		  display: flex;
		  align-items: flex-start;
		  gap: 0.75rem;
		  margin: 0.75rem 0;
		}
		
		.check-item em {
		  flex-shrink: 0;
		  margin-top: 0.15rem;
		  font-size: 1.25rem;
		}
		
		/* ---------- CTA sections ---------- */
		.cta-section {
		  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
		  border-radius: 1.5rem;
		  padding: 4rem 2rem;
		  position: relative;
		  overflow: hidden;
		}
		
		.cta-section::before {
		  content: "";
		  position: absolute;
		  top: -50%;
		  right: -20%;
		  width: 80%;
		  height: 150%;
		  background: radial-gradient(circle, rgba(99,102,241,0.15) 0%, transparent 70%);
		  pointer-events: none;
		}
		
		/* ---------- Utilities ---------- */
		.text-gradient {
		  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
		  -webkit-background-clip: text;
		  -webkit-text-fill-color: transparent;
		  background-clip: text;
		}
		
		/* Fix for footer logo */
		.nk-footer .logo-link {
		  color: white;
		}
		.nk-footer .lead-text,
		.nk-footer .swift-text {
		  color: white;
		}
		
		.form-control-plaintext:not(.is-light) {
		  color: rgb(34, 34, 34);
		}
		
		.accordion-button {
		  font-size: 1rem;
		}
		
		@media (min-width: 1200px) {
		  .display-6 {
			font-size: 5.8rem;
		  }
		}
		
		.main-headline-text {
		  font-size: clamp(3.4rem, 6vw, 5.8rem);
		  line-height: 1.25;
		}
		
		/* ---------- Demo mockups ---------- */
		.demo-mockup {
		  background: #f9fafb;
		  border: 1px solid #e5e7eb;
		  border-radius: 0.75rem;
		  padding: 1rem;
		  margin-top: 1rem;
		}
		
		.demo-search-bar {
		  background: white;
		  border: 2px solid #6366f1;
		  border-radius: 0.5rem;
		  padding: 0.75rem 1rem;
		  display: flex;
		  align-items: center;
		  gap: 0.5rem;
		  margin-bottom: 0.75rem;
		}
		
		.demo-checkbox {
		  display: flex;
		  align-items: center;
		  gap: 0.5rem;
		  font-size: 0.875rem;
		  margin-top: 0.5rem;
		}
		
		.demo-input {
		  background: white;
		  border: 1px solid #d1d5db;
		  border-radius: 0.375rem;
		  padding: 0.5rem;
		  font-size: 0.75rem;
		  font-family: monospace;
		}
		
	/* Video modals */
		
	/* Video Modal Styles */
	.modal-video-wrapper {
	  position: relative;
	  background: #000;
	  border-radius: 0.5rem;
	  overflow: hidden;
	}

	.modal-video-wrapper.vertical {
	  max-width: 400px;
	  margin: 0 auto;
	}

	.modal-video {
	  width: 100%;
	  height: auto;
	  display: block;
	  max-height: 80vh;
	}

	.modal-video-wrapper.vertical .modal-video {
	  max-height: 70vh;
	}

	.modal-video-close {
	  position: absolute;
	  top: 1rem;
	  right: 1rem;
	  z-index: 10;
	  width: 40px;
	  height: 40px;
	  border-radius: 50%;
	  background: rgba(0, 0, 0, 0.7);
	  border: none;
	  color: white;
	  font-size: 1.25rem;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  cursor: pointer;
	  transition: all 0.2s ease;
	  backdrop-filter: blur(8px);
	}

	.modal-video-close:hover {
	  background: rgba(0, 0, 0, 0.9);
	  transform: scale(1.1);
	}

	/* Fix modal to have no white edges */
	#modal.show .modal-content:has(.modal-video-wrapper) {
	  background: transparent !important;
	  border: none !important;
	  box-shadow: none !important;
	}

	#modal .modal-body:has(.modal-video-wrapper) {
	  padding: 0 !important;
	  background: transparent !important;
	}

	#modal .modal-dialog:has(.modal-video-wrapper) {
	  background: transparent !important;
	}

	/* Hide any default close buttons when video is showing */
	#modal:has(.modal-video-wrapper) .btn-close {
	  display: none !important;
	}

	/* Ensure modal backdrop is visible */
	#modal.show {
	  background: rgba(0, 0, 0, 0.8);
	}

	/* Video modal specific sizing */
	#modal .modal-dialog.modal-lg {
	  max-width: 900px;
	}

	#modal .modal-dialog.modal-sm {
	  max-width: 450px;
	}

	/* Dark mode compatibility */
	.is-dark .modal-video-wrapper {
	  background: #000;
	}

	/* Responsive */
	@media (max-width: 991px) {
	  #modal .modal-dialog.modal-lg {
		max-width: 95%;
		margin: 1rem auto;
	  }
	}

	@media (max-width: 767px) {
	  .modal-video {
		max-height: 60vh;
	  }
	  
	  .modal-video-close {
		top: 0.5rem;
		right: 0.5rem;
		width: 36px;
		height: 36px;
		font-size: 1.125rem;
	  }
	  
	  #modal .modal-dialog.modal-lg,
	  #modal .modal-dialog.modal-sm {
		max-width: 95%;
		margin: 0.5rem auto;
	  }
	}

	.trust-indicator {
		display: inline-flex;
		align-items: center;
		gap: 0.5rem;
		padding: 0.5rem 1rem;
		background: rgba(255, 255, 255, 0.1);
		border-radius: 2rem;
		font-size: 0.875rem;
		font-weight: 500;
	}

	.trust-indicator .stars {
		display: flex;
		gap: 2px;
		color: #fbbf24;
	}

	.feature-pills {
		display: flex;
		flex-wrap: wrap;
		gap: 0.75rem;
		justify-content: center;
		margin: 2rem 0;
	}

	.feature-pill {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
		padding: 0.5rem 1rem;
		background: rgba(99, 102, 241, 0.1);
		border: 1px solid rgba(99, 102, 241, 0.2);
		border-radius: 2rem;
		font-size: 0.825rem;
		font-weight: 500;
		color: #ffffff;
		transition: all 0.3s ease;
		text-align: center;
	}

	.text-gradient-red {
		background: linear-gradient(135deg, #ff512f, #dd2476);
		-webkit-background-clip: text !important;
		-webkit-text-fill-color: transparent;
		background-clip: text;
	}

	/* Logo Wall Container */
	.logo-wall-container {
		width: 100%;
		overflow: hidden !important;
		position: relative;
		padding: 1.5rem 0;
		mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
		-webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
	}

	.logo-wall-marquee {
		display: flex !important;
		user-select: none;
		width: fit-content;
		animation: scrollLogos 40s linear infinite !important;
		-webkit-animation: scrollLogos 40s linear infinite !important;
	}

	.logo-wall-content {
		flex-shrink: 0 !important;
		display: flex !important;
		align-items: center;
		gap: 3rem;
		padding-right: 3rem; /* Add matching padding to create gap at the end */
	}

	.logo-item {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		width: 140px;
		height: 60px;
		opacity: 0.6;
		transition: opacity 0.3s ease;
	}

	.logo-item:hover {
		opacity: 1;
	}

	.logo-item img {
		max-width: 100%;
		max-height: 45px;
		width: auto;
		height: auto;
		object-fit: contain;
		filter: grayscale(100%) brightness(1.2) contrast(0.9);
		transition: filter 0.3s ease;
	}

	.logo-item:hover img {
		filter: grayscale(0%) brightness(1) contrast(1);
	}

	/* Special logo adjustments */
	.logo-item img[alt="Nestlé Purina"] {
		max-height: 55px;
	}

	.logo-item img[alt="Corporate Stays"],
	.logo-item img[alt="Fora Travel"] {
		filter: invert(1) grayscale(100%) brightness(1.2) contrast(0.9);
	}

	.logo-item:hover img[alt="Corporate Stays"],
	.logo-item:hover img[alt="Fora Travel"] {
		filter: invert(1) grayscale(0%) brightness(1) contrast(1);
	}

	/* Boost visibility for darker logos */
	.logo-item img[alt="Buildium"],
	.logo-item img[alt="BoomerangFX"],
	.logo-item img[alt="TabSquare"] {
		filter: grayscale(100%) brightness(1.5) contrast(0.9);
	}

	.logo-item:hover img[alt="Buildium"],
	.logo-item:hover img[alt="BoomerangFX"],
	.logo-item:hover img[alt="TabSquare"] {
		filter: grayscale(0%) brightness(1.1) contrast(1);
	}

	/* Animation keyframes - Animate parent container */
	@keyframes scrollLogos {
		0% {
			transform: translateX(0);
		}
		100% {
			transform: translateX(-50%);
		}
	}

	@-webkit-keyframes scrollLogos {
		0% {
			-webkit-transform: translateX(0);
		}
		100% {
			-webkit-transform: translateX(-50%);
		}
	}

	/* Pause on hover */
	.logo-wall-container:hover .logo-wall-marquee {
		animation-play-state: paused !important;
		-webkit-animation-play-state: paused !important;
	}

	/* Responsive */
	@media (max-width: 768px) {
		.logo-wall-marquee {
			animation-duration: 30s !important;
		}
		
		.logo-wall-content {
			gap: 2rem !important;
			padding-right: 2rem !important; /* Match the smaller gap on mobile */
		}
		
		.logo-item {
			width: 120px;
			height: 50px;
		}
		
		.logo-item img {
			max-height: 35px;
		}
	}

	@media (max-width: 576px) {
		.main-headline-text {
			font-size: 48px !important;
		}
	}
	
	/* ---------- Key difference box ---------- */
	.key-diff-wrapper {
	  position: relative;
	  padding-top: 1.5rem;
	}

	.key-diff-icon {
	  position: absolute;
	  top: 0;
	  left: 50%;
	  transform: translateX(-50%);
	  width: 3rem;
	  height: 3rem;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
	  color: white;
	  border-radius: 0.75rem;
	  font-size: 1.5rem;
	  z-index: 2;
	  box-shadow: 0 4px 12px rgba(99,102,241,0.3);
	}

	.key-diff-card {
	  border: 1px solid #6366f1;
	  background: white; 
	  background: linear-gradient(135deg, rgba(99,102,241,0.02) 0%, rgba(139,92,246,0.02) 100%);
	  padding-top: 2.5rem;
	}

	.key-diff-card:hover {
	  transform: none;
	  box-shadow: 0 10px 40px -10px rgba(99,102,241,0.2);
	}

	.key-diff-label {
	  text-align: center;
	  font-size: 0.75rem;
	  font-weight: 700;
	  text-transform: uppercase;
	  letter-spacing: 0.1em;
	  color: #6366f1;
	  margin-bottom: 1rem;
	}

	.key-diff-text {
	  text-align: center;
	  font-size: 0.95rem;
	  line-height: 1.7;
	  color: #374151;
	}

	.key-diff-text strong {
	  color: #1f2937;
	  font-weight: 600;
	}

	@media (max-width: 768px) {
	  .key-diff-text {
		font-size: 0.95rem;
	  }
	}
	
	.process-grid {
	  display: grid;
	  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr;
	  gap: 0.75rem;
	  align-items: center;
	  padding: 1.5rem 0 1rem;
	}

	.process-item {
	  background: #f9fafb;
	  border-radius: 0.5rem;
	  padding: 1rem 0.875rem;
	  text-align: center;
	  position: relative;
	  min-height: 120px;
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: flex-start;
	}

	.process-star {
	  background: linear-gradient(135deg, rgba(99,102,241,0.08) 0%, rgba(139,92,246,0.08) 100%);
	  border: 2px solid #6366f1;
	}

	.star-corner {
	  position: absolute;
	  top: -15px;
	  right: -15px;
	  font-size: 1.25rem;
	}

	.process-badge {
	  width: 24px;
	  height: 24px;
	  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
	  color: white;
	  border-radius: 50%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  font-weight: 700;
	  font-size: 0.75rem;
	  margin-bottom: 0.5rem;
	}

	.process-mini-title {
	  font-size: 0.8125rem;
	  font-weight: 600;
	  color: #111827;
	  margin-bottom: 0.375rem;
	  line-height: 1.3;
	}

	.process-mini-text {
	  font-size: 0.75rem;
	  color: #6b7280;
	  line-height: 1.4;
	  margin: 0;
	}

	.process-mini-text code {
	  background: #f1f5f9;
	  padding: 0.125rem 0.25rem;
	  border-radius: 0.25rem;
	  font-family: 'Monaco', monospace;
	  font-size: 0.7rem;
	  color: #334155;
	  white-space: nowrap;
	}

	.process-arrow-h {
	  color: #6366f1;
	  font-size: 1.5rem;
	  font-weight: 700;
	}

	.key-diff-bottom {
	  border-top: 2px solid #f3f4f6;
	  padding-top: 1rem;
	  margin-top: 0.5rem;
	}

	/* Mobile: Stack vertically */
	@media (max-width: 991px) {
	  .process-grid {
		grid-template-columns: 1fr;
		gap: 0.5rem;
	  }
	  
	  .process-arrow-h {
		display: none;
	  }
	  
	  .process-item {
		min-height: auto;
		text-align: left;
		flex-direction: row;
		gap: 0.75rem;
		padding: 0.75rem;
	  }
	  
	  .process-badge {
		margin-bottom: 0;
		flex-shrink: 0;
	  }
	  
	  .star-corner {
		top: -12px;
		right: -12px;
		font-size: 1rem;
	  }
	}
	
	/* Abstract blobs background */
	.abstract-blobs {
	  position: absolute;
	  top: -60px;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  pointer-events: none;
	  z-index: 0;
	  overflow: visible;
	}

	.blob {
	  position: absolute;
	  opacity: 0.6;
	  filter: blur(40px);
	}

	.blob-1 {
	  width: 300px;
	  height: 300px;
	  top: 10px;
	  left: 5%;
	  animation: float 20s ease-in-out infinite;
	}

	.blob-2 {
	  width: 350px;
	  height: 350px;
	  top: 80px;
	  left: 50%;
	  transform: translateX(-50%);
	  animation: float 25s ease-in-out infinite 5s;
	}

	.blob-3 {
	  width: 320px;
	  height: 320px;
	  top: 70px;
	  right: 5%;
	  animation: float 22s ease-in-out infinite 10s;
	}

	@keyframes float {
	  0%, 100% {
		transform: translate(0, 0) rotate(0deg);
	  }
	  33% {
		transform: translate(30px, -30px) rotate(120deg);
	  }
	  66% {
		transform: translate(-20px, 20px) rotate(240deg);
	  }
	}

	/* Ensure cards are above blobs */
	.feature {
	  position: relative;
	  z-index: 1;
	}

	/* Card placeholders */
	.card-placeholder {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;
	  height: 100%;
	  opacity: 0.4;
	}

	.placeholder-icon {
	  width: 60px;
	  height: 60px;
	  border-radius: 50%;
	  background: linear-gradient(135deg, #f0f9ff 0%, #e0e7ff 100%);
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  margin-bottom: 1.5rem;
	}

	.placeholder-icon em {
	  font-size: 1.75rem;
	  color: #6366f1;
	  opacity: 0.6;
	}

	.placeholder-lines {
	  width: 80%;
	  display: flex;
	  flex-direction: column;
	  gap: 0.75rem;
	}

	.placeholder-line {
	  height: 8px;
	  background: linear-gradient(90deg, #e5e7eb 0%, #f3f4f6 50%, #e5e7eb 100%);
	  background-size: 200% 100%;
	  border-radius: 4px;
	  animation: shimmer 2s ease-in-out infinite;
	}

	.placeholder-line.short {
	  width: 60%;
	}

	@keyframes shimmer {
	  0% {
		background-position: 200% 0;
	  }
	  100% {
		background-position: -200% 0;
	  }
	}

	/* Card 2 specific placeholder */
	.placeholder-grid {
	  display: grid;
	  grid-template-columns: repeat(2, 1fr);
	  gap: 1rem;
	  width: 80%;
	}

	.placeholder-box {
	  height: 80px;
	  background: linear-gradient(90deg, #e5e7eb 0%, #f3f4f6 50%, #e5e7eb 100%);
	  background-size: 200% 100%;
	  border-radius: 0.5rem;
	  animation: shimmer 2s ease-in-out infinite;
	}

	.placeholder-box:nth-child(2) {
	  animation-delay: 0.2s;
	}

	.placeholder-box:nth-child(3) {
	  animation-delay: 0.4s;
	}

	.placeholder-box:nth-child(4) {
	  animation-delay: 0.6s;
	}

	/* Demo mockup base styles - fixed height */
	.demo-mockup {
	  background: white;
	  border: 1px solid #e5e7eb;
	  border-radius: 0.75rem;
	  padding: 1.25rem;
	  height: 320px;
	  position: relative;
	  display: flex;
	  flex-direction: column;
	}

	/* Search bar styling */
	.demo-search-bar {
	  display: flex;
	  align-items: center;
	  gap: 0.5rem;
	  background: #f9fafb;
	  border: 1px solid #e5e7eb;
	  border-radius: 0.5rem;
	  padding: 0.625rem 0.875rem;
	  margin-bottom: 0.875rem;
	  position: relative;
	}

	.typing-input-container {
	  flex: 1;
	  font-size: 0.875rem;
	  color: #111827;
	  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	  min-height: 1.25rem;
	}

	.typing-cursor {
	  color: #6366f1;
	  font-weight: 400;
	  animation: blink 1s infinite;
	  margin-left: 1px;
	}

	@keyframes blink {
	  0%, 49% { opacity: 1; }
	  50%, 100% { opacity: 0; }
	}

	.demo-checkbox {
	  display: flex;
	  align-items: center;
	  gap: 0.5rem;
	  margin-bottom: 0.5rem;
	  font-size: 0.8125rem;
	  color: #6b7280;
	}

	.demo-checkbox input[type="checkbox"] {
	  width: 16px;
	  height: 16px;
	  cursor: pointer;
	}

	/* Blue checkbox styling - more specific */
	.checkbox-blue:checked {
	  accent-color: #6366f1;
	  background-color: #6366f1;
	  border-color: #6366f1;
	}

	input[type="checkbox"].checkbox-blue {
	  accent-color: #6366f1;
	}

	.demo-input {
	  background: #f9fafb;
	  border: 1px solid #e5e7eb;
	  border-radius: 0.375rem;
	  padding: 0.5rem 0.75rem;
	  font-size: 0.8125rem;
	  color: #374151;
	  font-family: 'Courier New', monospace;
	  position: relative;
	  min-height: 2rem;
	  word-wrap: break-word;
	  word-break: break-word;
	  overflow-wrap: break-word;
	}

	/* Search button */
	.btn-search {
	  margin-top: 0.75rem;
	  width: 100%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  gap: 0.5rem;
	  background: #6366f1;
	  color: white;
	  border: none;
	  border-radius: 0.5rem;
	  padding: 0.625rem 1rem;
	  font-size: 0.875rem;
	  font-weight: 600;
	  cursor: pointer;
	  transition: all 0.3s ease;
	}

	.btn-search:hover {
	  background: #4f46e5;
	}

	.btn-search-clicked {
	  background: #4f46e5;
	  transform: scale(0.98);
	}

	/* Search results states */
	.search-results,
	.search-complete {
	  margin-top: 0.75rem;
	  padding: 0.75rem;
	  background: #f0f9ff;
	  border: 1px solid #bfdbfe;
	  border-radius: 0.5rem;
	  display: none;
	  align-items: center;
	  justify-content: center;
	  gap: 0.5rem;
	  font-size: 0.875rem;
	  color: #1e40af;
	}

	.search-results.show,
	.search-complete.show {
	  display: flex;
	}

	.search-complete {
	  background: #f0fdf4;
	  border-color: #bbf7d0;
	  color: #166534;
	}

	.search-complete em {
	  font-size: 1.125rem;
	}

	/* Data capture grid - 2x2 */
	.lead-profile-grid {
	  display: grid;
	  grid-template-columns: repeat(2, 1fr);
	  gap: 0.75rem;
	  flex: 1;
	}

	.data-item-compact {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;
	  padding: 1rem 0.75rem;
	  background: #f9fafb;
	  border: 1px solid #e5e7eb;
	  border-radius: 0.5rem;
	  opacity: 0;
	  transform: translateY(10px);
	  transition: all 0.3s ease;
	  position: relative;
	  text-align: center;
	}

	.data-item-compact.data-item-visible {
	  opacity: 1;
	  transform: translateY(0);
	}

	.data-item-compact .data-icon {
	  width: 36px;
	  height: 36px;
	  border-radius: 0.5rem;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  flex-shrink: 0;
	}

	.data-item-compact .data-icon em {
	  font-size: 1.125rem;
	}

	.data-item-compact .data-content {
	  flex: 1;
	  min-width: 0;
	}

	.data-item-compact .data-label {
	  font-size: 0.8125rem;
	  font-weight: 600;
	  color: #111827;
	  margin-bottom: 0.25rem;
	}

	.data-item-compact .data-value {
	  font-size: 0.75rem;
	  color: #6b7280;
	}

	.data-item-compact .data-check {
	  position: absolute;
	  top: 0.5rem;
	  right: 0.5rem;
	  opacity: 0;
	  transition: opacity 0.3s ease;
	}

	.data-item-compact .data-check em {
	  font-size: 1.125rem;
	}

	/* Email mockup styling */
	.demo-subject {
	  min-height: 2.5rem;
	}

	.demo-email-body {
	  line-height: 1.6;
	  min-height: 4.5rem;
	  margin-bottom: 0.75rem;
	  white-space: normal;
	  word-wrap: break-word;
	  word-break: break-word;
	  overflow-wrap: break-word;
	}

	.btn-send {
	  margin-top: auto;
	  width: 100%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  gap: 0.5rem;
	  background: #6366f1;
	  color: white;
	  border: none;
	  border-radius: 0.5rem;
	  padding: 0.75rem 1.25rem;
	  font-size: 0.875rem;
	  font-weight: 600;
	  cursor: pointer;
	  transition: all 0.2s ease;
	  position: relative;
	  overflow: hidden;
	}

	.btn-send:hover {
	  background: #4f46e5;
	  transform: translateY(-1px);
	}

	.btn-send .ni-send {
	  font-size: 1rem;
	  transition: all 0.2s ease;
	}

	/* Button clicked state - similar to search button */
	.btn-send-clicked {
	  background: #4f46e5 !important;
	  transform: scale(0.98) !important;
	}

	.btn-send-check {
	  position: absolute;
	  font-size: 1.25rem;
	  opacity: 0;
	  transform: scale(0);
	  transition: all 0.3s ease;
	}

	.btn-send.btn-send-success {
	  background: #10b981 !important;
	  pointer-events: none;
	}

	.btn-send.btn-send-success .btn-send-text {
	  opacity: 0;
	}

	.btn-send.btn-send-success .ni-send {
	  opacity: 0;
	  transform: scale(0);
	}

	.btn-send.btn-send-success .btn-send-check {
	  opacity: 1;
	  transform: scale(1);
	}

	/* Responsive adjustments */
	@media (max-width: 991px) {
	  .demo-mockup {
		height: auto;
		min-height: 280px;
	  }
	  
	  .blob {
		width: 200px !important;
		height: 200px !important;
	  }
	}

	@media (max-width: 767px) {
	  .demo-mockup {
		min-height: 260px;
	  }
	  
	  .lead-profile-grid {
		gap: 0.75rem;
	  }
	  
	  .data-item-compact {
		padding: 0.875rem 0.625rem;
	  }
	  
	  .data-item-compact .data-icon {
		width: 32px;
		height: 32px;
	  }
	  
	  .blob {
		display: none;
	  }
	  
	  .feature-pills {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 0.5rem;
	  }
		
	   .feature-pill {
		width: 100%;
		font-size: 0.75rem;
		padding: 0.625rem 0.75rem;
	  }
		
	}

	@media (max-width: 400px) {
		.feature-pills {
			grid-template-columns: 1fr;
		}
	}

	/* Color utility classes */
	.bg-primary-soft { background-color: rgba(99, 102, 241, 0.1); }
	.bg-warning-soft { background-color: rgba(251, 191, 36, 0.1); }
	.bg-info-soft { background-color: rgba(59, 130, 246, 0.1); }
	.bg-success-soft { background-color: rgba(16, 185, 129, 0.1); }
	.bg-danger-soft { background-color: rgba(239, 68, 68, 0.1); }
	.text-primary { color: #6366f1; }
	.text-warning { color: #f59e0b; }
	.text-info { color: #3b82f6; }
	.text-success { color: #10b981; }
	.text-danger { color: #ef4444; }

	/* Bootstrap spinner fix */
	.spinner-border {
	  display: inline-block;
	  width: 1rem;
	  height: 1rem;
	  vertical-align: text-bottom;
	  border: 0.15em solid currentColor;
	  border-right-color: transparent;
	  border-radius: 50%;
	  animation: spinner-border 0.75s linear infinite;
	}

	@keyframes spinner-border {
	  to { transform: rotate(360deg); }
	}

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

/** WHY LEADSWIFT - COMPARISON CARDS **/

		.comparison-section {
		  background: #fafbfc;
		  padding: 4rem 0;
		}
		
		.comparison-card {
		  background: white;
		  border: 1px solid #e5e7eb;
		  border-radius: 0.5rem;
		  padding: 1.75rem;
		  height: 100%;
		  transition: all 0.2s ease;
		  display: flex;
		  flex-direction: column;
		}
		
		.comparison-card:hover {
		  border-color: #6366f1;
		  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.08);
		  transform: translateY(-2px);
		}
		
		.card-header {
		  display: flex;
		  align-items: center;
		  gap: 0.75rem;
		  margin-bottom: 1.25rem;
		}
		
		.card-icon {
		  width: 2.5rem;
		  height: 2.5rem;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  background: #6366f1;
		  color: white;
		  border-radius: 0.375rem;
		  font-size: 1.25rem;
		  flex-shrink: 0;
		}
		
		.card-title {
		  margin: 0;
		  font-size: 1.125rem;
		  font-weight: 600;
		  line-height: 1.3;
		}
		
		.stat-badges {
		  display: flex;
		  gap: 0.5rem;
		  flex-wrap: wrap;
		  margin-top: 0.375rem;
		}
		
		.stat-badge {
		  background: #eff6ff;
		  color: #1e40af;
		  padding: 0.1875rem 0.625rem;
		  border-radius: 0.25rem;
		  font-size: 0.75rem;
		  font-weight: 600;
		  white-space: nowrap;
		}
		
		.comparison-cols {
		  display: grid;
		  grid-template-columns: 1fr 1fr;
		  gap: 0.875rem;
		  margin: 0 0 1rem 0;
		}
		
		.comp-col {
		  padding: 0.875rem;
		  border-radius: 0.375rem;
		  font-size: 0.875rem;
		}
		
		.comp-col.winner {
		  background: #f0fdf4;
		  border: 1px solid #bbf7d0;
		}
		
		.comp-col.loser {
		  background: #fef2f2;
		  border: 1px solid #fecaca;
		}
		
		.comp-label {
		  display: flex;
		  align-items: center;
		  gap: 0.375rem;
		  margin-bottom: 0.5rem;
		  overflow-wrap: break-word;
		}
		
		.comp-label strong {
		  font-size: 0.8125rem;
		}
		
		.tip-box {
		  background: #fffbeb;
		  border-left: 3px solid #f59e0b;
		  padding: 0.875rem;
		  margin-top: auto;
		  border-radius: 0.25rem;
		  font-size: 0.8125rem;
		  line-height: 1.5;
		}
		
		.code-inline {
		  background: #f1f5f9;
		  padding: 0.125rem 0.5rem;
		  border-radius: 0.25rem;
		  font-family: 'Monaco', 'Menlo', monospace;
		  font-size: 0.8125rem;
		  color: #334155;
		  white-space: nowrap;
		}
		
	/* ========== DARK MODE COMPATIBILITY ========== */

	/* Demo Mockups - Dark Mode */
	.is-dark .demo-mockup {
	  background: #292962;
	  border-color: #3b4091;
	}

	.is-dark .demo-search-bar,
	.is-dark .demo-input {
	  background: #1e1e42;
	  border-color: #3b4091;
	  color: #f4f7fa;
	}

	.is-dark .typing-input-container {
	  color: #f4f7fa;
	}

	.is-dark .typing-cursor {
	  color: #6576FF;
	}

	.is-dark .demo-checkbox {
	  color: #f4f7fa;
	}

	.is-dark .search-results {
	  background: #2b3a74;
	  border-color: #3b4091;
	  color: #39baf6;
	}

	.is-dark .search-complete {
	  background: #2b3a74;
	  border-color: #3b4091;
	  color: #4ade80;
	}

	.is-dark .data-item-compact {
	  background: #1e1e42;
	  border-color: #3b4091;
	}

	.is-dark .data-item-compact .data-label {
	  color: #fcfcfc;
	}

	.is-dark .data-item-compact .data-value {
	  color: #f4f7fa;
	}

	/* Card placeholders - Dark Mode */
	.is-dark .card-placeholder {
	  opacity: 0.3;
	}

	.is-dark .placeholder-icon {
	  background: linear-gradient(135deg, #303275 0%, #2b3a74 100%);
	}

	.is-dark .placeholder-icon em {
	  color: #6576FF;
	}

	.is-dark .placeholder-line,
	.is-dark .placeholder-box {
	  background: linear-gradient(90deg, #262654 0%, #303275 50%, #262654 100%);
	  background-size: 200% 100%;
	}

	/* Comparison Section - Dark Mode */
	.is-dark .comparison-card {
	  background: #292962;
	  border-color: #3b4091;
	}

	.is-dark .comparison-card:hover {
	  border-color: #6576FF;
	  box-shadow: 0 2px 8px 0 rgba(101, 118, 255, 0.2);
	}

	.is-dark .card-icon {
	  background: #6576FF;
	}

	.is-dark .card-title {
	  color: #fcfcfc;
	}

	.is-dark .stat-badge {
	  background: #303275;
	  color: #6576FF;
	}

	.is-dark .comp-col {
	  color: #f4f7fa;
	}

	.is-dark .comp-col.winner {
	  background: #2b3a74;
	  border-color: #3b4091;
	}

	.is-dark .comp-col.loser {
	  background: #3d2f61;
	  border-color: #5b385e;
	}

	.is-dark .comp-label strong {
	  color: #fcfcfc;
	}

	.is-dark .tip-box {
	  background: #423b5d;
	  border-left-color: #f7c239;
	  color: #f4f7fa;
	}

	.is-dark .code-inline {
	  background: #1e1e42;
	  border: 1px solid #3b4091;
	  color: #f4f7fa;
	}

	/* Key Difference Card - Dark Mode */
	.is-dark .key-diff-card {
	  background: #292962;
	  border-color: #6576FF;
	}

	.is-dark .key-diff-label {
	  color: #6576FF;
	}

	.is-dark .key-diff-text {
	  color: #f4f7fa;
	}

	.is-dark .key-diff-text strong {
	  color: #fcfcfc;
	}

	/* Process Grid - Dark Mode */
	.is-dark .process-item {
	  background: #1e1e42;
	  border-color: #3b4091;
	}

	.is-dark .process-star {
	  background: linear-gradient(135deg, rgba(101,118,255,0.08) 0%, rgba(139,92,246,0.08) 100%);
	  border-color: #6576FF;
	}

	.is-dark .process-mini-title {
	  color: #fcfcfc;
	}

	.is-dark .process-mini-text {
	  color: #f4f7fa;
	}

	.is-dark .process-mini-text code {
	  background: #292962;
	  border: 1px solid #3b4091;
	  color: #f4f7fa;
	}

	.is-dark .process-arrow-h {
	  color: #6576FF;
	}

	.is-dark .key-diff-bottom {
	  border-top-color: #3b4091;
	}

	/* Testimonial Section - Dark Mode */
	.is-dark .testimonial-stats-bar {
	  background: #292962;
	  border: 1px solid #3b4091;
	  box-shadow: 0 1px 3px rgba(101, 118, 255, 0.1);
	}

	.is-dark .testimonial-stat-number {
	  color: #6576FF;
	}

	.is-dark .testimonial-stat-label {
	  color: #f4f7fa;
	}

	.is-dark .testimonial-awards-row {
	  background: #292962;
	  border: 1px solid #3b4091;
	}

	.is-dark .testimonial-wall-card {
	  background: #292962;
	  border-color: #3b4091;
	}

	.is-dark .testimonial-wall-card:hover {
	  border-color: #6576FF;
	  box-shadow: 0 10px 30px -5px rgba(101, 118, 255, 0.3);
	}

	.is-dark .testimonial-wall-platform {
	  background: #1e1e42;
	  color: #f4f7fa;
	}

	.is-dark .testimonial-wall-text {
	  color: #f4f7fa;
	}

	.is-dark .testimonial-wall-author-name {
	  color: #fcfcfc;
	}

	.is-dark .testimonial-wall-author-title {
	  color: #f4f7fa;
	}

	.is-dark .testimonial-video-title {
	  color: #fcfcfc;
	}

	.is-dark .testimonial-video-card {
	  background: #292962;
	  border-color: #3b4091;
	}

	.is-dark .testimonial-video-card:hover {
	  border-color: #6576FF;
	  box-shadow: 0 10px 30px -5px rgba(101, 118, 255, 0.3);
	}

	.is-dark .testimonial-video-info {
	  background: #292962;
	}

	.is-dark .testimonial-video-quote {
	  color: #f4f7fa;
	}

	.is-dark .testimonial-video-author-name {
	  color: #fcfcfc;
	}

	.is-dark .testimonial-video-author-company {
	  color: #f4f7fa;
	}

	/* Feature Pills - Dark Mode */
	.is-dark .feature-pill {
	  background: rgba(101, 118, 255, 0.15);
	  border-color: rgba(101, 118, 255, 0.3);
	  color: #f4f7fa;
	}

	/* Trust Indicator - Dark Mode */
	.is-dark .trust-indicator {
	  background: rgba(255, 255, 255, 0.05);
	  color: #f4f7fa;
	}

	/* Logo Wall - Dark Mode */
	.is-dark .logo-wall-container {
	  /* Logo images already have filters, but we can adjust mask for better contrast */
	  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);
	  mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);
	}

	/* Flow Cards (if you have any) - Dark Mode */
	.is-dark .flow-card {
	  background: #292962;
	  border-color: #3b4091;
	}

	.is-dark .flow-card:hover {
	  border-color: #6576FF;
	  box-shadow: 0 10px 30px -5px rgba(101, 118, 255, 0.2);
	}

	.is-dark .comparison-section {
	  background: #1e1e42;
	}

/** HOMEPAGE TESTIMONIALS **/

  /* Testimonial Wall Styles */
  #reviews {
	/*
    background: #f9fafb;
	*/
    position: relative;
    overflow: hidden;
  }

  .testimonial-stats-bar {
    display: flex;
    justify-content: center;
    gap: 3rem;
    flex-wrap: wrap;
    margin: 2rem auto 3rem;
    padding: 2rem;
    background: white;
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    max-width: 1200px;
  }

  .testimonial-stat-item {
    text-align: center;
  }

  .testimonial-stat-number {
    font-size: 2.5rem;
    font-weight: 700;
    color: #6366f1;
    display: block;
    line-height: 1;
  }

  .testimonial-stat-label {
    font-size: 0.875rem;
    color: #6b7280;
    margin-top: 0.5rem;
  }

  .testimonial-stat-stars {
    color: #fbbf24;
    font-size: 1.5rem;
    line-height: 1;
  }

  .testimonial-awards-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
    margin-bottom: 3rem;
    padding: 1.5rem;
    background: white;
    border-radius: 1rem;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-awards-row img {
    height: 48px;
    width: auto;
    opacity: 0.7;
    filter: grayscale(100%);
    transition: all 0.3s ease;
  }

  .testimonial-awards-row img:hover {
    opacity: 1;
    filter: grayscale(0%);
    transform: scale(1.05);
  }

  .testimonial-wall-container {
    overflow: hidden;
    margin: 2rem 0;
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  }

  .testimonial-wall-track {
    display: flex;
    gap: 1rem;
    animation: scroll-left 60s linear infinite;
    width: fit-content;
  }

  .testimonial-wall-container:nth-child(even) .testimonial-wall-track {
    animation: scroll-right 60s linear infinite;
  }

  @keyframes scroll-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }

  @keyframes scroll-right {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
  }

  .testimonial-wall-track:hover {
    animation-play-state: paused;
  }

  .testimonial-wall-card {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    padding: 1.5rem;
    width: 380px;
    flex-shrink: 0;
    transition: all 0.3s ease;
  }

  .testimonial-wall-card:hover {
    border-color: #6366f1;
    box-shadow: 0 10px 30px -5px rgba(99,102,241,0.2);
    transform: translateY(-2px);
  }

  .testimonial-wall-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
  }

  .testimonial-wall-stars {
    color: #fbbf24;
    font-size: 0.875rem;
  }

  .testimonial-wall-platform {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.75rem;
    background: #f3f4f6;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
  }

  .testimonial-wall-text {
    color: #374151;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .testimonial-wall-author {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }

  .testimonial-wall-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 0.875rem;
    flex-shrink: 0;
  }

  .testimonial-wall-author-info {
    flex: 1;
    min-width: 0;
  }

  .testimonial-wall-author-name {
    font-weight: 600;
    color: #111827;
    font-size: 0.875rem;
  }

  .testimonial-wall-author-title {
    font-size: 0.8125rem;
    color: #6b7280;
  }

  .testimonial-video-section {
    margin-top: 4rem;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-video-title {
    text-align: center;
    font-size: 1.875rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 2rem;
  }

  .testimonial-video-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
  }

  .testimonial-video-card {
    position: relative;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .testimonial-video-card:hover {
    border-color: #6366f1;
    box-shadow: 0 10px 30px -5px rgba(99,102,241,0.2);
    transform: translateY(-4px);
  }

  .testimonial-video-thumbnail {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    background: linear-gradient(135deg, #24234a, #e5e7eb)
    overflow: hidden;
  }

  .testimonial-video-thumbnail.vertical {
    aspect-ratio: 9/16;
    max-height: 400px;
  }

  .testimonial-video-thumbnail video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .testimonial-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: rgba(99,102,241,0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5rem;
    transition: all 0.3s ease;
    backdrop-filter: blur(8px);
  }

  .testimonial-video-card:hover .testimonial-video-play {
    background: rgba(99,102,241,1);
    transform: translate(-50%, -50%) scale(1.1);
  }

  .testimonial-video-info {
    padding: 1.25rem;
  }

  .testimonial-video-quote {
    color: #374151;
    font-size: 0.9375rem;
    line-height: 1.5;
    margin-bottom: 0.75rem;
    font-style: italic;
  }

  .testimonial-video-author {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  .testimonial-video-author-name {
    font-weight: 600;
    color: #111827;
    font-size: 0.875rem;
  }

  .testimonial-video-author-company {
    font-size: 0.8125rem;
    color: #6b7280;
  }

  .testimonial-cta-wrapper {
    text-align: center;
    margin-top: 3rem;
  }

  @media (max-width: 768px) {
    .testimonial-stats-bar {
      gap: 1.5rem;
      padding: 1.5rem;
    }

    .testimonial-stat-number {
      font-size: 2rem;
    }

    .testimonial-wall-card {
      width: 320px;
    }

    .testimonial-video-grid {
      grid-template-columns: 1fr;
    }

    .testimonial-video-title {
      font-size: 1.5rem;
    }
  }

/** HOMEPAGE TESTIMONIAL WALLS **/

	/* Updated testimonial wall card structure */
	.testimonial-wall-card {
	  background: white;
	  border: 1px solid #e5e7eb;
	  border-radius: 12px;
	  padding: 1.25rem;
	  min-height: 200px;
	  display: flex;
	  flex-direction: column;
	  transition: all 0.3s ease;
	}

	.testimonial-wall-card:hover {
	  border-color: #6366f1;
	  box-shadow: 0 8px 24px -4px rgba(99, 102, 241, 0.2);
	  transform: translateY(-2px);
	}

	.testimonial-wall-header {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  margin-bottom: 0.75rem;
	}

	.testimonial-wall-stars {
	  color: #fbbf24;
	  font-size: 1rem;
	  display: flex;
	  gap: 2px;
	}

	.testimonial-wall-platform {
	  width: 20px;  /* Reduced from 24px */
	  height: 20px; /* Reduced from 24px */
	  opacity: 0.7;
	  transition: opacity 0.3s ease;
	  flex-shrink: 0;
	  padding: 0.25rem;
	}

	.testimonial-wall-card:hover .testimonial-wall-platform {
	  opacity: 1;
	}

	.testimonial-wall-platform img {
	  width: 100%;
	  height: 100%;
	  object-fit: contain;
	  min-width: fit-content;
	}

	.testimonial-wall-text {
	  color: #374151;
	  font-size: 0.9375rem;
	  line-height: 1.6;
	  margin-bottom: 1rem;
	  flex-grow: 1; /* This allows text to take available space */
	}

	.testimonial-wall-text strong {
	  color: #111827;
	  font-weight: 600;
	}

	.testimonial-wall-author {
	  display: flex;
	  align-items: center;
	  gap: 0.75rem;
	  margin-top: auto; /* This pushes author to the bottom */
	  padding-top: 0.5rem;
	}

	.testimonial-wall-avatar {
	  width: 40px;
	  height: 40px;
	  border-radius: 50%;
	  flex-shrink: 0;
	  object-fit: cover;
	  border: 1px solid transparent;
	  background: linear-gradient(#0000, #0000) padding-box,
				  linear-gradient(135deg, #6366f1, #8b5cf6) border-box;
	}

	.testimonial-wall-avatar img {
	  border-radius: 50%;
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	}

	.testimonial-wall-avatar.testimonial-placeholder {
	  background: linear-gradient(135deg, #6366f1, #8b5cf6);
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  color: white;
	  font-weight: 600;
	  font-size: 0.875rem;
	}

	.testimonial-wall-author-info {
	  flex: 1;
	  min-width: 0;
	}

	.testimonial-wall-author-name {
	  font-weight: 600;
	  color: #111827;
	  font-size: 0.875rem;
	  margin-bottom: 0.125rem;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}

	.testimonial-wall-author-title {
	  font-size: 0.8125rem;
	  color: #6b7280;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}

	/* Half star styling */
	.testimonial-wall-stars .half-star {
	  position: relative;
	  display: inline-block;
	  color: #e5e7eb;
	}

	.testimonial-wall-stars .half-star::before {
	  content: '★';
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 50%;
	  color: #fbbf24;
	  overflow: hidden;
	  white-space: nowrap;
	  clip-path: inset(0 13% 0 0);
	}

	/* Dark mode */
	.is-dark .testimonial-wall-card {
	  background: #292962;
	  border-color: #3b4091;
	}

	.is-dark .testimonial-wall-card:hover {
	  border-color: #6576FF;
	  box-shadow: 0 8px 24px -4px rgba(101, 118, 255, 0.3);
	}

	.is-dark .testimonial-wall-text {
	  color: #f4f7fa;
	}

	.is-dark .testimonial-wall-text strong {
	  color: #fcfcfc;
	}

	.is-dark .testimonial-wall-author-name {
	  color: #fcfcfc;
	}

	.is-dark .testimonial-wall-author-title {
	  color: #f4f7fa;
	}

	.is-dark .testimonial-wall-platform {
	  /* filter: brightness(0) invert(1); */
	  opacity: 0.9;
	}

	.is-dark .testimonial-wall-card:hover .testimonial-wall-platform {
	  opacity: 0.9;
	}
	
/* .bg-angle SVG issue fix for iOS */
	.bg-angle-bottom {
		margin-left: -7px;
		margin-right: -7px;
	}