@layer utilities {
	.content-auto {
		content-visibility: auto;
	}

	.text-shadow {
		text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	}

	.bg-gradient-orange {
		background: linear-gradient(135deg, #ff3e18 0%, #ff5c39 100%);
	}

	.hover-scale {
		transition: transform 0.3s ease;
	}

	.hover-scale:hover {
		transform: scale(1.03);
	}

	.nav-link {
		position: relative;
	}

	.nav-link::after {
		content: '';
		position: absolute;
		width: 0;
		height: 2px;
		bottom: -2px;
		left: 0;
		background-color: #ff3e18;
		transition: width 0.3s ease;
	}

	.nav-link:hover::after,
	.nav-link.active::after {
		width: 100%;
	}

	.fade-in {
		opacity: 0;
		transform: translateY(20px);
		transition: opacity 0.6s ease, transform 0.6s ease;
	}

	.fade-in.appear {
		opacity: 1;
		transform: translateY(0);
	}

	.pricing-card {
		transition: all 0.3s ease;
	}

	.pricing-card:hover {
		transform: translateY(-10px);
	}

	.pricing-period-toggle {
		position: relative;
		display: inline-block;
		width: 60px;
		height: 30px;
	}

	.pricing-period-toggle input {
		opacity: 0;
		width: 0;
		height: 0;
	}

	.pricing-period-toggle-slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #e9ecef;
		transition: .4s;
		border-radius: 34px;
	}

	.pricing-period-toggle-slider:before {
		position: absolute;
		content: "";
		height: 22px;
		width: 22px;
		left: 4px;
		bottom: 4px;
		background-color: white;
		transition: .4s;
		border-radius: 50%;
	}

	input:checked+.pricing-period-toggle-slider {
		background-color: #ff3e18;
	}

	input:focus+.pricing-period-toggle-slider {
		box-shadow: 0 0 1px #ff3e18;
	}

	input:checked+.pricing-period-toggle-slider:before {
		transform: translateX(30px);
	}

	.back-to-top {
		position: fixed;
		bottom: 30px;
		right: 30px;
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease;
		z-index: 50;
	}

	.back-to-top.active {
		opacity: 1;
		visibility: visible;
	}

	.pricing-toggle-container {
		position: relative;
		display: inline-flex;
		align-items: center;
		padding: 2px;
		border-radius: 30px;
		background-color: #f8f9fa;
		transition: all 0.3s ease;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	}

	.pricing-toggle-label {
		padding: 6px 16px;
		border-radius: 26px;
		cursor: pointer;
		transition: all 0.3s ease;
		z-index: 10;
	}

	.pricing-toggle-indicator {
		position: absolute;
		height: calc(100% - 4px);
		width: 50%;
		border-radius: 26px;
		background-color: white;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
		transition: all 0.3s ease;
		z-index: 5;
	}

	.pricing-toggle-container input[type="radio"] {
		display: none;
	}

	.pricing-toggle-container input[type="radio"]:checked+label {
		color: #ff3e18;
		font-weight: 500;
	}

	.company-card {
		border-radius: 20px;
		box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
		transition: all 0.3s ease;
	}

	.company-card:hover {
		box-shadow: 0 20px 35px -10px rgba(0, 0, 0, 0.1);
	}

	.social-icon {
		position: relative;
	}

	.qr-code {
		display: none;
		position: absolute;
		bottom: 30px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 10;
		width: 150px;
		height: 150px;
		background-color: white;
		border: 1px solid #ccc;
		border-radius: 5px;
		padding: 5px;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	}

	.social-icon:hover .qr-code {
		display: block;
	}

	.team-card {
		transition: all 0.3s ease;
	}

	.team-card:hover {
		transform: translateY(-5px);
	}

	.team-card img {
		transition: all 0.3s ease;
	}

	.team-card:hover img {
		transform: scale(1.05);
	}

	.logo-grid img {
		transition: all 0.3s ease;
		filter: grayscale(100%);
	}

	.logo-grid img:hover {
		filter: grayscale(0);
		transform: scale(1.05);
	}
}