/* ZZP Buffer 2026 — landingspagina */
:root { --clr-primary:#0f3b66; --clr-accent:#c8a668; --clr-bg:#fafaf7; --clr-text:#1a1a1a; --clr-muted:#555; }
* { box-sizing: border-box; }
body { margin:0; font-family: 'Source Serif Pro', Georgia, serif; color: var(--clr-text); background: var(--clr-bg); line-height: 1.6; }
.zb-topbar { background: var(--clr-primary); color: #fff; padding: 14px 24px; display:flex; gap:24px; align-items:center; flex-wrap:wrap; }
.zb-topbar a { color:#fff; text-decoration:none; font-weight:600; font-size:14px; }
.zb-topbar a:hover { color: var(--clr-accent); }
.zb-hero { max-width: 1100px; margin: 32px auto; padding: 48px 32px; background: linear-gradient(135deg, var(--clr-primary) 0%, #1e5b91 100%); color: #fff; border-radius: 8px; }
.zb-hero h1 { font-size: 38px; margin:0 0 12px; }
.zb-hero p { font-size: 18px; opacity:.94; margin:0; }
.cluster-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; max-width: 1100px; margin: 32px auto; padding: 0 32px; }
.cluster { background:#fff; border:1px solid #e6e2d8; border-radius:8px; padding:24px; box-shadow: 0 2px 6px rgba(0,0,0,.04); }
.cluster h2 { color: var(--clr-primary); margin: 0 0 12px; font-size: 22px; }
.cluster ul { list-style: none; padding: 0; margin: 0; }
.cluster li { padding: 8px 0; border-bottom: 1px solid #eee; }
.cluster li:last-child { border-bottom:none; }
.cluster a { color: var(--clr-primary); text-decoration: none; font-weight: 500; }
.cluster a:hover { color: var(--clr-accent); text-decoration: underline; }
.cta { text-align:center; padding: 48px 32px; background:#fff; border-top:1px solid #e6e2d8; }
.cta a { display:inline-block; background: var(--clr-accent); color:#fff; padding: 14px 28px; border-radius:4px; text-decoration:none; font-weight:700; }
.zb-footer { background:#111; color:#888; text-align:center; padding:24px; font-size:13px; }
.zb-footer a { color:#c8a668; }