:root { --pi-donker: #451a03; --pi-accent: #b45309; --pi-licht: #fffbeb; --pi-tekst: #222; }
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: var(--pi-tekst); line-height: 1.75; }
    header { background: var(--pi-donker); color: #fff; padding: 1.2rem 2rem; display: flex; justify-content: space-between; align-items: center; }
    .logo { font-size: 1.5rem; font-weight: 700; } .logo span { color: var(--pi-accent); }
    nav a { color: #e8c99b; text-decoration: none; margin-left: 1.5rem; font-size: 0.95rem; } nav a:hover { color: #fff; }
    main { max-width: 820px; margin: 2rem auto; padding: 0 1.5rem; }
    h1 { font-size: 2rem; color: var(--pi-donker); margin-bottom: 1rem; }
    h2 { font-size: 1.4rem; color: var(--pi-donker); margin: 2rem 0 0.75rem; }
    h3 { font-size: 1.15rem; color: var(--pi-accent); margin: 1.5rem 0 0.5rem; }
    p, li { font-size: 1rem; margin-bottom: 0.75rem; }
    ul, ol { padding-left: 1.5rem; margin-bottom: 1rem; }
    table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
    th, td { border: 1px solid #dde3ed; padding: 0.6rem 0.8rem; text-align: left; font-size: 0.95rem; }
    th { background: var(--pi-donker); color: #fff; }
    .roi-block { background: #fef3c7; border-left: 4px solid var(--pi-accent); padding: 1.25rem; margin: 1.5rem 0; border-radius: 4px; }
    .roi-block h3 { margin-top: 0; }
    .funnel-block { background: var(--pi-licht); border: 1px solid #f5e6c8; padding: 1.5rem; border-radius: 6px; margin: 2rem 0; }
    .funnel-block h3 { color: var(--pi-donker); margin-top: 0; }
    .author-bio { background: var(--pi-licht); padding: 1.25rem; border-radius: 6px; margin: 2rem 0; font-size: 0.92rem; color: #555; }
    footer { background: var(--pi-donker); color: #c9a97a; text-align: center; padding: 1.5rem; font-size: 0.85rem; margin-top: 3rem; }
    footer a { color: #e8c99b; text-decoration: none; }
    a { color: var(--pi-accent); }
    @media (max-width: 600px) { header { flex-direction: column; gap: 0.75rem; } nav a { margin-left: 0.75rem; } h1 { font-size: 1.5rem; } }