* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
background: #fafafa;
}
.fonda-section {
padding: 80px 0;
}
.fonda-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.fonda-card {
background: white;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.fonda-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 30px rgba(0,0,0,0.12);
}
.fonda-grid-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
}
.fonda-grid-3 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
.fade-in {
opacity: 0;
transform: translateY(30px);
animation: fadeInUp 0.8s ease forwards;
}
@keyframes fadeInUp {
to {
opacity: 1;
transform: translateY(0);
}
}
.hero-section {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
text-align: center;
padding: 120px 0;
}
.hero-section h1 {
font-size: 3.5rem;
font-weight: 700;
margin-bottom: 24px;
letter-spacing: -0.02em;
}
.hero-section p {
font-size: 1.3rem;
max-width: 800px;
margin: 0 auto;
opacity: 0.95;
line-height: 1.7;
}
.story-section {
background: white;
}
.story-image {
width: 100%;
height: 400px;
object-fit: cover;
border-radius: 12px;
}
.story-content h2 {
font-size: 2.5rem;
margin-bottom: 30px;
color: #2d3748;
font-weight: 600;
}
.story-content p {
font-size: 1.1rem;
margin-bottom: 24px;
color: #4a5568;
line-height: 1.8;
}
.mission-vision-section {
background: #f7fafc;
}
.mission-vision-section h2 {
text-align: center;
font-size: 2.5rem;
margin-bottom: 60px;
color: #2d3748;
font-weight: 600;
}
.mission-card, .vision-card {
padding: 40px;
text-align: center;
height: 100%;
}
.mission-card h3, .vision-card h3 {
font-size: 1.5rem;
margin-bottom: 20px;
color: #667eea;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}
.mission-card p, .vision-card p {
font-size: 1.1rem;
color: #4a5568;
line-height: 1.7;
}
.values-section {
background: white;
}
.values-section h2 {
text-align: center;
font-size: 2.5rem;
margin-bottom: 60px;
color: #2d3748;
font-weight: 600;
}
.value-card {
padding: 40px 30px;
text-align: center;
height: 100%;
}
.value-icon {
width: 60px;
height: 60px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 24px;
color: white;
font-size: 24px;
}
.value-card h3 {
font-size: 1.4rem;
margin-bottom: 16px;
color: #2d3748;
font-weight: 600;
}
.value-card p {
color: #4a5568;
line-height: 1.7;
}
.cta-section {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
text-align: center;
padding: 100px 0;
}
.cta-section h2 {
font-size: 2.5rem;
margin-bottom: 20px;
font-weight: 600;
}
.cta-section p {
font-size: 1.2rem;
margin-bottom: 40px;
opacity: 0.95;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.cta-button {
display: inline-block;
background: white;
color: #667eea;
padding: 16px 40px;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
font-size: 1.1rem;
transition: all 0.3s ease;
box-shadow: 0 4px 20px rgba(255,255,255,0.3);
}
.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 25px rgba(255,255,255,0.4);
}
@media (max-width: 768px) {
.fonda-grid-2 {
grid-template-columns: 1fr;
gap: 30px;
}
.hero-section {
padding: 80px 0;
}
.hero-section h1 {
font-size: 2.5rem;
}
.hero-section p {
font-size: 1.1rem;
}
.story-content h2,
.mission-vision-section h2,
.values-section h2,
.cta-section h2 {
font-size: 2rem;
}
.fonda-section {
padding: 60px 0;
}
}
AutonoDeploy AI was born from the frustration of brilliant developers wasting time on repetitive deployment tasks. We believe your creativity should go into building amazing software, not babysitting CI/CD pipelines.
Founded by DevOps veterans who experienced firsthand the pain of managing complex deployment pipelines at scale, we built AutonoDeploy AI to solve the fundamental problem of deployment complexity.
Our AI-first approach means your deployments get smarter every day, learning from patterns and automatically optimizing for your specific needs. We’re not just another DevOps tool – we’re the evolution beyond traditional CI/CD.
To eliminate deployment complexity through autonomous AI, allowing development teams to focus entirely on innovation rather than infrastructure management.
A future where every development team has access to enterprise-grade, self-managing deployment infrastructure that scales intelligently with their needs.
We believe the best tools work invisibly, continuously improving without demanding attention or manual intervention from developers.
Every feature is built from deep understanding of developer pain points, ensuring solutions that genuinely improve daily workflows.
Complex problems deserve elegant solutions – our AI handles the complexity so developers experience only simplicity.
Join thousands of developers who have already discovered the power of autonomous deployment intelligence.
// Simple animation trigger on scroll
const observerOptions = {
threshold: 0.1,
rootMargin: ‘0px 0px -50px 0px’
};
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.animationDelay = ‘0.1s’;
entry.target.classList.add(‘fade-in’);
}
});
}, observerOptions);
document.querySelectorAll(‘.fade-in’).forEach(el => {
observer.observe(el);
});