<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>withmarthamarie</title>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&family=Inter:wght@300;400;500&display=swap" rel="stylesheet">
<style>
body { margin:0; font-family:Inter; background:#fff; color:#111; }
header { padding:30px 60px; font-family:Playfair Display; font-size:22px; letter-spacing:2px; }
.hero { padding:120px 40px; text-align:center; }
.hero h1 { font-size:50px; font-family:Playfair Display; }
.section { padding:80px 60px; }
h2 { font-family:Playfair Display; }
.card { border:1px solid #eee; padding:20px; margin:10px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; }
</style>
</head>
<body>
<header>withmarthamarie</header>
<section class="hero">
<h1>Transformation. Awareness. Expansion.</h1>
<p>[Placeholder] Coaching • Podcast • Inner Work • Conscious Living</p>
</section>
<section class="section">
<h2>About</h2>
<p>[Placeholder Text] Spiritual transformation, identity & modern consciousness work.</p>
</section>
<section class="section">
<h2>Offer</h2>
<div class="grid">
<div class="card">1:1 Coaching (Coming Soon)</div>
<div class="card">Membership (Coming Soon)</div>
<div class="card">Digital Products</div>
</div>
</section>
<section class="section">
<h2>Podcast</h2>
<p>[Placeholder] Episodes on transformation & self-realization.</p>
</section>
<section class="section">
<h2>Contact</h2>
<p>Instagram • TikTok • YouTube • Email</p>
</section>
</body>
</html>