/* Fælles stil for case studies */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: system-ui, -apple-system, sans-serif;
  background: #0a0e1b; color: #e8ecf6; line-height: 1.65;
}
.wrap { max-width: 860px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 32px); }
.top { padding: 26px 0 0; }
.back { color: #7e8bad; text-decoration: none; font-size: 14px; font-weight: 600; }
.back:hover { color: #9db8f5; }
.hero { padding: 30px 0 10px; }
.kicker { color: #5a8dee; font-weight: 700; letter-spacing: 3px; font-size: 12px; text-transform: uppercase; }
h1 { font-size: clamp(30px, 6vw, 46px); line-height: 1.12; margin: 10px 0 14px; }
.tagline { color: #9fabc9; font-size: clamp(15px, 2vw, 18px); max-width: 58ch; }
.shot { width: 100%; border-radius: 16px; border: 1px solid rgba(255,255,255,0.12); margin: 30px 0 6px; display: block; }
.caption { color: #6b7691; font-size: 13px; margin-bottom: 8px; }
.facts {
  display: flex; gap: 10px; flex-wrap: wrap; margin: 22px 0 8px;
}
.fact {
  background: rgba(90,141,238,0.1); border: 1px solid rgba(90,141,238,0.3);
  border-radius: 10px; padding: 10px 16px; font-size: 13px; color: #aab6d4;
}
.fact b { display: block; color: #e8ecf6; font-size: 17px; }
.cta-row { margin: 26px 0 8px; display: flex; gap: 12px; flex-wrap: wrap; }
.btn {
  display: inline-block; padding: 12px 22px; border-radius: 10px; font-weight: 700;
  text-decoration: none; font-size: 14.5px;
}
.btn-p { background: linear-gradient(135deg, #4a7dee 0%, #7a4aee 100%); color: #fff; }
.btn-p:hover { filter: brightness(1.15); }
.wip-note { color: #ffb242; font-size: 13.5px; align-self: center; }
section { padding: 30px 0 6px; }
h2 { font-size: 22px; margin-bottom: 12px; color: #fff; }
h3 { font-size: 16.5px; margin: 22px 0 6px; color: #cfd9f0; }
p { color: #aab6d4; font-size: 15px; margin-bottom: 12px; }
p b, li b { color: #dfe6f5; }
ul { margin: 0 0 12px 20px; color: #aab6d4; font-size: 15px; }
li { margin-bottom: 7px; }
code {
  background: rgba(255,255,255,0.07); border-radius: 5px; padding: 1px 6px;
  font-size: 0.9em; color: #c9d7f5;
}
.lessons li { list-style: none; position: relative; padding-left: 4px; }
.lessons { margin-left: 0; }
.lessons li::before { content: "→ "; color: #5a8dee; font-weight: 700; }
.contact {
  margin: 46px 0 0; padding: 30px; text-align: center;
  background: rgba(90,141,238,0.07); border: 1px solid rgba(90,141,238,0.25); border-radius: 16px;
}
.contact p { margin-bottom: 14px; }
footer { padding: 30px 0 40px; text-align: center; color: #4d5670; font-size: 13px; }
footer a { color: #7e8bad; }