File size: 5,559 Bytes
f421d8b bcc06a3 76638da f421d8b bcc06a3 f421d8b bcc06a3 9959245 bcc06a3 9959245 bcc06a3 f421d8b 76638da bcc06a3 76638da f421d8b 76638da f421d8b bcc06a3 76638da bcc06a3 9959245 bcc06a3 76638da 9959245 bcc06a3 9959245 76638da bcc06a3 9959245 f421d8b 76638da bcc06a3 76638da bcc06a3 f421d8b 76638da bcc06a3 f421d8b 9959245 bcc06a3 f421d8b 9959245 bcc06a3 f421d8b bcc06a3 9959245 bcc06a3 f421d8b 76638da bcc06a3 f421d8b 9959245 76638da bcc06a3 f421d8b bcc06a3 f421d8b 76638da 9959245 bcc06a3 f421d8b 9959245 f421d8b 9959245 76638da bcc06a3 9959245 bcc06a3 9959245 76638da 9959245 bcc06a3 fb71dab 9959245 bcc06a3 fb71dab 9959245 bcc06a3 fb71dab 9959245 76638da f421d8b 76638da bcc06a3 76638da bcc06a3 f421d8b 76638da 9959245 76638da f421d8b |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 |
<!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;
}
/* Clean Reset for HF Environment */
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> |