<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Palm - Mapping the World</title>
<style>
body { background-color: #000; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; margin: 0; font-family: 'Helvetica Neue', sans-serif; }
h1 { font-weight: 200; letter-spacing: 5px; margin-bottom: 20px; }
p { font-size: 0.9rem; opacity: 0.7; text-align: center; line-height: 1.8; }
.coordinates { color: #f1c40f; font-weight: bold; margin-top: 30px; letter-spacing: 2px; }
</style>
</head>
<body>
<h1>PALM</h1>
<p>Mapping the world, one palm at a time.<br>From street corners to life chapters. Your personal atlas is loading...</p>
<div class="coordinates">📍 [ 0 , 0 ]</div>
</body>
</html>