/*

Tooplate 2142 Cloud Sync

https://www.tooplate.com/view/2142-cloud-sync

*/

@charset "utf-8";
/* CSS Document */

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

		
		html {
		  scroll-padding-top: 100px; /* altura da navbar */
		}		

		:root {
		  --primary: #b8860b; /* Ouro escuro */
		  --primary-dark: #8b7500; /* Ouro mais fechado */
		  --secondary: #daa520; /* Goldenrod como cor secundária */
		  --background: #080808f2; /* já estava */
		  --surface: #1a1a1a; /* cinza base */
		  --surface-dark: #111111; /* 🔥 novo cinza mais escuro para substituir os azuis */
		  --text: #e2e8f0;
		  --text-secondary: #94a3b8;
		  --accent: #f472b6;
		  --gradient: linear-gradient(135deg, #b8860b 0%, #daa520 40%, #c7971e 70%, #8b7500 100%);
		}

        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            background: var(--background);
            color: var(--text);
            line-height: 1.6;
            overflow-x: hidden;
        }

        /* Navigation */
        nav {
            position: fixed;
            top: 0;
            width: 100%;
            padding: 1rem 2rem;
            background: rgba(18, 18, 18, 0.8); /* cinza escuro translúcido */
            backdrop-filter: blur(10px);
            z-index: 1000;
            transition: all 0.3s ease;
        }

        .nav-container {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            font-size: 1.5rem;
            font-weight: bold;
            background: var(--gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .nav-links {
            display: flex;
            gap: 2rem;
            align-items: center;
        }

        .nav-links a {
            color: var(--text-secondary);
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .nav-links a:hover {
            color: var(--text);
        }

        .cta-button {
            background: var(--primary);
            color: white;
            padding: 0.5rem 1.5rem;
            border-radius: 0.5rem;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .cta-button:hover {
            background: var(--primary-dark);
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(99, 102, 241, 0.3);
        }

        /* Mobile Menu */
        .mobile-menu-toggle {
            display: none;
            flex-direction: column;
            gap: 4px;
            background: none;
            border: none;
            cursor: pointer;
            padding: 5px;
        }

        .mobile-menu-toggle span {
            display: block;
            width: 25px;
            height: 3px;
            background: var(--text);
            transition: all 0.3s ease;
            transform-origin: center;
        }

        .mobile-menu-toggle.active span:nth-child(1) {
            transform: rotate(45deg) translate(5px, 5px);
        }

        .mobile-menu-toggle.active span:nth-child(2) {
            opacity: 0;
        }

        .mobile-menu-toggle.active span:nth-child(3) {
            transform: rotate(-45deg) translate(5px, -5px);
        }

        .mobile-nav {
            display: none;
            position: fixed;
            top: 60px;
            left: 0;
            right: 0;
            background: rgba(15, 23, 42, 0.98);
            backdrop-filter: blur(10px);
            padding: 2rem;
            border-top: 1px solid rgba(99, 102, 241, 0.2);
            animation: slideDown 0.3s ease;
        }

        .mobile-nav.active {
            display: block;
        }

        .mobile-nav a {
            display: block;
            color: var(--text);
            text-decoration: none;
            padding: 1rem 0;
            font-size: 1.1rem;
            border-bottom: 1px solid rgba(99, 102, 241, 0.1);
            transition: all 0.3s ease;
        }

        .mobile-nav a:hover {
            color: var(--primary);
            transform: translateX(10px);
        }

        .mobile-nav .cta-button {
            display: inline-block;
            margin-top: 1rem;
            width: 100%;
            text-align: center;
        }

        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

		/* Hero Section with Video */
		.hero {
		  position: relative;
		  width: 100%;
		  height: 100vh;
		  overflow: hidden;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  text-align: center;
		  padding: 0 2rem;
		}

		.hero-video {
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  object-fit: cover;
		  z-index: -2;
		}

		.hero-overlay {
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  background: rgba(23, 23, 23, 0.6); /* overlay escuro */
		  z-index: -1;
		}

		.hero-content {
		  max-width: 800px;
		  color: #fff;
		  position: relative;
		  z-index: 1;
		}

		.hero-content h1 {
		  font-size: 3.5rem;
		  margin-bottom: 1rem;
		  background: linear-gradient(to right, #ffffff, #94a3b8);
		  -webkit-background-clip: text;
		  -webkit-text-fill-color: transparent;
		}

		.hero-subtitle {
		  font-size: 1.25rem;
		  color: #e2e8f0;
		  margin-bottom: 2rem;
		}


		/* Ajuste do tamanho da logo */
		.legacy-logo {
		  height: 75px; /* ajuste conforme necessário */
		  width: auto;  /* mantém a proporção */
		  object-fit: contain;
		}

        .hero-bg::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, rgba(18, 18, 18, 0.7), rgba(18, 18, 18, 0.9));
        }

		/* Features Section */
		.features {
			padding: 4rem 2rem;
			background: var(--surface);
		}

		.features-container {
			max-width: 1200px;
			margin: 0 auto;
		}

		.features-header {
			text-align: center;
			margin-bottom: 4rem;
		}

		.features-header h2 {
			font-size: 2.5rem;
			margin-bottom: 1rem;
		}

		.features-subtitle {
			color: var(--text-secondary);
			font-size: 1.1rem;
		}

		/* Layout principal */
		.features-layout {
			display: flex;
			flex-direction: column;
			gap: 3rem;
		}

		.feature-card-large {
		  background: rgba(18, 18, 18, 0.55); /* vidro translúcido */
		  border: 1px solid rgba(255, 255, 255, 0.08); /* borda clarinha */
		  padding: 2.5rem;
		  border-radius: 1rem;
		  text-align: center;
		  transition: all 0.3s ease;

		  /* efeito vidro */
		  backdrop-filter: blur(16px);
		  -webkit-backdrop-filter: blur(16px); /* Safari */
		  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6); /* profundidade */
		}

		.feature-card-large:hover {
		  transform: translateY(-5px);
		  border-color: rgba(184, 134, 11, 0.4); /* dourado sutil */
		  box-shadow: 0 12px 32px rgba(184, 134, 11, 0.25); /* brilho dourado */
		}



		/* Ícone dentro do card */
		.feature-icon {
			width: 70px;
			height: 70px;
			background: var(--gradient);
			border-radius: 1rem;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0 auto 1.5rem auto;
			font-size: 2rem;
			color: #fff;
		}

		.feature-icon i {
			font-size: 2rem;
		}

		/* Títulos e textos */
		.feature-card-large h3 {
			font-size: 1.5rem;
			margin-bottom: 1rem;
		}

		.feature-card-large p {
			color: var(--text-secondary);
			font-size: 1rem;
			line-height: 1.5;
		}

		/* Checklist (se precisar em outros cards) */
		.feature-checklist {
			list-style: none;
			margin-top: 1.5rem;
		}

		.feature-checklist li {
			padding: 0.5rem 0;
			color: var(--text-secondary);
			position: relative;
			padding-left: 1.5rem;
		}

		.feature-checklist li::before {
			content: '✓';
			position: absolute;
			left: 0;
			color: var(--secondary);
			font-weight: bold;
		}

		/* Layout três colunas (para os serviços) */
		.features-three-col {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 2rem;
		}

		/* Cards pequenos (se quiser usar em outras partes) */
		.features-four-col {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			gap: 1.5rem;
		}

		.feature-card-small {
			background: rgba(18, 18, 18, 0.5); /* fundo vidro escuro */
			border: 1px solid rgba(255, 255, 255, 0.05); /* borda clara discreta */
			padding: 2rem;
			border-radius: 1rem;
			text-align: center;
			transition: all 0.3s ease;
		}

		.feature-card-small:hover {
			background: rgba(18, 18, 18, 0.7);
			border-color: var(--primary); /* dourado no hover */
			transform: translateY(-3px);
		}

		.feature-icon-small {
			font-size: 2.5rem;
			margin-bottom: 1rem;
			display: inline-block;
		}

		.feature-card-small h4 {
			font-size: 1.1rem;
			margin-bottom: 0.75rem;
		}

		.feature-card-small p {
			color: var(--text-secondary);
			font-size: 0.9rem;
		}

		/* Responsividade */
		@media (max-width: 992px) {
			.features-three-col {
				grid-template-columns: 1fr 1fr; /* quebra para 2 colunas */
			}
		}

		@media (max-width: 600px) {
			.features-three-col {
				grid-template-columns: 1fr; /* quebra para 1 coluna */
			}
		}


		/* Pricing Section */
		.pricing {
		  padding: 4rem 2rem;
		  max-width: 1200px;
		  margin: 0 auto;
		}

		.pricing-header {
		  text-align: center;
		  margin-bottom: 3rem;
		}

		.pricing-header h2 {
		  font-size: 2.5rem;
		  margin-bottom: 1rem;
		}

		.pricing-calculator {
		  background: rgba(18, 18, 18, 0.55); /* vidro escuro */
		  border-radius: 1rem;
		  padding: 2rem;
		  margin-bottom: 3rem;
		  border: 1px solid rgba(255, 255, 255, 0.08);

		  backdrop-filter: blur(12px);
		  -webkit-backdrop-filter: blur(12px);
		}

		/* Slider */
		.slider-container {
		  margin-bottom: 2rem;
		}

		.slider-label {
		  display: flex;
		  justify-content: space-between;
		  margin-bottom: 1rem;
		}

		.slider {
		  width: 100%;
		  height: 6px;
		  background: rgba(255, 255, 255, 0.1); /* neutro escuro */
		  border-radius: 3px;
		  outline: none;
		  -webkit-appearance: none;
		  position: relative;
		}

		.slider::-webkit-slider-thumb {
		  -webkit-appearance: none;
		  appearance: none;
		  width: 20px;
		  height: 20px;
		  background: var(--primary);
		  cursor: pointer;
		  border-radius: 50%;
		  transition: all 0.3s ease;
		}

		.slider::-webkit-slider-thumb:hover {
		  transform: scale(1.2);
		  box-shadow: 0 0 20px rgba(184, 134, 11, 0.5); /* glow dourado */
		}

		/* Pricing Cards */
		.pricing-cards {
		  display: grid;
		  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		  gap: 2rem;
		}

		.pricing-card {
		  background: rgba(18, 18, 18, 0.55); /* vidro escuro */
		  border: 2px solid transparent;
		  padding: 2rem;
		  border-radius: 1rem;
		  text-align: center;
		  transition: all 0.3s ease;
		  position: relative;
		  overflow: hidden;

		  backdrop-filter: blur(14px);
		  -webkit-backdrop-filter: blur(14px);
		  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
		}

		.pricing-card.popular {
		  border-color: var(--primary);
		}

		.pricing-card.popular::before {
		  content: 'Most Popular';
		  position: absolute;
		  top: 1rem;
		  right: -2rem;
		  background: var(--primary);
		  color: white;
		  padding: 0.25rem 3rem;
		  transform: rotate(45deg);
		  font-size: 0.75rem;
		}

		.pricing-card:hover {
		  transform: translateY(-5px);
		  border-color: var(--primary);
		  box-shadow: 0 12px 32px rgba(184, 134, 11, 0.25);
		}

		/* Text inside */
		.plan-name {
		  font-size: 1.5rem;
		  margin-bottom: 0.5rem;
		}

		.plan-price {
		  font-size: 3rem;
		  font-weight: bold;
		  margin-bottom: 1rem;
		}

		.plan-price span {
		  font-size: 1rem;
		  color: var(--text-secondary);
		}

		.plan-features {
		  list-style: none;
		  margin-bottom: 2rem;
		}

		.plan-features li {
		  padding: 0.5rem 0;
		  color: var(--text-secondary);
		  position: relative;
		  padding-left: 1.5rem;
		}

		.plan-features li::before {
		  content: '✓';
		  position: absolute;
		  left: 0;
		  color: var(--secondary);
		  font-weight: bold;
		}


        /* Animated Background */
        .floating-shapes {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            z-index: -1;
        }

		.shape {
			position: absolute;
			background: rgba(255, 255, 255, 0.05); /* ✨ cinza clarinho translúcido */
			filter: blur(60px);
			border-radius: 50%;
			animation: float 20s infinite ease-in-out;
		}

        .shape:nth-child(1) {
            width: 300px;
            height: 300px;
            top: 10%;
            left: 10%;
            animation-delay: 0s;
        }

        .shape:nth-child(2) {
            width: 200px;
            height: 200px;
            top: 60%;
            right: 10%;
            animation-delay: 5s;
        }

        .shape:nth-child(3) {
            width: 250px;
            height: 250px;
            bottom: 10%;
            left: 30%;
            animation-delay: 10s;
        }

        @keyframes float {
            0%, 100% { transform: translate(0, 0) scale(1); }
            33% { transform: translate(30px, -30px) scale(1.1); }
            66% { transform: translate(-20px, 20px) scale(0.9); }
        }

        /* Responsive */
        @media (max-width: 768px) {
            h1 { font-size: 2.5rem; }
            .nav-links { display: none; }
            .pricing-cards { grid-template-columns: 1fr; }
        }
		
/* Gallery Section */
.gallery {
  padding: 4rem 2rem;
  background: var(--surface);
  text-align: center;
}

.gallery-title {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

.gallery-subtitle {
  font-size: 1.1rem;
  color: var(--text-secondary);
  margin-bottom: 3rem;
}

/* Grid responsiva */
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.5rem;
}

/* Card */
.gallery-item {
  background: rgba(18, 18, 18, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 1rem;
  padding: 1rem;
  transition: all 0.3s ease;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.4);
}

.gallery-item:hover {
  transform: translateY(-4px);
  border-color: var(--primary);
  box-shadow: 0 10px 30px rgba(184,134,11,0.25);
}

/* ====== IMAGEM ÚNICA POR CARD ====== */
.gallery-item > img {
  width: 100%;
  display: block;
  border-radius: 0.75rem;
  /* Escolha 1: manter proporção moderna */
  aspect-ratio: 16 / 10;        /* mantém proporção bonita */
  object-fit: cover;
  /* Fallback se o browser não suportar aspect-ratio */
  height: 260px;
}

/* Título do card */
.gallery-item h4 {
  font-size: 1.1rem;
  margin-top: 0.75rem;
}

/* ====== FALLBACK: SE ALGUM CARD AINDA TIVER DUAS IMAGENS ====== */
.before-after {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}

.before-after img {
  width: 100%;
  height: 260px;
  border-radius: 0.75rem;
  object-fit: cover;
}

/* Responsivo: reduz altura em telas menores */
@media (max-width: 480px) {
  .gallery-item > img,
  .before-after img {
    height: 200px;
  }
}

		

		/* About Section */
		.about {
		  padding: 4rem 2rem;
		  background: var(--surface);
		  position: relative;
		  overflow: hidden;
		  text-align: center;
		}

		.about::before {
		  content: '';
		  position: absolute;
		  top: 0;
		  right: -20%;
		  width: 40%;
		  height: 100%;
		  background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);
		}

		.about-container {
		  max-width: 1200px;
		  margin: 0 auto;
		  position: relative;
		  z-index: 1;
		}

		/* Stats */
		.stats-grid {
		  display: grid;
		  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		  gap: 2rem;
		  margin-bottom: 3rem;
		}

		.stat-card {
		  background: rgba(18, 18, 18, 0.55); /* Glass effect */
		  padding: 2rem;
		  border-radius: 1rem;
		  border: 1px solid rgba(255, 255, 255, 0.08);
		  transition: all 0.3s ease;
		  backdrop-filter: blur(12px);
		  -webkit-backdrop-filter: blur(12px);
		  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
		}

		.stat-card:hover {
		  transform: translateY(-5px);
		  border-color: var(--primary);
		  box-shadow: 0 10px 25px rgba(184, 134, 11, 0.25);
		}

		.stat-number {
		  font-size: 2.5rem;
		  font-weight: bold;
		  background: var(--gradient);
		  -webkit-background-clip: text;
		  -webkit-text-fill-color: transparent;
		}

		.stat-label {
		  color: var(--text-secondary);
		  margin-top: 0.5rem;
		}

		/* About Lower (image + text) */
		.about-lower {
		  display: grid;
		  grid-template-columns: 1fr 1fr;
		  align-items: center;
		  gap: 3rem;
		  margin-top: 2rem;
		  text-align: left;
		}

		.about-image img {
		  width: 100%;
		  border-radius: 1rem;
		  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
		}

		.about-text {
		  max-width: 600px;
		  margin: 0 auto;
		}

		.about-text p {
		  color: var(--text-secondary);
		  line-height: 1.8;
		  font-size: 1.1rem;
		}

		/* Responsive */
		@media (max-width: 992px) {
		  .about-lower {
			grid-template-columns: 1fr;
			text-align: center;
		  }

		  .about-text {
			margin-top: 1.5rem;
		  }
		}



		/* Contact Section */
		.contact {
		  padding: 4rem 2rem;
		  max-width: 1200px;
		  margin: 0 auto;
		}

		.contact-header {
		  text-align: center;
		  margin-bottom: 3rem;
		}

		.contact-header h2 {
		  font-size: 2.5rem;
		  margin-bottom: 1rem;
		}

		.contact-subtitle {
		  color: var(--text-secondary);
		  font-size: 1.1rem;
		}

		.contact-content {
		  display: grid;
		  grid-template-columns: 1fr 1fr;
		  gap: 3rem;
		  align-items: start;
		}

		/* Contact Form Styling */
		.contact-form-wrapper {
		  background: rgba(18, 18, 18, 0.55); /* vidro escuro */
		  padding: 2.5rem;
		  border-radius: 1rem;
		  border: 1px solid rgba(255, 255, 255, 0.08);

		  backdrop-filter: blur(12px);
		  -webkit-backdrop-filter: blur(12px);
		  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
		}

		.form-header {
		  margin-bottom: 2rem;
		}

		.form-header h3 {
		  font-size: 1.5rem;
		  margin-bottom: 0.5rem;
		}

		.form-header p {
		  color: var(--text-secondary);
		  font-size: 0.95rem;
		}

		.form-row {
		  display: grid;
		  grid-template-columns: 1fr 1fr;
		  gap: 1rem;
		}

		.form-group {
		  margin-bottom: 1.25rem;
		}

		.form-group label {
		  display: block;
		  margin-bottom: 0.5rem;
		  color: var(--text);
		  font-weight: 500;
		  font-size: 0.9rem;
		}

		.form-group input,
		.form-group select,
		.form-group textarea {
		  width: 100%;
		  padding: 0.875rem;
		  background: rgba(18, 18, 18, 0.5);
		  border: 1px solid rgba(255, 255, 255, 0.08);
		  border-radius: 0.5rem;
		  color: var(--text);
		  font-size: 0.95rem;
		  transition: all 0.3s ease;
		}

		.form-group input:focus,
		.form-group select:focus,
		.form-group textarea:focus {
		  outline: none;
		  border-color: var(--primary);
		  background: rgba(18, 18, 18, 0.8);
		}

		.form-group textarea {
		  resize: vertical;
		}

		.submit-button {
		  width: 100%;
		  padding: 1rem;
		  background: var(--primary);
		  color: white;
		  border: none;
		  border-radius: 0.5rem;
		  font-size: 1rem;
		  font-weight: 600;
		  cursor: pointer;
		  transition: all 0.3s ease;
		  margin-top: 0.5rem;
		}

		.submit-button:hover {
		  background: var(--primary-dark);
		  transform: translateY(-2px);
		  box-shadow: 0 10px 20px rgba(184, 134, 11, 0.3); /* glow dourado */
		}

		/* Contact Info Styling */
		.contact-info {
		  display: flex;
		  flex-direction: column;
		  gap: 1.5rem;
		}

		.quick-contact {
		  background: rgba(18, 18, 18, 0.55); /* vidro */
		  padding: 2rem;
		  border-radius: 1rem;
		  border: 1px solid rgba(255, 255, 255, 0.08);

		  backdrop-filter: blur(12px);
		  -webkit-backdrop-filter: blur(12px);
		}

		.quick-contact h3 {
		  font-size: 1.5rem;
		  margin-bottom: 1.5rem;
		}

		.contact-methods {
		  display: flex;
		  flex-direction: column;
		  gap: 1rem;
		}

		.contact-method {
		  display: flex;
		  align-items: center;
		  gap: 1rem;
		  padding: 1rem;
		  background: rgba(18, 18, 18, 0.5);
		  border-radius: 0.75rem;
		  text-decoration: none;
		  color: inherit;
		  transition: all 0.3s ease;
		  border: 1px solid transparent;
		}

		.contact-method:hover {
		  background: rgba(255, 255, 255, 0.05);
		  border-color: var(--primary);
		  transform: translateX(5px);
		}

		.method-icon {
		  font-size: 1.5rem;
		  width: 40px;
		  height: 40px;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  background: rgba(255, 255, 255, 0.05);
		  border-radius: 0.5rem;
		}

		.method-details {
		  display: flex;
		  flex-direction: column;
		}

		.method-details strong {
		  color: var(--text);
		  font-size: 0.95rem;
		}

		.method-details span {
		  color: var(--text-secondary);
		  font-size: 0.85rem;
		}

		.office-locations {
		  background: rgba(18, 18, 18, 0.55); /* vidro */
		  padding: 2rem;
		  border-radius: 1rem;
		  border: 1px solid rgba(255, 255, 255, 0.08);

		  backdrop-filter: blur(12px);
		  -webkit-backdrop-filter: blur(12px);
		}

		.office-locations h3 {
		  font-size: 1.5rem;
		  margin-bottom: 1.5rem;
		}

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

		.location {
		  padding: 1rem;
		  background: rgba(18, 18, 18, 0.5);
		  border-radius: 0.75rem;
		  border-left: 3px solid var(--primary);
		  transition: all 0.3s ease;
		}

		.location:hover {
		  background: rgba(255, 255, 255, 0.05);
		  transform: translateX(5px);
		}

		.location strong {
		  color: var(--text);
		  display: block;
		  margin-bottom: 0.5rem;
		}

		.location p {
		  color: var(--text-secondary);
		  font-size: 0.85rem;
		  line-height: 1.5;
		}


		/* Footer */
		.footer {
		  background: var(--background);
		  border-top: 1px solid rgba(99, 102, 241, 0.15);
		  padding: 3rem 2rem 1.5rem;
		  margin-top: 4rem;
		  font-size: 0.95rem;
		  text-align: center;
		}

		.footer-container {
		  max-width: 900px;
		  margin: 0 auto;
		}

		.footer-brand {
		  margin-bottom: 1.5rem;
		}

		.footer-brand p {
		  color: var(--text-secondary);
		  margin-top: 0.75rem;
		  line-height: 1.6;
		  font-size: 0.9rem;
		}

		.footer-bottom {
		  border-top: 1px solid rgba(99, 102, 241, 0.1);
		  padding-top: 1.5rem;
		  color: var(--text-secondary);
		  font-size: 0.85rem;
		}

		.footer-bottom p {
		  margin-bottom: 1rem;
		}

		.social-links {
		  display: flex;
		  justify-content: center;
		  gap: 1rem;
		}

		.social-links a {
		  color: var(--text-secondary);
		  font-size: 1.3rem;
		  transition: color 0.25s ease;
		}

		.social-links a:hover {
		  color: var(--primary);
		}


        /* Responsive Updates */
        @media (max-width: 768px) {
            h1 { font-size: 2.5rem; }
            .nav-links { display: none; }
            .mobile-menu-toggle { display: flex; }
            .pricing-cards { grid-template-columns: 1fr; }
            .stats-grid { grid-template-columns: repeat(2, 1fr); }
            .contact-content { grid-template-columns: 1fr; gap: 2rem; }
            .form-row { grid-template-columns: 1fr; }
            .footer-content { grid-template-columns: 1fr; gap: 2rem; }
            .footer-links { grid-template-columns: 1fr; }
            .footer-bottom { flex-direction: column; gap: 1rem; }
            
            /* Features Mobile */
            .feature-hero { 
                grid-template-columns: 1fr; 
                padding: 2rem;
                text-align: center;
            }
            .feature-hero-visual { display: none; }
            .features-two-col { grid-template-columns: 1fr; }
            .features-four-col { 
                grid-template-columns: 1fr; 
            }
            .feature-stats { justify-content: center; }
        }