/* Logzeit Fokus, brand system 2.0. Public website only. */
@font-face {
  font-family: "Logzeit Manrope";
  src: url("logzeit-fokus-manrope-9726e245ac.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}
:root {
  --ink: #202124;
  --muted: #6e7075;
  --line: #e6e7e9;
  --porcelain: #f5f5f7;
  --brand-blue: #1762c4;
  --brand-font: "Logzeit Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-family: var(--brand-font);
}
.sales-header { border-color: var(--line); }
.head-inner { min-height: 68px; }
.sales-header .brand, .sales-footer .brand { display: block; width: 148px; }
.sales-header .brand img, .sales-footer .brand img { width: 100%; height: auto; }
.head-nav [aria-current="page"], .head-nav a:hover, .login:hover,
.sales-footer nav a:hover, .text-link:hover, .mail:hover { color: var(--brand-blue); }
.sales-btn.compact .sales-contact-label { display: inline; }
.sales-btn.compact .sales-contact-short { display: none; }
.action-primary, .action-outline, .sales-btn { font-weight: 600; }
:focus-visible { outline-color: var(--brand-blue); }
.opening h1, .scene h2, .studio-close h2, .extras h2,
.sub-hero h1, .sales-copy h2, .contact-card h2,
.feature-guide h1, .feature-guide h2, .try-page h1, .try-page h2 { font-weight: 600; }
.opening h1 span, .sub-hero em, .guide-intro h1 span { color: var(--muted); }
.feature-guide { --guide-subtle: var(--muted); }
.guide-intro, .guide-tint { background-color: var(--porcelain); }
.footer-inner { padding-block: 32px; gap: 24px; }
.footer-brand { flex: none; }
.brand-claim { color: var(--muted); font-size: .75rem; margin-top: 10px; }
.feature-comparison {
  --fc-ink: var(--ink);
  --fc-line: var(--line);
  --fc-brand: var(--porcelain);
  --fc-brand-line: var(--line);
  --fc-accent: var(--brand-blue);
}
.fc-heading-brand { background: #eeeff1; }
.fc-heading-brand::before { background: var(--brand-blue); }
.fc-heading-brand picture { display: block; }
.fc-heading-brand img { width: 140px; max-width: 100%; }
.fc-mobile-brand-name { display: none; }
.fc-detail { background: #fafafa; }
/* The legal pages retain their content and navigation, with the same identity. */
.legal-fokus {
  --bg: #fff;
  --bg-soft: #f5f5f7;
  --panel: #fff;
  --panel-strong: #fff;
  --line-strong: #d4d5d8;
  --ink-soft: #515154;
  --blue: #1762c4;
  --blue-deep: #1762c4;
  font-family: var(--brand-font);
  background: #f5f5f7;
}
.legal-fokus .ambient { display: none; }
.legal-fokus .brand img { width: 156px; max-width: none; }
.legal-fokus .brand-kicker { display: none; }
.legal-fokus .brand-copy strong { font-size: .85rem; font-weight: 500; color: var(--muted); }
.legal-fokus .brand { gap: 22px; }
.legal-fokus h1 { font-family: var(--brand-font); font-weight: 600; line-height: 1.1; }
.legal-fokus .hero-card, .legal-fokus .section-card,
.legal-fokus .meta-card, .legal-fokus .legal-text-card {
  background: #fff; border-color: var(--line); box-shadow: none; backdrop-filter: none; border-radius: 20px;
}
.legal-fokus .header-button, .legal-fokus .action-button {
  background: var(--ink); box-shadow: none; font-weight: 600;
}
.legal-fokus .header-link, .legal-fokus .action-link, .legal-fokus .pill {
  background: #fff; border-color: var(--line); box-shadow: none;
}
.legal-fokus .callout { background: var(--porcelain); border-color: var(--line); box-shadow: none; }
.legal-fokus .footer, .legal-fokus .legal-block + .legal-block { border-color: var(--line); }
@media (hover: hover) {
  .fc-row > summary:hover { background: #fafafa; }
  .fc-row > summary:hover .fc-brand { background: #eeeff1; }
}
@media (max-width: 980px) and (min-width: 761px) {
  .head-inner { gap: 20px; }
  .head-nav { gap: 18px; }
  .head-actions { gap: 15px; }
  .sales-btn.compact .sales-contact-label { display: none; }
  .sales-btn.compact .sales-contact-short { display: inline; }
}
@media (max-width: 760px) {
  .head-inner { min-height: 64px; padding-block: 14px 10px; row-gap: 12px; }
  .sales-header .brand, .sales-footer .brand { width: 140px; }
  .head-nav { margin-top: 0; gap: clamp(14px, 4vw, 24px); }
  .head-nav a { padding-block: 6px; }
  .footer-inner { padding-block: 28px; }
  .legal-fokus .brand { flex-wrap: wrap; gap: 10px 20px; }
}
@media (max-width: 650px) {
  .fc-heading-brand { flex-direction: column; gap: 3px; padding-block: 8px; }
  .fc-heading-brand img { width: 27px; height: 27px; max-width: none; }
  .fc-mobile-brand-name { display: block; font-size: .72rem; font-weight: 600; line-height: 1.1; }
}
@media (max-width: 480px) {
  .sales-btn.compact .sales-contact-label { display: none; }
  .sales-btn.compact .sales-contact-short { display: inline; }
}
@media (prefers-reduced-motion: reduce) {
  .legal-fokus { scroll-behavior: auto; }
  .legal-fokus *, .legal-fokus *::before, .legal-fokus *::after { transition: none !important; animation: none !important; }
}