<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>AutomationBulls | AI Automation & Property Media Systems</title>

<meta name="description" content="AutomationBulls builds AI automation systems and premium drone media for real estate, developers, and growing businesses. Based in Belgrade. Multilingual.">

<style>
*{margin:0;padding:0;box-sizing:border-box}
:root{
--terracotta:#C1502E;
--blue:#0EA5E9;
--dark:#1F2937;
--gray:#6B7280;
--light:#F9FAFB;
}
body{
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
color:var(--dark);
line-height:1.6;
}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
section{padding:80px 20px}
.hero{
min-height:100vh;
background:linear-gradient(135deg,var(--terracotta),var(--blue));
color:white;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
}
.hero h1{font-size:3rem;margin-bottom:1rem}
.hero p{color:white;font-size:1.2rem;margin-bottom:2rem}
.btn{
display:inline-block;
padding:14px 30px;
margin:10px;
border-radius:8px;
text-decoration:none;
font-weight:600;
transition:0.2s;
}
.btn-primary{background:white;color:var(--terracotta)}
.btn-secondary{background:rgba(255,255,255,0.2);color:white;border:2px solid white}
.btn:hover{transform:translateY(-3px)}
.services-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;
margin-top:40px;
}
.service-card{
background:white;
border-radius:12px;
padding:30px;
box-shadow:0 6px 18px rgba(0,0,0,0.06);
}
.service-card h3{margin-bottom:10px}
.price{font-weight:700;color:var(--terracotta);margin-top:10px}
.contact{
background:var(--light);
text-align:center;
}
footer{
background:var(--dark);
color:white;
text-align:center;
padding:30px;
}
</style>
</head>

<body>

<!-- HERO -->
<section class="hero">
<div class="container">
<h1>AI Automation & Property Media Systems</h1>
<p>
We help real estate agencies, developers, and service businesses automate operations 
and present properties professionally with AI systems and drone media.
</p>
<a href="#automation" class="btn btn-primary">AI SYSTEMS</a>
<a href="#drone" class="btn btn-secondary">DRONE SERVICES</a>
</div>
</section>

<!-- AUTOMATION SECTION -->
<section id="automation">
<div class="container">
<h2>AI Automation Systems</h2>
<p>Multilingual AI workflows that qualify leads, answer questions and save hours weekly.</p>

<div class="services-grid">
<div class="service-card">
<h3>Lead Qualification System</h3>
<p>Qualify → Score → Route → Notify automatically in multiple languages.</p>
<p class="pr