/* CSS Variables for colors */
		:root {
			--vtp-blue: #4A90E2;
			--vtp-green: #50E3C2;
			--vtp-purple: #9013FE;
			--vtp-orange: #F5A623;
			--vtp-blue-light: #c4d5f0;
			--vtp-green-light: #c4e2c6;
			--gray-900: #1a202c;
			--gray-800: #2d3748;
			--gray-700: #374151;
			--gray-600: #4b5563;
			--gray-500: #6b7280;
			--gray-400: #9ca3af;
			--gray-300: #d1d5db;
			--gray-100: #f3f4f6;
			--gray-50: #f9fafb;
			--white: #ffffff;
			--indigo-100: #e0e7ff;
		}

		/* Basic Reset and Body */
		* {
			box-sizing: border-box;
			margin: 0;
			padding: 0;
		}

		body {
			display: flex;
			flex-direction: column;
			min-height: 100vh;
			font-family: 'Inter', sans-serif;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			color: var(--gray-900);
			background-color: var(--white);
			line-height: 1.5;
		}

		main {
			flex-grow: 1;
		}

		a {
			color: inherit;
			text-decoration: none;
		}

		img {
			max-width: 100%;
			height: auto;
			display: block;
		}

		/* Layout Container */
		.container {
			max-width: 1280px;
			margin-left: auto;
			margin-right: auto;
			padding-left: 1rem;
			padding-right: 1rem;
		}

		/* Section Padding */
		section {
			padding-top: 4rem;
			padding-bottom: 4rem;
		}

		.sign-in-btn {
			display: inline-block;
			border-radius: 0.375rem;
			border: 1px solid var(--gray-300);
			padding: 0.5rem 1rem;
			font-size: 0.875rem;
			font-weight: 500;
			color: var(--gray-700);
		}

		.sign-in-btn:hover {
			background-color: var(--gray-50);
		}

		.mobile-menu-btn {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			padding: 0.5rem;
			border-radius: 0.375rem;
			color: var(--gray-400);
			background-color: transparent;
			border: none;
			cursor: pointer;
		}
		
		.mobile-menu-btn .icon-open { display: block; }
		.mobile-menu-btn .icon-close { display: none; }

		.mobile-menu-btn:hover {
			color: var(--gray-500);
			background-color: var(--gray-100);
		}

		/* Standalone Logo container */
		.standalone-logo-container {
			padding-top: 2rem;
			padding-bottom: 2rem;
			display: flex;
			align-items: center;
			background-color: var(--white);
			padding-left: 20px;
		}

		.logo-img {
			height: 100px;
			width: auto;
			margin-right: 1rem;
		}

		.product-name {
			font-size: 2rem;
			font-weight: 600;
			color: var(--gray-800);
		}

		/* Hero Section */
		.hero {
			background-image: url('/media/virtualteamparent-hero.png');
			background-size: cover;
			background-position: center;
			padding-top: 6rem;
			padding-bottom: 6rem;
			position: relative;
		}

		.hero::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: rgba(0, 0, 0, 0.5);
			z-index: 1;
		}

		.hero-grid {
			display: grid;
			grid-template-columns: 1fr;
			gap: 4rem;
			align-items: center;
			position: relative;
			z-index: 2;
		}

		.hero-text {
			text-align: center;
			color: var(--white);
		}

		.hero-text h1 {
			font-size: 2.25rem; /* text-4xl */
			font-weight: 700;
			letter-spacing: -0.025em;
			color: var(--white);
		}

		.hero-text h1 span {
			display: block;
			color: var(--vtp-blue);
		}

		.hero-text p {
			margin-top: 1.5rem;
			font-size: 1.125rem; /* text-lg */
			color: var(--gray-100);
		}

		/* Features Section */
		.features-section {
			background-color: var(--vtp-blue-light);
		}

		.section-title {
			font-size: 1.875rem; /* text-3xl */
			font-weight: 700;
			text-align: center;
			color: var(--gray-900);
			margin-bottom: 3rem;
		}

		.features-grid {
			display: grid;
			grid-template-columns: 1fr;
			gap: 2rem;
		}

		.feature-card {
			background-color: var(--white);
			padding: 2rem;
			border-radius: 0.5rem;
			box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow-md */
		}

		.feature-icon {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 3rem;
			width: 3rem;
			border-radius: 9999px;
			color: var(--white);
		}
		
		.feature-icon svg {
			height: 1.5rem;
			width: 1.5rem;
		}

		.feature-card h3 {
			margin-top: 1.5rem;
			font-size: 1.125rem;
			font-weight: 600;
			color: var(--gray-900);
		}

		.feature-card p {
			margin-top: 0.5rem;
			font-size: 1rem;
			color: var(--gray-600);
		}

		/* How It Works Section */
		.how-it-works-section {
			background-color: var(--white);
		}
		
		.how-it-works-steps {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
		}
		
		.step {
			display: flex;
			flex-direction: column;
			align-items: center;
			text-align: center;
			margin-bottom: 2rem;
		}

		.step-number {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 3rem;
			width: 3rem;
			border-radius: 9999px;
			background-color: var(--vtp-blue);
			color: var(--white);
			font-weight: 700;
			font-size: 1.25rem;
		}

		.step h3 {
			margin-top: 1.5rem;
			font-size: 1.125rem;
			font-weight: 600;
			color: var(--gray-900);
		}

		.step p {
			margin-top: 0.5rem;
			font-size: 1rem;
			color: var(--gray-600);
			max-width: 320px;
		}

		/* Testimonials Section */
		.testimonials-section {
			background-color: var(--vtp-green-light);
		}

		.testimonials-grid {
			display: grid;
			grid-template-columns: 1fr;
			gap: 2rem;
			max-width: 896px; /* max-w-4xl */
			margin-left: auto;
			margin-right: auto;
		}

		.testimonial-card {
			background-color: var(--white);
			padding: 2rem;
			border-radius: 0.5rem;
			box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
		}

		.testimonial-card blockquote {
			font-size: 1.125rem;
			color: var(--gray-700);
			font-style: italic;
		}

		.testimonial-card .author {
			margin-top: 1rem;
			font-weight: 600;
			color: var(--gray-900);
		}

		.testimonial-card .role {
			font-size: 0.875rem;
			color: var(--vtp-blue);
		}
		
		/* About Section */
		.about-section {
			background-color: var(--white);
		}

		.about-content {
			max-width: 768px; /* max-w-3xl */
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}
		
		.about-content h2 {
			font-size: 1.875rem;
			font-weight: 700;
			color: var(--gray-900);
			margin-bottom: 1.5rem;
		}
		
		.about-content p {
			font-size: 1.125rem;
			color: var(--gray-600);
			line-height: 1.75;
		}
		
		/* CTA Section */
		.cta-section {
			background-color: var(--vtp-blue);
			color: var(--white);
		}
		
		.cta-content {
			max-width: 768px;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}

		.cta-content h2 {
			font-size: 1.875rem;
			font-weight: 700;
		}
		
		.cta-content p {
			margin-top: 1rem;
			font-size: 1.125rem;
			color: var(--indigo-100);
		}
		
		.cta-button {
			margin-top: 2rem;
			display: inline-block;
			border-radius: 0.375rem;
			background-color: var(--white);
			padding: 0.75rem 1.5rem;
			font-size: 1rem;
			font-weight: 500;
			color: var(--vtp-blue);
		}
		
		.cta-button:hover {
			background-color: var(--gray-100);
		}
		
		/* Footer */
		.footer {
			background-color: var(--gray-800);
			padding-top: 2rem;
			padding-bottom: 2rem;
		}
		
		.footer p {
			text-align: center;
			color: var(--gray-400);
		}

		.footer a {
			color: var(--gray-300);
			text-decoration: underline;
		}

		.footer a:hover {
			color: var(--white);
		}

		/* Responsive Styles */
		
		/* Small screens (sm) - 640px */
		@media (min-width: 640px) {
			.container {
				padding-left: 1.5rem;
				padding-right: 1.5rem;
			}
			
			section {
				padding-top: 6rem;
				padding-bottom: 6rem;
			}

			.hero-text h1 {
				font-size: 3rem; /* sm:text-5xl */
			}
		}
		
		/* Medium screens (md) - 768px */
		@media (min-width: 768px) {
			.nav-links {
				display: flex;
				align-items: center;
				gap: 1rem;
			}
			
			.nav-links a {
				padding: 0;
			}
			
			.nav-signin-desktop {
				display: block;
			}
			
			.mobile-menu-btn {
				display: none;
			}
			
			.features-grid {
				grid-template-columns: repeat(3, 1fr);
			}
			
			.how-it-works-steps {
				flex-direction: row;
				align-items: flex-start;
			}

			.step {
				margin-bottom: 0;
			}

			.testimonials-grid {
				grid-template-columns: 1fr 1fr;
			}
		}
		
		/* Large screens (lg) - 1024px */
		@media (min-width: 1024px) {
			.container {
				padding-left: 2rem;
				padding-right: 2rem;
			}

		}

        /* Privacy Policy Content */
        .policy-content-section {
            background-color: var(--white);
            padding-top: 2rem;
            padding-bottom: 6rem;
        }

        .policy-content {
            max-width: 896px; /* max-w-4xl */
            margin-left: auto;
            margin-right: auto;
        }
        
        .policy-content h1 {
            font-size: 2.25rem; /* text-4xl */
            font-weight: 700;
            color: var(--gray-900);
            margin-bottom: 1rem;
            border-bottom: 1px solid var(--gray-100);
            padding-bottom: 1rem;
        }

        .policy-content p.last-updated {
            font-size: 0.875rem;
            color: var(--gray-500);
            margin-bottom: 2rem;
        }

        .policy-content h2 {
            font-size: 1.5rem; /* text-2xl */
            font-weight: 600;
            color: var(--gray-900);
            margin-top: 2.5rem;
            margin-bottom: 1rem;
        }
        
        .policy-content p, .policy-content li {
            font-size: 1rem;
            color: var(--gray-600);
            line-height: 1.75;
            margin-bottom: 1.5rem;
        }

        .policy-content a {
            color: var(--vtp-blue);
            text-decoration: underline;
        }