/* Schwarz-Weiß Design, minimal */
:root{
  --bg:#ffffff;
  --fg:#0a0a0a;
  --muted:#666;
  --accent:#000;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background:var(--bg);
  color:var(--fg);
  -webkit-font-smoothing:antialiased;
}
.container{max-width:1100px;margin:0 auto;padding:2rem}
.site-header{background:var(--accent);color:#fff}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem}
.logo{color:#fff;text-decoration:none;font-weight:700;font-size:1.1rem}
.site-nav a{color:#fff;text-decoration:none;margin-left:1rem}
.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:1.25rem}
.hero{padding:4rem 0;text-align:center}
.lead{color:var(--muted);max-width:720px;margin:0.5rem auto 1.5rem}
.cta-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn{background:#000;color:#fff;padding:0.75rem 1.25rem;border-radius:8px;text-decoration:none;display:inline-block;transition:transform .15s ease, box-shadow .15s ease}
.btn:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,0.12)}
.btn-outline{background:transparent;color:#000;border:1px solid #000}
.btn-primary{background:#000;color:#fff;padding:0.85rem 1.4rem;border-radius:10px;font-weight:700}
.section{padding:3rem 0}
.section.alt{background:#f7f7f7}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;list-style:none;padding:0;margin:1rem 0}
.features li{background:#fff;border:1px solid #e6e6e6;padding:1rem;border-radius:6px}
.site-footer{border-top:1px solid #e6e6e6;padding:1rem 0;text-align:center}
/* Smooth scrolling for navigation */
html{scroll-behavior:smooth}
/* Subtle section entrance */
.section{opacity:0;transform:translateY(8px);transition:opacity .45s ease, transform .45s ease}
.section.visible{opacity:1;transform:none}
@media (max-width:800px){
  .container{padding:1rem}
  .nav-toggle{display:inline-block}
  .site-nav{display:none;position:absolute;right:1rem;top:64px;background:#000;padding:1rem;border-radius:6px}
  .site-nav a{display:block;margin:0 0.5rem 0.5rem}
}

/* Cookie banner */
.cookie-banner{position:fixed;left:0;right:0;bottom:18px;background:rgba(0,0,0,0.9);color:#fff;padding:1rem;border-radius:8px;margin:0 12px;z-index:9999}
.cookie-banner .cookie-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.cookie-banner .cookie-text{flex:1;font-size:0.95rem}
.cookie-banner .cookie-actions{display:flex;gap:0.5rem}
.cookie-banner[aria-hidden="true"]{display:none}

/* Footer small nav */
.footer-nav{display:flex;gap:0.5rem;justify-content:center;margin-bottom:0.5rem;color:var(--muted)}
.footer-nav a{color:inherit;text-decoration:underline}