llms.txt Content
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Service Discontinuation Notice - Kompas AI</title>
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
:root {
/* Extracted from Peta Web globals.css and layout.tsx */
--primary-color: #3b82f6;
--text-color: #1e293b;
--text-light: #64748b;
--bg-color: #F7F7F3; /* From layout.tsx */
--font-inter: 'Inter', system-ui, -apple-system, sans-serif;
--font-mono: 'IBM Plex Mono', 'Courier New', monospace;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
background-color: var(--bg-color);
color: var(--text-color);
font-family: var(--font-inter);
line-height: 1.6;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}
.container {
background: white;
max-width: 720px;
width: 100%;
padding: 60px;
border-radius: 24px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
/* Optional: Add a subtle border if consistent with design system, but clean white card is usually safer */
border: 1px solid rgba(0,0,0,0.05);
}
/* Typography */
h1, h2, h3, h4, .brand {
font-family: var(--font-mono);
color: #111827; /* Darker shade of text for headings */
}
.brand