/* ── SR Agency Launch Checker — Shared Styles ── */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&family=DM+Mono:wght@400;500&display=swap');

*{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg:#0c0b10;
  --bg2:#13111a;
  --bg3:#1c1926;
  --card:#181620;
  --card2:#201d2c;
  --border:#2a2638;
  --border2:#3a3356;
  --text:#f0eefa;
  --text2:#a89ec4;
  --text3:#6b6285;
  --purple:#8b7cf8;
  --purple2:#6c5de8;
  --purple-bg:#1a1730;
  --purple-border:#312b5a;
  --red:#f87171;
  --red-bg:#1f1018;
  --red-border:#3d1c1c;
  --green:#6ee7b7;
  --green-bg:#0e1f18;
  --green-border:#1a3d2e;
  --amber:#fbbf24;
  --amber-bg:#1f1808;
  --amber-border:#3d3010;
  --orange:#fb923c;
}

html{font-size:16px;scroll-behavior:smooth}
body{
  font-family:'DM Sans',sans-serif;
  background:var(--bg);
  color:var(--text);
  min-height:100vh;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

body::before{
  content:'';
  position:fixed;top:0;left:0;right:0;bottom:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
  opacity:0.025;
  pointer-events:none;
  z-index:999;
}

/* ── SHARED NAV ── */
.site-nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 40px;
  border-bottom:1px solid var(--border);
}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav-mark{
  width:30px;height:30px;background:var(--purple);border-radius:7px;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.nav-mark svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.nav-name{font-size:14px;font-weight:500;color:var(--text)}
.nav-right{font-size:12px;color:var(--text3);font-family:'DM Mono',monospace}

/* ── SHARED FOOTER ── */
.site-footer{
  border-top:1px solid var(--border);
  padding:28px 40px;
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:12px;
}
.footer-left{font-size:12px;color:var(--text3)}
.footer-links{display:flex;gap:20px}
.footer-links a{
  font-size:12px;color:var(--text3);text-decoration:none;
  transition:color 0.15s;
}
.footer-links a:hover{color:var(--text2)}

/* ── ANIMATIONS ── */
@keyframes fadeUp{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
.fade-in{animation:fadeUp 0.35s ease both}
.fade-in-1{animation-delay:0.05s}
.fade-in-2{animation-delay:0.12s}
.fade-in-3{animation-delay:0.2s}
.fade-in-4{animation-delay:0.28s}
.fade-in-5{animation-delay:0.36s}

/* ── PROSE PAGES (impressum, datenschutz) ── */
.prose-wrap{
  max-width:680px;margin:0 auto;
  padding:64px 40px 80px;
}
.prose-eyebrow{
  font-family:'DM Mono',monospace;
  font-size:10px;letter-spacing:0.1em;text-transform:uppercase;
  color:var(--purple);margin-bottom:20px;
}
.prose-h1{
  font-family:'Instrument Serif',serif;
  font-size:36px;font-weight:400;letter-spacing:-0.02em;
  color:var(--text);margin-bottom:10px;line-height:1.15;
}
.prose-meta{font-size:13px;color:var(--text3);margin-bottom:48px}
.prose-body h2{
  font-size:16px;font-weight:500;color:var(--text);
  margin:36px 0 10px;
}
.prose-body h3{
  font-size:14px;font-weight:500;color:var(--text2);
  margin:24px 0 8px;
}
.prose-body p{
  font-size:14px;color:var(--text2);line-height:1.75;
  margin-bottom:14px;
}
.prose-body a{color:var(--purple);text-decoration:none}
.prose-body a:hover{text-decoration:underline}
.prose-body ul{
  margin:8px 0 14px 20px;
}
.prose-body ul li{
  font-size:14px;color:var(--text2);line-height:1.75;margin-bottom:4px;
}
.prose-divider{
  height:1px;background:var(--border);margin:36px 0;
}

@media(max-width:600px){
  .site-nav,.site-footer,.prose-wrap{padding-left:20px;padding-right:20px}
  .prose-h1{font-size:28px}
}