#landing_section *
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

#landing_section
{
	font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
	line-height: 1.6;
	color: #333;
	/*overflow-x: hidden;*/
}

	#landing_section .container
	{
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 20px;
	}

	/* Header & Navigation */
	#landing_section .landing-header
	{
		background: #ffffff;
		box-shadow: 0 2px 10px rgba(0,0,0,0.1);
		position: sticky;
		top: 0;
		z-index: 1000;
	}

	#landing_section nav
	{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 1rem 0;
	}

	#landing_section .logo
	{
		font-size: 1.2rem;
		font-weight: 700;
		color: #000;
		letter-spacing: 0.02em;
	}

	#landing_section .nav-links
	{
		display: flex;
		gap: 2rem;
		list-style: none;
		align-items: center;
	}

		#landing_section .nav-links a
		{
			text-decoration: none;
			color: #333;
			font-weight: 500;
			font-size: 0.95rem;
			transition: color 0.3s;
			display: flex;
			align-items: center;
			gap: 0.25rem;
		}

			#landing_section .nav-links a:hover
			{
				color: #000;
			}

	#landing_section .dropdown-arrow
	{
		font-size: 0.7rem;
		color: #999;
	}

	#landing_section .cta-buttons
	{
		display: flex;
		gap: 1rem;
		align-items: center;
	}

	#landing_section .btn
	{
		padding: 0.75rem 1.5rem;
		border-radius: 50px;
		text-decoration: none;
		font-weight: 600;
		transition: all 0.3s;
		border: none;
		cursor: pointer;
		font-size: 0.95rem;
		display: inline-flex;
		align-items: center;
		gap: 0.5rem;
	}

	#landing_section .btn-login
	{
		background: transparent;
		color: #333;
		border: none;
		padding: 0.5rem 1rem;
	}

		#landing_section .btn-login:hover
		{
			color: #000;
		}

	#landing_section .flag
	{
		font-size: 1.2rem;
	}

	#landing_section .btn-primary
	{
		background: #000;
		color: white;
		padding: 0.75rem 1.75rem;
	}

		#landing_section .btn-primary:hover
		{
			background: #1a1a1a;
			transform: translateY(-2px);
			box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
		}

	#landing_section .btn-demo
	{
		background: transparent;
		color: #333;
		border: 2px solid #333;
		padding: 0.7rem 1.5rem;
	}

		#landing_section .btn-demo:hover
		{
			background: #333;
			color: white;
		}

	#landing_section .btn-secondary
	{
		background: transparent;
		color: #000;
		border: 2px solid #000;
	}

		#landing_section .btn-secondary:hover
		{
			background: #000;
			color: white;
		}

	/* Hero Section */
	#landing_section .hero
	{
		background: #fafbfc;
		color: #333;
		padding: 4rem 0 6rem;
		text-align: center;
	}

	#landing_section .hero-eyebrow
	{
		color: #000;
		font-size: 0.95rem;
		font-weight: 600;
		letter-spacing: 0.05em;
		margin-bottom: 0.5rem;
	}

	#landing_section .hero h1
	{
		font-size: 4rem;
		margin-bottom: 1rem;
		font-weight: 700;
		color: #000;
		letter-spacing: -0.02em;
	}

	#landing_section .hero p
	{
		font-size: 1.15rem;
		margin-bottom: 2.5rem;
		color: #555;
	}

	#landing_section .hero-upload-box
	{
		max-width: 700px;
		margin: 0 auto 2.5rem;
		background: white;
		border-radius: 16px;
		padding: 2rem;
		box-shadow: 0 4px 20px rgba(0,0,0,0.08);
	}

	#landing_section .upload-area
	{
		margin-bottom: 1.5rem;
	}

		#landing_section .upload-area textarea
		{
			width: 100%;
			border: 2px dashed #d1d5db;
			border-radius: 12px;
			padding: 1.5rem;
			font-size: 1rem;
			color: #6b7280;
			resize: none;
			font-family: inherit;
			background: #fafbfc;
		}

			#landing_section .upload-area textarea:focus
			{
				outline: none;
				border-color: #000;
			}

	#landing_section .hero-tabs
	{
		display: flex;
		gap: 0.5rem;
		align-items: center;
	}

	#landing_section .hero-tab
	{
		padding: 0.75rem 2rem;
		border: none;
		background: #f3f4f6;
		color: #333;
		border-radius: 8px;
		font-size: 0.95rem;
		font-weight: 500;
		cursor: pointer;
		transition: all 0.3s;
	}

		#landing_section .hero-tab.active
		{
			background: #000;
			color: white;
		}

		#landing_section .hero-tab:hover:not(.active)
		{
			background: #e5e7eb;
		}

	#landing_section .upload-btn
	{
		margin-left: auto;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		background: #000;
		color: white;
		border: none;
		font-size: 1.5rem;
		cursor: pointer;
		transition: all 0.3s;
		display: flex;
		align-items: center;
		justify-content: center;
	}

		#landing_section .upload-btn:hover
		{
			background: #1a1a1a;
			transform: translateY(-2px);
		}

	#landing_section .trust-badges
	{
		display: flex;
		justify-content: center;
		gap: 2rem;
		margin-bottom: 3rem;
		flex-wrap: wrap;
	}

	#landing_section .trust-badge
	{
		display: flex;
		align-items: center;
		gap: 0.5rem;
		background: white;
		padding: 1rem 1.5rem;
		border-radius: 12px;
		box-shadow: 0 2px 10px rgba(0,0,0,0.05);
		color: #333;
		font-size: 0.9rem;
	}

		#landing_section .trust-badge svg
		{
			color: #000;
			flex-shrink: 0;
		}

	#landing_section .hero-ratings
	{
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 3rem;
		flex-wrap: wrap;
	}

	#landing_section .rating-group
	{
		display: flex;
		align-items: center;
		gap: 1.5rem;
	}

	#landing_section .stars
	{
		font-size: 1.2rem;
	}

	#landing_section .rating-badge
	{
		background: white;
		padding: 0.5rem 1rem;
		border-radius: 8px;
		box-shadow: 0 2px 8px rgba(0,0,0,0.08);
		font-weight: 600;
		font-size: 0.9rem;
	}

	#landing_section .backed-by
	{
		display: flex;
		align-items: center;
		gap: 1rem;
		background: white;
		padding: 0.75rem 1.5rem;
		border-radius: 12px;
		box-shadow: 0 2px 8px rgba(0,0,0,0.08);
	}

	/* Main Features */
	#landing_section .features
	{
		padding: 6rem 0;
		background: #f8f9fa;
	}

	#landing_section .section-title
	{
		text-align: center;
		font-size: 2.5rem;
		margin-bottom: 1rem;
		color: #333;
	}

	#landing_section .section-subtitle
	{
		text-align: center;
		font-size: 1.2rem;
		color: #666;
		margin-bottom: 4rem;
	}

	#landing_section .feature-grid
	{
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		gap: 3rem;
		margin-top: 3rem;
	}

	#landing_section .feature-card
	{
		background: white;
		padding: 2.5rem;
		border-radius: 16px;
		box-shadow: 0 5px 20px rgba(0,0,0,0.08);
		transition: transform 0.3s, box-shadow 0.3s;
	}

		#landing_section .feature-card:hover
		{
			transform: translateY(-5px);
			box-shadow: 0 15px 40px rgba(0,0,0,0.12);
		}

	#landing_section .feature-icon
	{
		font-size: 3rem;
		margin-bottom: 1rem;
	}

	#landing_section .feature-card h3
	{
		font-size: 1.5rem;
		margin-bottom: 1rem;
		color: #333;
	}

	#landing_section .feature-card p
	{
		color: #666;
		line-height: 1.8;
	}

	/* Pricing Section */
	#landing_section .pricing
	{
		padding: 6rem 0;
		background: white;
	}

	#landing_section .pricing-grid
	{
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
		gap: 2rem;
		margin-top: 3rem;
	}

	#landing_section .pricing-card
	{
		background: white;
		border: 2px solid #e0e0e0;
		border-radius: 16px;
		padding: 2.5rem;
		text-align: center;
		transition: transform 0.3s, border-color 0.3s;
	}

		#landing_section .pricing-card:hover
		{
			transform: translateY(-5px);
			border-color: #000;
		}

		#landing_section .pricing-card.featured
		{
			border-color: #000;
			position: relative;
			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
		}

	#landing_section .pricing-badge
	{
		background: #000;
		color: white;
		padding: 0.5rem 1rem;
		border-radius: 20px;
		font-size: 0.85rem;
		font-weight: 600;
		margin-bottom: 1rem;
		display: inline-block;
	}

	#landing_section .pricing-card h3
	{
		font-size: 1.8rem;
		margin-bottom: 1rem;
	}

	#landing_section .pricing-price
	{
		font-size: 3rem;
		font-weight: bold;
		color: #000;
		margin-bottom: 0.5rem;
	}

	#landing_section .pricing-period
	{
		color: #666;
		margin-bottom: 2rem;
	}

	#landing_section .pricing-features
	{
		list-style: none;
		margin-bottom: 2rem;
		text-align: left;
	}

		#landing_section .pricing-features li
		{
			padding: 0.75rem 0;
			border-bottom: 1px solid #f0f0f0;
		}

			#landing_section .pricing-features li:before
			{
				content: "✓ ";
				color: #000;
				font-weight: bold;
				margin-right: 0.5rem;
			}

	/* Security Section */
	#landing_section .security
	{
		padding: 6rem 0;
		background: #000;
		color: white;
	}

	#landing_section .security-grid
	{
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
		gap: 3rem;
		margin-top: 3rem;
	}

	#landing_section .security-item
	{
		text-align: center;
	}

		#landing_section .security-item h3
		{
			font-size: 1.3rem;
			margin-bottom: 1rem;
		}

	#landing_section .security-icon
	{
		font-size: 3rem;
		margin-bottom: 1rem;
	}

	/* Testimonials */
	#landing_section .testimonials
	{
		padding: 6rem 0;
		background: #f8f9fa;
	}

	#landing_section .testimonial-grid
	{
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		gap: 2rem;
		margin-top: 3rem;
	}

	#landing_section .testimonial-card
	{
		background: white;
		padding: 2rem;
		border-radius: 12px;
		box-shadow: 0 5px 15px rgba(0,0,0,0.08);
	}

	#landing_section .testimonial-rating
	{
		color: #ffc107;
		margin-bottom: 1rem;
		font-size: 1.2rem;
	}

	#landing_section .testimonial-text
	{
		color: #666;
		margin-bottom: 1.5rem;
		line-height: 1.8;
	}

	#landing_section .testimonial-author
	{
		font-weight: 600;
		color: #333;
	}

	#landing_section .testimonial-role
	{
		color: #999;
		font-size: 0.9rem;
	}

	/* Footer */
	#landing_section .landing-footer
	{
		background: #1a1a1a;
		color: white;
		padding: 4rem 0 2rem;
	}

	#landing_section .footer-grid
	{
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		gap: 3rem;
		margin-bottom: 3rem;
	}

	#landing_section .footer-section h4
	{
		margin-bottom: 1rem;
		color: #fff;
	}

	#landing_section .footer-links
	{
		list-style: none;
	}

		#landing_section .footer-links li
		{
			margin-bottom: 0.5rem;
		}

		#landing_section .footer-links a
		{
			color: #ccc;
			text-decoration: none;
			transition: color 0.3s;
		}

			#landing_section .footer-links a:hover
			{
				color: #fff;
			}

	#landing_section .footer-bottom
	{
		text-align: center;
		padding-top: 2rem;
		border-top: 1px solid #333;
		color: #888;
	}

/* Responsive */
@media (max-width: 768px)
{
	#landing_section .nav-links
	{
		display: none;
	}

	#landing_section .hero h1
	{
		font-size: 2.5rem;
	}

	#landing_section .hero p
	{
		font-size: 1.1rem;
	}

	#landing_section .section-title
	{
		font-size: 2rem;
	}
}

/* FROM LAST VERSION */
.upload-body
{
	border: 2px dashed #d1d5db;
	border-radius: 12px;
}

/* OTHER */
#landing_section .filepond--root
{
	margin-bottom: 0px;
}

#landing_section .filepond--panel-root
{
	background: transparent;
}

#landing_section .upload-drop
{
	padding: 0px;
	margin-bottom: 12px;
}

#landing_section sl-tab::part(base)
{
	padding: 8px 14px;
	border-radius: 999px;
	border: 1px solid var(--border);
	font-size: 13px;
	margin: 10px;
	background: #f3f4f6;
}

#landing_section sl-tab[active]::part(base)
{
	background: black;
	color: white;
}

#landing_section sl-tab[disabled]::part(base)
{
	background: black;
	color: white;
	cursor: pointer;
	opacity: 1.0;
	margin-left: auto;
}

#landing_section .filepond--file
{
	padding-left: 16px;
	padding-right: 48px;
}

#landing_section .filepond--item
{
	margin-bottom: 16px;
}