Circlem – Nurture Your Relationships, Effortlessly.

/* 1. Allgemeine Stile & Setup */
body {
font-family: ‘Inter’, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif;
margin: 0;
background-color: #ffffff;
color: #1a1a1a;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.container {
max-width: 1000px;
margin: 0 auto;
padding: 0 20px;
}

section {
padding: 80px 0;
text-align: center;
}

h2 {
font-size: 2.5em;
font-weight: 700;
margin-bottom: 10px;
}

.section-subtitle {
font-size: 1.2em;
color: #666;
max-width: 600px;
margin: 0 auto 60px auto;
line-height: 1.6;
}

/* 2. Header & Hero-Sektion (Angepasst) */
.hero {
padding-top: 20px;
padding-bottom: 40px;
text-align: center;
}

.hero .subtitle {
font-size: 1.8em;
font-weight: 600;
color: #333;
max-width: 600px;
margin: 0 auto 40px auto;
line-height: 1.5;
}

/* 3. Der unwiderstehliche Download-Button */
.cta-button {
display: inline-block;
background: linear-gradient(45deg, #007BFF, #0056b3);
color: white;
padding: 20px 40px;
font-size: 1.25em;
font-weight: 600;
text-decoration: none;
border-radius: 50px;
box-shadow: 0 8px 20px rgba(0, 123, 255, 0.3);
transition: all 0.3s ease;
animation: pulse 2.5s infinite;
}

.cta-button:hover,
.cta-button:focus {
transform: translateY(-4px);
box-shadow: 0 12px 25px rgba(0, 123, 255, 0.4);
}

@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.04); }
100% { transform: scale(1); }
}

/* 4. Features-Sektion */
.feature-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
text-align: left;
margin-top: 60px;
}

.feature-item {
background: #f9f9f9;
padding: 30px;
border-radius: 12px;
border: 1px solid #eee;
}

.feature-item h3 {
font-size: 1.4em;
margin-top: 0;
margin-bottom: 10px;
}

.feature-item p {
line-height: 1.6;
color: #555;
}

/* 5. Footer */
footer {
background-color: #f9f9f9;
text-align: center;
padding: 40px 20px;
border-top: 1px solid #eee;
margin-top: 60px;
}

footer p {
margin: 0;
color: #666;
}

footer a {
color: #007BFF;
text-decoration: none;
}

footer a:hover {
text-decoration: underline;
}

The smart assistant for your social life. Never lose touch with the people who matter most.

Download for Free

Everything you need for stronger relationships

Circlem is designed to be simple, smart, and guilt-free. Here is how it helps you stay connected.

Organize into Circles

Group your contacts into “Circles”—like family, close friends, or colleagues. Keep a perfect overview of your most important relationships.

Automatic Reminders

Circlem proactively reminds you to get in touch. Say goodbye to that guilty feeling of letting too much time pass by.

Remember What Matters

Keep track of the details. Save personality types, important dates, and shared memories directly with the contact to make every conversation count.