:root {
			--white: #ffffff;
			--gray-light: #f8f9fa;
			--gray-medium: #e9ecef;
			--gray-dark: #6c757d;
			--navy: #75078e;
			--accent: #e90e24;
			--accent-green: #b910ae;
			--shadow: rgba(0, 0, 0, 0.08);
			--border-radius: 8px;
		}

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

		body {
			font-family: 'Inter', sans-serif;
			line-height: 1.6;
			color: var(--navy);
			background-color: var(--white);
		}

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

		section {
			padding: 80px 0;
		}

		.bg-gray {
			background-color: var(--gray-light);
		}

		/* Typography */
		h1,
		h2,
		h3,
		h4 {
			font-weight: 700;
			line-height: 1.2;
			margin-bottom: 1.5rem;
		}

		h1 {
			font-size: 2.8rem;
		}

		h2 {
			font-size: 2.2rem;
			margin-bottom: 2.5rem;
			position: relative;
		}

		h2:after {
			content: '';
			position: absolute;
			bottom: -10px;
			left: 0;
			width: 60px;
			height: 3px;
			background-color: var(--accent);
		}

		h3 {
			font-size: 1.5rem;
		}

		p {
			margin-bottom: 1.5rem;
			color: #4a5568;
		}

		.text-center {
			text-align: center;
		}

		.text-center h2:after {
			left: 50%;
			transform: translateX(-50%);
		}

		.tagline {
			font-size: 0.9rem;
			color: var(--accent);
			font-weight: 600;
			letter-spacing: 1px;
			text-transform: uppercase;
			margin-bottom: 1rem;
		}

		/* Buttons */
		.btn {
			display: inline-block;
			padding: 14px 28px;
			border-radius: var(--border-radius);
			font-weight: 600;
			font-size: 1rem;
			text-decoration: none;
			cursor: pointer;
			transition: all 0.3s ease;
			border: none;
			font-family: 'Inter', sans-serif;
		}

		.btn-primary {
			background-color: var(--accent);
			color: var(--white);
		}

		.btn-primary:hover {
			background-color: #c702c0;
			transform: translateY(-2px);
			box-shadow: 0 5px 15px rgba(14, 165, 233, 0.2);
		}

		.btn-secondary {
			background-color: transparent;
			color: var(--navy);
			border: 2px solid var(--navy);
		}

		.btn-secondary:hover {
			background-color: var(--navy);
			color: var(--white);
			transform: translateY(-2px);
		}

		/* Header */
		header {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			background-color: rgba(255, 255, 255, 0.95);
			box-shadow: 0 2px 10px var(--shadow);
			z-index: 1000;
			padding: 15px 0;
		}

		.header-container {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.logo {
			font-size: 1.5rem;
			font-weight: 700;
			color: var(--navy);
			text-decoration: none;
		}

		.logo span {
			color: var(--accent);
		}

		.phone-header {
			font-weight: 600;
			color: var(--navy);
			text-decoration: none;
			font-size: 1.1rem;
		}

		/* Hero Section */
		.hero {
			padding-top: 140px;
			padding-bottom: 80px;
		}

		.hero-container {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 40px;
		}

		.hero-content {
			flex: 1;
			min-width: 300px;
		}

		.hero-image {
			flex: 1;
			min-width: 300px;
			position: relative;
		}

		.hero-img {
			width: 100%;
			border-radius: var(--border-radius);
			box-shadow: 0 10px 30px var(--shadow);
			height: 400px;
			object-fit: cover;
		}

		.stats-card {
			position: absolute;
			bottom: -30px;
			left: 20px;
			background-color: var(--white);
			border-radius: var(--border-radius);
			box-shadow: 0 10px 25px var(--shadow);
			padding: 25px;
			width: 90%;
			max-width: 400px;
		}

		.stats-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 15px;
		}

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

		.stat-icon {
			font-size: 1.2rem;
			margin-bottom: 8px;
		}

		.stat-number {
			font-weight: 700;
			font-size: 1.1rem;
			color: var(--navy);
			margin-bottom: 4px;
		}

		.stat-text {
			font-size: 0.8rem;
			color: var(--gray-dark);
		}

		.btn-group {
			display: flex;
			gap: 15px;
			margin-top: 2rem;
			flex-wrap: wrap;
		}

		/* About Section */
		.about-container {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
			gap: 40px;
		}

		.about-content p {
			margin-bottom: 1.2rem;
		}

		/* Services Section */
		.services-container {
			display: flex;
			flex-wrap: wrap;
			gap: 40px;
			align-items: flex-start;
		}

		.services-image {
			flex: 1;
			min-width: 300px;
		}

		.services-img {
			width: 100%;
			border-radius: var(--border-radius);
			height: 500px;
			object-fit: cover;
		}

		.services-grid {
			flex: 2;
			min-width: 300px;
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
			gap: 25px;
		}

		.service-card {
			background-color: var(--white);
			border-radius: var(--border-radius);
			padding: 25px;
			box-shadow: 0 5px 15px var(--shadow);
			transition: transform 0.3s ease;
		}

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

		.service-card h3 {
			margin-bottom: 10px;
			color: var(--navy);
		}

		.service-card p {
			font-size: 0.9rem;
			margin-bottom: 0;
		}

		/* FAQ Section */
		.faq-container {
			max-width: 800px;
			margin: 0 auto;
		}

		.faq-item {
			border-bottom: 1px solid var(--gray-medium);
			margin-bottom: 15px;
		}

		.faq-question {
			padding: 20px 0;
			cursor: pointer;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.faq-question h3 {
			font-size: 1.2rem;
			margin-bottom: 0;
			font-weight: 600;
		}

		.faq-icon {
			color: var(--accent);
			transition: transform 0.3s ease;
		}

		.faq-answer {
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.3s ease;
		}

		.faq-content {
			padding-bottom: 20px;
			color: #4a5568;
		}

		.faq-item.active .faq-icon {
			transform: rotate(45deg);
		}

		/* Detailed Services */
		.service-detail-block {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 40px;
			margin-bottom: 80px;
		}

		.service-detail-block:last-child {
			margin-bottom: 0;
		}

		.service-detail-img,
		.service-detail-content {
			flex: 1;
			min-width: 300px;
		}

		.service-detail-img img {
			width: 100%;
			border-radius: var(--border-radius);
			height: 350px;
			object-fit: cover;
		}

		/* Service Areas */
		.areas-grid {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
			gap: 15px;
			max-width: 1000px;
			margin: 0 auto;
		}

		.area-item {
			background-color: var(--white);
			padding: 15px;
			border-radius: var(--border-radius);
			text-align: center;
			box-shadow: 0 3px 10px var(--shadow);
		}

		/* Contact Section */
		.contact-container {
			display: flex;
			flex-wrap: wrap;
			gap: 40px;
		}

		.contact-map,
		.contact-info {
			flex: 1;
			min-width: 300px;
		}

		.contact-map iframe {
			width: 100%;
			height: 400px;
			border-radius: var(--border-radius);
			border: none;
		}

		.contact-card {
			background-color: var(--white);
			border-radius: var(--border-radius);
			padding: 40px;
			box-shadow: 0 10px 30px var(--shadow);
			height: 100%;
		}

		.contact-item {
			display: flex;
			align-items: flex-start;
			margin-bottom: 25px;
		}

		.contact-icon {
			color: var(--accent);
			margin-right: 15px;
			font-size: 1.2rem;
			margin-top: 5px;
		}

		/* Footer */
		footer {
			background-color: var(--navy);
			color: var(--white);
			padding: 40px 0;
			text-align: center;
		}

		.footer-content {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 15px;
		}

		/* Responsive */
		@media (max-width: 768px) {
			h1 {
				font-size: 2.2rem;
			}

			h2 {
				font-size: 1.8rem;
			}

			section {
				padding: 60px 0;
			}

			.hero {
				padding-top: 120px;
			}

			.stats-card {
				position: relative;
				bottom: 0;
				left: 0;
				width: 100%;
				margin-top: 20px;
			}

			.btn-group {
				flex-direction: column;
				width: 100%;
			}

			.btn {
				width: 100%;
				text-align: center;
			}

			.phone-header {
				font-size: 1rem;
			}
		}

		@media (max-width: 480px) {
			h1 {
				font-size: 1.8rem;
			}

			.services-grid {
				grid-template-columns: 1fr;
			}

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