@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');
@font-face { font-family: 'Gemola'; src: url('gemola.ttf'); }

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: sans-serif; background-color: #f4eee8; color: #2b231f; display: flex; flex-direction: column; align-items: center; padding: 1.5rem; }

h1, h2, h3 { font-family: 'Gemola', serif; }

header { width: 100%; padding: 20px; border-bottom: 1px solid rgba(43,35,31,0.1); margin-bottom: 30px; }
.logo-wrapper { display: flex; flex-direction: column; align-items: center; width: 100%; }
.logo-img { max-width: 200px; width: 100%; height: auto; }
.sub-tagline { font-family: sans-serif; font-size: 0.65rem; letter-spacing: 2px; text-transform: uppercase; color: #5c4f46; margin-top: 10px; }

main { max-width: 600px; width: 100%; text-align: center; }
.hero-image { width: 100%; border-radius: 4px; margin-bottom: 30px; }
.main-heading { font-size: 2rem; line-height: 1.2; margin-bottom: 20px; }
.hero-sub-special { font-family: 'Playfair Display', serif; font-size: 1rem; color: #4a413b; margin-bottom: 30px; }

.info-grid, .features-grid { display: grid; gap: 20px; text-align: left; margin-bottom: 40px; }
.info-card, .feature-card { background: #efebe7; padding: 20px; border: 1px solid rgba(43,35,31,0.05); }

.process-list { list-style-position: inside; padding-left: 5px; font-size: 0.85rem; color: #4a413b; }
.process-list li { margin-bottom: 10px; }
.info-card p, .feature-card p { font-size: 0.85rem; color: #4a413b; }

.cta-section { margin: 40px 0; }
.cta-heading { font-size: 0.75rem; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 1.5px; font-family: sans-serif; color: #5c4f46; }
.button-group { display: flex; gap: 10px; justify-content: center; }
.submit-link { text-transform: uppercase; font-family: sans-serif; font-size: 0.7rem; letter-spacing: 1px; text-decoration: none; border: 1px solid #2b231f; padding: 12px 25px; background-color: transparent; color: #2b231f; border-radius: 2px; transition: 0.3s; }
.submit-link:hover { background-color: #2b231f; color: #f4eee8; }

.footer-bottom { margin-top: 40px; }
.email-link { color: #2b231f; text-decoration: underline; }
.email-link:hover { opacity: 0.7; }
.footer-knoop { max-width: 150px; margin: 20px 0; opacity: 0.8; }
.copyright { font-size: 0.7rem; color: #5c4f46; }

@media (max-width: 600px) { .button-group { flex-direction: column; } }