|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Klove AI | Strategic Genesis</title> |
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet"> |
|
|
<style> |
|
|
:root { |
|
|
--brand-primary: #000000; |
|
|
--brand-accent: #3b82f6; |
|
|
--bg-white: #ffffff; |
|
|
--surface-light: #f8fafc; |
|
|
--border-bold: #000000; |
|
|
--border-subtle: #e2e8f0; |
|
|
--text-main: #000000; |
|
|
--text-muted: #475569; |
|
|
} |
|
|
|
|
|
|
|
|
html, body { |
|
|
min-height: 100vh; |
|
|
background-color: var(--bg-white); |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
} |
|
|
|
|
|
* { box-sizing: border-box; } |
|
|
|
|
|
body { |
|
|
font-family: 'Inter', system-ui, -apple-system, sans-serif; |
|
|
color: var(--text-main); |
|
|
overflow-x: hidden; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
align-items: center; |
|
|
padding: clamp(1.5rem, 5vw, 4rem); |
|
|
-webkit-font-smoothing: antialiased; |
|
|
} |
|
|
|
|
|
.enterprise-container { |
|
|
max-width: 800px; |
|
|
width: 100%; |
|
|
margin: auto; |
|
|
background: var(--bg-white); |
|
|
padding: clamp(20px, 5vw, 60px); |
|
|
} |
|
|
|
|
|
.badge { |
|
|
display: inline-flex; |
|
|
align-items: center; |
|
|
background: #000000; |
|
|
color: #ffffff; |
|
|
font-size: 0.65rem; |
|
|
font-weight: 700; |
|
|
text-transform: uppercase; |
|
|
letter-spacing: 0.2em; |
|
|
padding: 4px 12px; |
|
|
border-radius: 2px; |
|
|
margin-bottom: 32px; |
|
|
} |
|
|
|
|
|
.main-title { |
|
|
font-size: clamp(2.2rem, 6vw, 3.5rem); |
|
|
font-weight: 800; |
|
|
line-height: 1.05; |
|
|
letter-spacing: -0.04em; |
|
|
margin-bottom: 56px; |
|
|
color: var(--text-main); |
|
|
} |
|
|
|
|
|
.content-body { |
|
|
font-size: clamp(1.05rem, 2vw, 1.2rem); |
|
|
line-height: 1.7; |
|
|
color: var(--text-main); |
|
|
} |
|
|
|
|
|
.section-block { |
|
|
margin-bottom: 48px; |
|
|
border-top: 1px solid var(--text-main); |
|
|
padding-top: 24px; |
|
|
} |
|
|
|
|
|
.section-label { |
|
|
display: block; |
|
|
color: var(--text-main); |
|
|
font-weight: 800; |
|
|
font-size: 0.85rem; |
|
|
text-transform: uppercase; |
|
|
margin-bottom: 16px; |
|
|
letter-spacing: 0.05em; |
|
|
} |
|
|
|
|
|
.section-text { |
|
|
color: var(--text-muted); |
|
|
font-weight: 450; |
|
|
} |
|
|
|
|
|
.footer-grid { |
|
|
display: flex; |
|
|
justify-content: space-between; |
|
|
align-items: center; |
|
|
flex-wrap: wrap; |
|
|
gap: 20px; |
|
|
margin-top: 40px; |
|
|
padding-top: 24px; |
|
|
border-top: 1px solid var(--border-subtle); |
|
|
} |
|
|
|
|
|
.nav-links a { |
|
|
color: var(--text-main); |
|
|
text-decoration: none; |
|
|
font-size: 0.85rem; |
|
|
margin-right: 24px; |
|
|
font-weight: 600; |
|
|
transition: opacity 0.2s ease; |
|
|
} |
|
|
|
|
|
.nav-links a:hover { opacity: 0.6; } |
|
|
|
|
|
.legal-tag { |
|
|
font-size: 0.8rem; |
|
|
font-weight: 500; |
|
|
color: var(--text-muted); |
|
|
} |
|
|
|
|
|
@media (max-width: 600px) { |
|
|
.footer-grid { flex-direction: column; align-items: flex-start; } |
|
|
.nav-links { display: flex; flex-direction: column; gap: 10px; } |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
|
|
|
<div class="enterprise-container"> |
|
|
<span class="badge">Genesis</span> |
|
|
|
|
|
<h1 class="main-title">Klove AI.<br>Engineering the Intelligence of Ambition.</h1> |
|
|
|
|
|
<div class="content-body"> |
|
|
<div class="section-block"> |
|
|
<span class="section-label">01 / The Insight</span> |
|
|
<p class="section-text">We believed that your potential shouldn't be a mystery. It shouldn't be left to chance, or a keyword, or a biased glance.We saw an opportunity to look deeper. To find the signal in the noise. To decode the very essence of professional capability.</p> |
|
|
</div> |
|
|
|
|
|
<div class="section-block"> |
|
|
<span class="section-label">02 / The Craft</span> |
|
|
<p class="section-text">So, we went to work. Not to build another "platform," but to build a lens. A way to decode the invisible threads that connect what you know to what you are capable of becoming. We combined deep intelligence with a human-centric design to create something entirely new.</p> |
|
|
</div> |
|
|
|
|
|
<div class="section-block"> |
|
|
<span class="section-label">03 / The Purpose</span> |
|
|
<p class="section-text">Klove AI wasn't born in a boardroom. It was born from the belief. Because when you know exactly where you’re going, the journey is no longer a challenge. It’s an evolution.</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="footer-grid"> |
|
|
<div class="nav-links"> |
|
|
<a href="#">Network</a> |
|
|
<a href="#">LinkedIn</a> |
|
|
<a href="#">Contact</a> |
|
|
</div> |
|
|
<div class="legal-tag"> |
|
|
© 2026 Klove AI Systems Inc. |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</body> |
|
|
</html> |
