/* Setu Innovation · shared styles for legal pages (impressum, privacy) */

/* ─── Self-hosted fonts · SIL OFL 1.1 (see /fonts/OFL-*.txt) · latin subset ─── */
/* Manrope — single latin-subset variable file, weight axis 200–800 (covers every weight used: 300–800) */
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap; src: url('/fonts/manrope-variable.woff2') format('woff2'); }
/* JetBrains Mono — static; weights actually used: 400 (legal .kv), 500 (labels/eyebrows), 600 (bold <strong> in mono context) */
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/jetbrains-mono-400.woff2') format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/jetbrains-mono-500.woff2') format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/jetbrains-mono-600.woff2') format('woff2'); }

/* Metric-matched fallbacks — hold layout stable while the web fonts load (no visible change once loaded). */
@font-face { font-family: 'Manrope Fallback'; src: local('Arial'); size-adjust: 102.87%; ascent-override: 103.62%; descent-override: 29.16%; line-gap-override: 0%; }
@font-face { font-family: 'JetBrains Mono Fallback'; src: local('Menlo'), local('Consolas'), local('Courier New'); size-adjust: 99.66%; ascent-override: 102.35%; descent-override: 30.10%; line-gap-override: 0%; }

:root{
  --bg:#0b0b0b;--bg-panel:#181818;--border:#232323;--border-mid:#2e2e2e;
  --ink-bright:#fff;--ink:#ededed;--ink-mid:#a3a3a3;--ink-dim:#8a8a8a;--ink-faint:#7a7a7a;
  --container:820px;
  --font-sans:'Manrope','Manrope Fallback',-apple-system,BlinkMacSystemFont,sans-serif;
  --font-mono:'JetBrains Mono','JetBrains Mono Fallback',ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font-sans);font-size:17px;line-height:1.7;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--container);margin:0 auto;padding:0 24px}
header.lp{border-bottom:1px solid var(--border);padding:20px 0;position:sticky;top:0;background:rgba(11,11,11,.9);backdrop-filter:blur(12px)}
.lp-nav{display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em;color:var(--ink-bright);font-size:1.15rem}
.logo-mark{width:40px;height:24px;display:inline-block;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20116%2070'%20fill='none'%3E%20%3Cg%20fill='%23ffffff'%3E%20%3Crect%20x='10'%20y='48'%20width='4'%20height='10'/%3E%20%3Crect%20x='19'%20y='42'%20width='4'%20height='16'/%3E%20%3Crect%20x='28'%20y='36'%20width='4'%20height='22'/%3E%20%3Crect%20x='37'%20y='30'%20width='4'%20height='28'/%3E%20%3Crect%20x='46'%20y='24'%20width='4'%20height='34'/%3E%20%3Crect%20x='66'%20y='24'%20width='4'%20height='34'/%3E%20%3Crect%20x='75'%20y='30'%20width='4'%20height='28'/%3E%20%3Crect%20x='84'%20y='36'%20width='4'%20height='22'/%3E%20%3Crect%20x='93'%20y='42'%20width='4'%20height='16'/%3E%20%3Crect%20x='102'%20y='48'%20width='4'%20height='10'/%3E%20%3Crect%20x='6'%20y='60'%20width='46'%20height='2.5'/%3E%20%3Crect%20x='64'%20y='60'%20width='46'%20height='2.5'/%3E%20%3C/g%3E%20%3Crect%20x='56'%20y='12'%20width='4'%20height='50'%20fill='%232f5bff'/%3E%20%3C/svg%3E") center/contain no-repeat;font-size:0;color:transparent}
.back{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-mid)}
.back:hover{color:var(--ink-bright)}
main.lp{padding:64px 0 96px}
.eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);display:block;margin-bottom:16px}
h1{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--ink-bright);margin-bottom:12px}
.updated{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-faint);margin-bottom:40px}
h2{font-size:1.3rem;font-weight:700;letter-spacing:-.01em;color:var(--ink-bright);margin:40px 0 12px}
h3{font-size:1.02rem;font-weight:600;color:var(--ink-bright);margin:24px 0 8px}
p,li{color:var(--ink-mid);margin-bottom:14px}
ul{padding-left:20px;margin-bottom:14px}
a.inline{color:var(--ink-bright);text-decoration:underline;text-underline-offset:2px}
a.inline:hover{color:var(--ink-mid)}
.ph{color:#e0b341;font-family:var(--font-mono);font-size:.92em}
.note{background:var(--bg-panel);border:1px solid var(--border-mid);padding:16px 18px;font-size:.9rem;color:var(--ink-mid);margin-bottom:40px;line-height:1.6}
.kv{font-family:var(--font-mono);font-size:.86rem;color:var(--ink);line-height:1.9}
.kv .k{color:var(--ink-dim)}
footer.lp{border-top:1px solid var(--border);padding:32px 0;font-size:.8rem;color:var(--ink-faint)}
.foot-links{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:12px}
footer.lp a{color:var(--ink-dim)}
footer.lp a:hover{color:var(--ink-bright)}
:focus-visible{outline:2px solid var(--ink-bright);outline-offset:2px}