:root {
  --stm-canvas: #eaf3ff;
  --stm-soft-shadow: 0 24px 60px rgba(31, 53, 84, 0.12);
  --stm-border: #dbe4f4;
  --stm-text: #08183c;
  --stm-muted: #6f7f99;
  --stm-blue: #2f6df6;
  --stm-green: #22b36d;
  --stm-purple: #6547ed;
}

.stakeholder-monitoring-page { background: #fff; }
.stakeholder-monitoring-page main { overflow: clip; }

.stm-hero { padding: 82px 32px 0; }
.stm-hero-inner {
  max-width: 1540px;
  margin: 0 auto;
  padding: 64px 48px 54px;
  border-radius: 42px 42px 0 0;
  background: linear-gradient(180deg, #f8fafc 0%, #f4f7fb 100%);
  box-shadow: 0 22px 58px rgba(31, 53, 84, 0.08);
  position: relative;
  overflow: hidden;
}
.stm-hero-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 18%, rgba(63, 109, 246, 0.08), transparent 17%),
    radial-gradient(circle at 82% 16%, rgba(63, 109, 246, 0.07), transparent 16%);
  pointer-events: none;
}
.stm-hero-copy {
  position: relative;
  z-index: 1;
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}
.stm-hero h1 {
  margin: 0;
  font-size: clamp(44px, 4.6vw, 72px);
  line-height: 1.02;
  letter-spacing: -0.06em;
  font-weight: 700;
  color: #111c3d;
}
.stm-hero h1 span {
  color: #3f6df6;
}
.stm-subtitle {
  max-width: 920px;
  margin: 24px auto 0;
  color: #5c7290;
  font-size: clamp(18px, 1.25vw, 21px);
  line-height: 1.55;
  letter-spacing: -0.015em;
  font-weight: 500;
}
.stm-hero-actions { display:flex; justify-content:center; margin-top:32px; }
.stm-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  padding: 0 32px;
  border-radius: 12px;
  border: 1px solid var(--brand, #3f6df6);
  background: var(--brand, #3f6df6);
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.02em;
  box-shadow: 0 10px 22px rgba(63, 109, 246, 0.18);
}
.stm-hero-points { margin-top:30px; display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }
.stm-hero-points span {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  padding: 0 18px 0 14px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,252,249,.96) 100%);
  border: 1px solid rgba(194, 226, 205, 0.95);
  color: #426151;
  font-size: 13.5px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.012em;
  box-shadow: 0 16px 34px rgba(31, 53, 84, 0.075), inset 0 1px 0 rgba(255,255,255,.86);
}
.stm-hero-points span::before {
  content: "✓";
  width: 23px;
  height: 23px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex: 0 0 23px;
  background: linear-gradient(180deg, #37c979 0%, #20a866 100%);
  color: #fff;
  border: 1px solid rgba(24, 151, 90, 0.20);
  box-shadow: 0 8px 18px rgba(33, 162, 106, 0.22), inset 0 -1px 0 rgba(10, 101, 59, 0.16);
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
}

.stm-stage { padding: 18px 32px 76px; }
.stm-stage-inner {
  max-width: 1540px;
  margin: 0 auto;
  padding: clamp(28px, 3vw, 44px);
  background: var(--stm-canvas);
  border-radius: 0 0 42px 42px;
  display: grid;
  gap: clamp(24px, 3.2vw, 42px);
}
.stm-feature-card {
  position: relative;
  display: block;
  aspect-ratio: 1540 / 610;
  min-height: auto;
  padding: 0;
  border-radius: 34px;
  background: #fff;
  box-shadow: var(--stm-soft-shadow);
  overflow: hidden;
}
.stm-feature-copy { position:absolute; z-index:1; color:var(--stm-text); }
.stm-feature-copy h2 {
  margin:0;
  color:var(--stm-text);
  font-size: clamp(22px, 1.88vw, 34px);
  line-height:1.12;
  letter-spacing:-0.042em;
  font-weight:700;
}
.stm-feature-copy p {
  margin: clamp(10px, .9vw, 15px) 0 0;
  color: var(--stm-muted);
  font-size: clamp(12.5px, 1.02vw, 18px);
  line-height:1.64;
  letter-spacing:-0.014em;
  font-weight:500;
}
.stm-feature-points { display:grid; gap:10px; margin: clamp(16px, 1.65vw, 24px) 0 0; padding:0; list-style:none; }
.stm-feature-points li {
  position:relative;
  display:flex;
  align-items:center;
  min-height: clamp(28px, 2.55vw, 36px);
  padding-left: clamp(38px, 3.25vw, 48px);
  color:#5f718c;
  font-size: clamp(11px, .86vw, 15px);
  line-height:1.36;
  font-weight:600;
  letter-spacing:-0.006em;
}
.stm-feature-points li::before {
  content:"✓";
  position:absolute;
  left:0;
  top:50%;
  width: clamp(28px, 2.55vw, 36px);
  height: clamp(28px, 2.55vw, 36px);
  border-radius:11px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  background:#f4f8ff;
  color:#3f6df6;
  border:1px solid #dce8f8;
  box-shadow:0 7px 18px rgba(31,53,84,.065);
  font-size:12px;
  font-weight:900;
}
.stm-visual { position:absolute; inset:0; pointer-events:none; }

.stm-feature-1 .stm-feature-copy { left:64.5%; top:20.2%; width:29.2%; }
.stm-feature-1 .stm-visual { left:3.5%; top:6.5%; width:58.5%; height:87%; }
.stm-feature-2 .stm-feature-copy { left:5.1%; top:18.8%; width:27.5%; }
.stm-feature-2 .stm-visual { left:34.5%; top:8%; width:62.5%; height:84%; }
.stm-feature-3 .stm-feature-copy { left:5.3%; top:20.6%; width:27.8%; }
.stm-feature-3 .stm-visual { left:38%; top:7%; width:55%; height:86%; }
.stm-feature-4 .stm-feature-copy { left:64%; top:20.8%; width:29.5%; }
.stm-feature-4 .stm-visual { left:3.5%; top:8%; width:58.5%; height:84%; }

.stm-muted-label { font-size:11px; line-height:1; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#667892; }
.stm-drawer-card, .stm-overview-card, .stm-board-card, .stm-change-card, .stm-action-card, .stm-table-card, .stm-proof-panel {
  background:#fff;
  border:1px solid var(--stm-border);
  box-shadow:0 14px 32px rgba(31,53,84,.06);
}

.stm-drawer-card {
  position:absolute;
  left: 10%;
  top:0;
  width: 66%;
  min-height: 100%;
  border-radius: 28px;
  padding: 28px 30px 26px;
}
.stm-drawer-handle { width:44px; height:5px; border-radius:999px; background:#c8d1e3; margin:0 auto 22px; }
.stm-drawer-head { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:18px; }
.stm-drawer-head h3, .stm-overview-top h3, .stm-board-head h3, .stm-action-card h3 { margin:6px 0 0; color:#122243; font-size:21px; line-height:1.1; letter-spacing:-.04em; }
.stm-close { width:34px; height:34px; border-radius:12px; border:1px solid #dbe4f4; display:grid; place-items:center; color:#657693; font-size:22px; }
.stm-field { height:54px; border:1px solid #dbe4f4; border-radius:15px; display:flex; align-items:center; gap:13px; padding:0 14px; margin-bottom:13px; background:#fff; }
.stm-field small { display:block; margin-bottom:4px; color:#71839d; font-size:10px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.stm-field strong { color:#122243; font-size:14px; font-weight:700; }
.stm-icon, .stm-linkedin { width:28px; height:28px; border-radius:8px; display:grid; place-items:center; flex:0 0 auto; }
.stm-icon { background:#f1f5fb; color:#58719d; border:1px solid #dce6f4; font-size:13px; }
.stm-linkedin { background:#0a66c2; color:#fff; font-size:14px; font-weight:900; }
.stm-verified { height:42px; border:1px solid #c9efd7; border-radius:14px; background:#ecfbf2; color:#169a5f; display:flex; align-items:center; gap:10px; padding:0 14px; font-size:14px; font-weight:800; margin-top:15px; }
.stm-verified span { width:24px; height:24px; border-radius:50%; background:#20a866; color:#fff; display:grid; place-items:center; }
.stm-primary-button { height:54px; margin-top:18px; border:1px solid var(--brand, #3f6df6); border-radius:14px; background:var(--brand, #3f6df6); color:#fff; display:grid; place-items:center; font-size:15px; font-weight:500; box-shadow:0 10px 22px rgba(63,109,246,.18); }
.stm-primary-button.small { height:44px; margin-top:16px; }

.stm-overview-card { position:absolute; inset:0; border-radius:30px; padding:20px; }
.stm-overview-top { height:116px; border:1px solid #dbe4f4; border-radius:24px; display:grid; grid-template-columns:76px 1fr 150px; align-items:center; gap:18px; padding:0 20px; background:linear-gradient(180deg,#fff 0%, #fbfcff 100%); }
.stm-overview-top p { margin:8px 0 0; color:#6f7f99; font-size:13px; }
.stm-icon-bubble { width:64px; height:64px; border-radius:50%; background:linear-gradient(180deg,#f4f2ff,#eef4ff); display:grid; place-items:center; color:#5a3fff; font-size:30px; }
.stm-metric strong { display:block; color:#122243; font-size:40px; line-height:1; letter-spacing:-.05em; }
.stm-metric span { display:inline-flex; margin-top:8px; border-radius:9px; background:#eaf8ef; color:#169a5f; padding:6px 9px; font-size:13px; font-weight:800; }
.stm-table-card { margin-top:16px; border-radius:24px; overflow:hidden; }
.stm-table-title { height:58px; display:flex; align-items:center; gap:11px; padding:0 18px; font-size:20px; font-weight:800; color:#122243; border-bottom:1px solid #e6edf7; }
.stm-table-title span { min-width:26px; height:26px; border-radius:8px; background:#f1f4f8; display:grid; place-items:center; font-size:14px; color:#526080; }
.stm-table-head, .stm-table-row { display:grid; grid-template-columns: 2fr 1.5fr .7fr 1.6fr; align-items:center; column-gap:16px; padding:0 18px; }
.stm-table-head { height:46px; color:#4c5b7d; font-size:12px; font-weight:800; border-bottom:1px solid #e6edf7; }
.stm-table-row { height:66px; border-bottom:1px solid #e6edf7; color:#172a57; font-size:13px; font-weight:700; }
.stm-table-row > span:first-child { display:flex; align-items:center; gap:10px; }
.stm-table-row small { display:block; margin-top:4px; color:#526080; font-size:11px; }
.stm-avatar { width:34px; height:34px; border-radius:50%; background:linear-gradient(180deg,#f0c9ad,#b77a55); display:inline-block; flex:0 0 auto; border:2px solid #fff; box-shadow:0 8px 18px rgba(31,53,84,.14); }
.stm-avatar.two { background:linear-gradient(180deg,#d7b995,#7a523c); }
.stm-avatar.three { background:linear-gradient(180deg,#f0d7c3,#c99570); }
.stm-pill { height:28px; display:inline-flex; align-items:center; padding:0 10px; border-radius:8px; font-size:12px; font-weight:800; white-space:nowrap; }
.stm-pill.purple { background:#f0ecff; color:#6543ef; }
.stm-pill.green { background:#eaf8ef; color:#15985a; }

.stm-board-card { position:absolute; inset:0; border-radius:30px; padding:24px; }
.stm-board-head { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:22px; }
.stm-board-head h3 { margin:0; }
.stm-board-head p { margin:8px 0 0; color:#6f7f99; font-size:13px; font-weight:600; }
.stm-filter { height:40px; padding:0 16px; border-radius:12px; border:1px solid #dbe4f4; display:grid; place-items:center; font-size:13px; font-weight:800; color:#526080; }
.stm-notification { position:relative; min-height:92px; border:1px solid #e2e9f4; border-radius:20px; background:#fff; margin-bottom:14px; display:grid; grid-template-columns:46px 1fr auto 58px; gap:14px; align-items:center; padding:18px; }
.stm-notification strong { color:#122243; font-size:14px; }
.stm-notification small { display:block; margin-top:5px; color:#526080; font-size:12px; line-height:1.35; }
.stm-notification span { color:#526080; font-size:12px; font-weight:700; }

.stm-follow-flow { position:absolute; inset:0; display:grid; grid-template-columns:1fr 52px 1fr; align-items:center; gap:18px; }
.stm-change-card, .stm-action-card { border-radius:28px; padding:22px; }
.stm-change-top { display:grid; grid-template-columns:44px 1fr auto; align-items:center; gap:14px; }
.stm-change-top strong { color:#122243; font-size:16px; }
.stm-change-top small { display:block; margin-top:5px; color:#526080; font-size:13px; }
.stm-company-move { margin-top:22px; border:1px solid #dbe4f4; border-radius:18px; min-height:72px; display:grid; grid-template-columns:1fr 32px 1fr; align-items:center; padding:0 18px; color:#172a57; font-size:14px; font-weight:800; }
.stm-company-move em { color:#98a7bd; font-style:normal; font-size:20px; text-align:center; }
.stm-outline-button { margin-top:18px; height:42px; border:1px solid #dbe4f4; border-radius:14px; display:grid; place-items:center; color:#2f6df6; font-weight:800; font-size:14px; }
.stm-flow-arrow { width:52px; height:52px; border-radius:50%; background:#eef4ff; color:#2f6df6; display:grid; place-items:center; font-size:26px; font-weight:900; }
.stm-action-card h3 { margin:10px 0 0; }
.stm-action-card p { margin:10px 0 0; color:#6f7f99; font-size:14px; line-height:1.55; }
.stm-linkedin-row { margin-top:18px; border:1px solid #dbe4f4; border-radius:16px; display:flex; align-items:center; gap:12px; padding:12px 14px; font-size:13px; color:#122243; }

.stm-proof { position:relative; display:block; padding:34px; border-radius:34px; background:linear-gradient(180deg,#fff 0%, #fbfdff 100%); box-shadow:var(--stm-soft-shadow); }
.stm-proof-head { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:24px; }
.stm-proof-head h2 { margin:0; color:#08183c; font-size:clamp(24px,2vw,36px); line-height:1.12; letter-spacing:-0.04em; }
.stm-proof-head p { margin:10px 0 0; color:var(--stm-muted); font-size:clamp(13px,1.02vw,18px); line-height:1.56; max-width:760px; }
.stm-proof-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.stm-proof-panel { border-radius:26px; padding:22px; }
.stm-proof-panel h3 { margin:0; font-size:18px; line-height:1.2; color:#122243; }
.stm-proof-panel p { margin:9px 0 0; font-size:14px; line-height:1.62; color:#6f7f99; }

@media (max-width: 980px) {
  .stm-hero, .stm-stage { padding-left:16px; padding-right:16px; }
  .stm-hero-inner { padding:44px 24px 40px; border-radius:30px 30px 0 0; }
  .stm-stage-inner { border-radius:0 0 30px 30px; }
  .stm-feature-card { aspect-ratio:auto; min-height:760px; padding:26px; display:grid; grid-template-rows:auto 1fr; gap:24px; }
  .stm-feature-copy, .stm-feature-1 .stm-feature-copy, .stm-feature-2 .stm-feature-copy, .stm-feature-3 .stm-feature-copy, .stm-feature-4 .stm-feature-copy,
  .stm-visual, .stm-feature-1 .stm-visual, .stm-feature-2 .stm-visual, .stm-feature-3 .stm-visual, .stm-feature-4 .stm-visual { position:relative; inset:auto; left:auto; top:auto; width:100%; height:auto; }
  .stm-visual { min-height:430px; }
  .stm-drawer-card, .stm-overview-card, .stm-board-card, .stm-follow-flow { position:relative; inset:auto; width:100%; height:100%; }
  .stm-follow-flow { grid-template-columns:1fr; }
  .stm-flow-arrow { transform:rotate(90deg); margin:0 auto; }
  .stm-proof-head, .stm-proof-grid { display:grid; grid-template-columns:1fr; }
}

@media (max-width: 640px) {
  .stm-hero h1 { font-size:42px; }
  .stm-feature-card { min-height:auto; }
  .stm-visual { min-height:auto; }
  .stm-drawer-card, .stm-board-card, .stm-overview-card, .stm-change-card, .stm-action-card { padding:18px; border-radius:22px; }
  .stm-overview-top, .stm-table-card, .stm-notification { display:none; }
  .stm-overview-card::after { content:'Overvågnings-overblik med status, LinkedIn-profiler og seneste ændringer'; display:block; padding:28px; border:1px solid #dbe4f4; border-radius:22px; color:#122243; font-weight:800; line-height:1.4; }
}


/* Graphics-studio visuals restored */
.stm-image-frame {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stm-image-frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 24px;
}
.stm-feature-1 .stm-image-frame img { transform: scale(1.02); }
.stm-feature-2 .stm-image-frame img { transform: scale(1.02); }
.stm-feature-3 .stm-image-frame img { transform: scale(1.06); }
.stm-feature-4 .stm-image-frame img { transform: scale(1.03); }
.stm-workflow-card .stm-feature-copy { left:5.1%; top:18.8%; width:27.5%; }
.stm-workflow-card .stm-visual { left:34.5%; top:9%; width:60.5%; height:82%; }
.stm-workflow-card .stm-image-frame img { transform: scale(1.02); }

@media (max-width: 980px) {
  .stm-workflow-card .stm-feature-copy,
  .stm-workflow-card .stm-visual { position: relative; inset: auto; left:auto; top:auto; width:100%; height:auto; }
  .stm-image-frame { position: relative; inset:auto; min-height: 430px; }
  .stm-image-frame img { height:auto; max-height: 100%; }
}
@media (max-width: 640px) {
  .stm-image-frame { min-height: auto; }
}


/* Final source-based graphics: HTML explains, graphics demonstrate */
.stm-hero-inner { display: grid; gap: 42px; }
.stm-hero-copy { max-width: 960px; }
.stm-hero-visual { position: relative; z-index: 1; width: 100%; max-width: 1240px; margin: 0 auto; min-height: 560px; }
.stm-hero-visual .exact-frame { position: relative; width: 100%; height: 620px; }
.stm-feature-card { aspect-ratio: 1540 / 610; }
.stm-feature-1 .stm-visual { left:3.5%; top:6.5%; width:58.5%; height:87%; }
.stm-feature-2 .stm-visual { left:34.5%; top:8%; width:62.5%; height:84%; }
.stm-feature-3 .stm-visual { left:38%; top:7%; width:55%; height:86%; }
.stm-feature-4 .stm-visual { left:3.5%; top:8%; width:58.5%; height:84%; }
.stm-feature-1 .stm-feature-copy { left:66.5%; top:21%; width:27%; }
.stm-feature-2 .stm-feature-copy { left:5%; top:20%; width:27.5%; }
.stm-feature-3 .stm-feature-copy { left:5%; top:20%; width:29%; }
.stm-feature-4 .stm-feature-copy { left:66.5%; top:20%; width:27.5%; }
.exact-ui { --ink:#08133a; --muted:#4e5b7e; --soft:#7581a4; --line:#e1e8f4; --line2:#edf2fa; --blue:#1f5eff; --blue2:#1551f2; --lav:#f2f4ff; --lav2:#f6f3ff; --purple:#6547ed; --green:#15985a; --green-bg:#eaf8ef; --orange:#f08a19; --orange-bg:#fff2e4; --bg:#fbfdff; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; color: var(--ink); }
.exact-frame { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
.exact-scale { position:absolute; transform-origin:0 0; }
.exact-frame--add .exact-scale { left:50%; top:50%; width:710px; height:655px; transform:translate(-50%,-50%) scale(1.04); }
.exact-frame--table .exact-scale { left:50%; top:50%; width:1668px; height:455px; transform:translate(-50%,-50%) scale(.60); }
.exact-frame--board .exact-scale { left:50%; top:50%; width:508px; height:342px; transform:translate(-50%,-50%) scale(1.32); }
.exact-frame--follow .exact-scale { left:50%; top:50%; width:508px; height:246px; transform:translate(-50%,-50%) scale(1.52); }
.exact-frame--hero .exact-scale { left:0; top:0; width:2260px; height:920px; transform:scale(.62); }
.exact-hero-combo { position:relative; width:2260px; height:920px; }
.exact-hero-combo > .table { position:absolute !important; left:0 !important; top:120px !important; width:1668px !important; }
.exact-hero-combo > .board { position:absolute !important; left:1720px !important; top:120px !important; }
.exact-ui svg { display:block; flex:0 0 auto; }
.exact-ui button { font-family:inherit; cursor:pointer; }
.exact-ui .drawer { position:relative !important; left:auto !important; bottom:auto !important; width:710px; height:655px; background:#fff; border:1px solid #dfe7f4; border-radius:16px; box-shadow:0 18px 48px rgba(20,39,79,.09); z-index:2; pointer-events:none; }
.exact-ui .handle { position:absolute; top:13px; left:335px; width:40px; height:4px; border-radius:99px; background:#c7d0e2; }
.exact-ui .close { position:absolute; right:24px; top:25px; width:40px; height:40px; border:0; background:transparent; color:#617094; font-size:30px; font-weight:300; line-height:1; display:grid; place-items:center; padding:0; }
.exact-ui .drawerTitle { position:absolute; left:24px; top:31px; font-size:25px; font-weight:850; letter-spacing:-.04em; }
.exact-ui .form { position:absolute; left:30px; top:96px; width:650px; }
.exact-ui .field { margin-bottom:22px; }
.exact-ui .label { font-size:13px; font-weight:760; color:#55637f; margin-bottom:8px; }
.exact-ui .input { height:56px; border:1px solid #dce5f2; border-radius:9px; display:flex; align-items:center; gap:12px; padding:0 14px; font-size:16px; font-weight:650; color:#172a57; background:#fff; line-height:1; }
.exact-ui .verified { width:max-content; min-width:214px; height:38px; border:1px solid #d8efdf; border-radius:999px; display:inline-flex; align-items:center; gap:10px; padding:0 14px 0 10px; background:#f4fbf7; color:var(--green); font-size:14px; font-weight:820; margin-top:-6px; line-height:1; box-shadow:inset 0 1px 0 rgba(255,255,255,.9); }
.exact-ui .verified span { width:20px !important; height:20px !important; font-size:12px !important; background:#22a85e !important; border-radius:50%; color:#fff; display:grid; place-items:center; }
.exact-ui .drawerBtns { position:absolute; left:30px; bottom:34px; display:flex; justify-content:center; align-items:center; gap:0; width:650px; }
.exact-ui .btnGhost { display:none; }
.exact-ui .btnPrimary { flex:0 0 430px; height:60px; border:1px solid var(--brand, #3f6df6); border-radius:9px; background:var(--brand, #3f6df6); color:white; font-size:16px; font-weight:500; box-shadow:0 10px 22px rgba(63,109,246,.18); display:flex; align-items:center; justify-content:center; line-height:1; }
.exact-ui .table { position:relative !important; top:auto !important; left:auto !important; width:1668px; height:auto; border:1px solid #dfe7f4; border-radius:13px; background:#fff; overflow:hidden; box-shadow:0 6px 24px rgba(17,43,91,.025); }
.exact-ui .tableTitle { height:71px; display:flex; align-items:center; gap:14px; padding:0 20px; font-size:22px; font-weight:840; letter-spacing:-.035em; border-bottom:1px solid #e6edf7; }
.exact-ui .count { min-width:27px; height:27px; border-radius:9px; background:#f1f4f8; display:grid; place-items:center; font-size:15px; color:#526080; }
.exact-ui .thead { height:56px; border-bottom:1px solid #e6edf7; display:grid; grid-template-columns:310px 255px 245px 130px 350px 300px 38px; align-items:center; padding:0 20px; color:#4c5b7d; font-size:14px; font-weight:750; }
.exact-ui .row { height:96px; border-bottom:1px solid #e6edf7; display:grid; grid-template-columns:310px 255px 245px 130px 350px 300px 38px; align-items:center; padding:0 20px; font-size:16px; color:#182955; }
.exact-ui .person { display:flex; align-items:center; gap:18px; font-weight:800; font-size:16px; }
.exact-ui .av { width:56px; height:56px; border-radius:50%; object-fit:cover; flex:0 0 auto; }
.exact-ui .company { display:flex; align-items:center; gap:9px; white-space:nowrap; font-size:16px; }
.exact-ui .linkedin { width:19px; height:19px; border-radius:3px; background:#0a66c2; color:#fff; display:grid; place-items:center; font-size:13px; font-weight:900; }
.exact-ui .statusGroup { display:flex; gap:12px; align-items:center; }
.exact-ui .chip { height:31px; display:inline-flex; align-items:center; justify-content:flex-start; gap:7px; padding:0 12px; border-radius:7px; font-size:13px; font-weight:800; white-space:nowrap; line-height:1; }
.exact-ui .chip.green { background:var(--green-bg); color:var(--green); }
.exact-ui .chip.blue { background:#eef4ff; color:#2460ff; }
.exact-ui .chip.purple { background:#f0ecff; color:#6543ef; }
.exact-ui .chip.orange { background:var(--orange-bg); color:var(--orange); }
.exact-ui .lastChange { line-height:1.35; font-size:16px; }
.exact-ui .lastChange .small { color:#4c5b7d; margin-top:5px; font-size:14px; }
.exact-ui .ellipsis { color:#24457b; font-size:24px; line-height:1; }
.exact-ui .board { position:relative !important; left:auto !important; top:auto !important; width:508px; height:342px; border:1px solid #dfe7f4; border-radius:13px; background:#fff; overflow:hidden; box-shadow:0 10px 30px rgba(17,43,91,.055); pointer-events:none; }
.exact-ui .boardTitle { position:absolute; left:20px; top:21px; font-size:24px; font-weight:840; letter-spacing:-.04em; }
.exact-ui .boardSub { position:absolute; left:20px; top:61px; font-size:15px; color:#647194; font-weight:560; }
.exact-ui .boardFilter { position:absolute; right:17px; top:17px; width:105px; height:43px; border:1px solid #dfe7f4; border-radius:8px; display:flex; align-items:center; justify-content:center; gap:9px; padding:0 10px; font-size:14px; color:#50607f; font-weight:750; line-height:1; }
.exact-ui .notif { position:relative; left:20px; width:468px; height:132px; border:1px solid #e2e9f4; border-radius:11px; background:#fff; margin-bottom:12px; cursor:default; transition:none; }
.exact-ui .notif.n1 { top:auto; margin-top:106px; } .exact-ui .notif.n2 { top:auto; } .exact-ui .notif.n3 { top:auto; margin-bottom:18px; }
.exact-ui .notif .av { position:absolute; left:20px; top:20px; width:66px; height:66px; }
.exact-ui .notifName { position:absolute; left:106px; top:18px; font-size:15px; font-weight:850; }
.exact-ui .notifText { position:absolute; left:106px; top:47px; color:#24365e; font-size:15px; line-height:1.42; font-weight:540; }
.exact-ui .notif .chip { position:absolute; right:17px; top:16px; height:29px; font-size:12px; padding:0 10px; }
.exact-ui .notifTime { position:absolute; right:21px; top:58px; font-size:14px; color:#536383; font-weight:600; }
.exact-frame--follow .board { height:238px; }
.exact-frame--follow .boardSub { display:none; }
.exact-frame--follow .notif.n2 { margin-top:88px; }
.exact-ui .smallBtn, .exact-ui .tfoot, .exact-ui .perPageTop, .exact-ui .pager, .exact-ui .perPage { display:none !important; }
@media (max-width: 980px) {
  .stm-hero-visual { min-height:360px; }
  .stm-hero-visual .exact-frame { height:360px; }
  .exact-frame--hero .exact-scale { transform:scale(.35); }
  .stm-feature-card { aspect-ratio:auto; min-height:720px; }
  .exact-frame { position:relative; min-height:430px; }
  .exact-frame--add .exact-scale { transform:translate(-50%,-50%) scale(.72); }
  .exact-frame--table .exact-scale { transform:translate(-50%,-50%) scale(.40); }
  .exact-frame--board .exact-scale { transform:translate(-50%,-50%) scale(.96); }
  .exact-frame--follow .exact-scale { transform:translate(-50%,-50%) scale(.98); }
}
@media (max-width:640px) {
  .exact-frame--hero .exact-scale { transform:scale(.24); }
  .exact-frame { min-height:300px; }
  .exact-frame--add .exact-scale { transform:translate(-50%,-50%) scale(.42); }
  .exact-frame--table .exact-scale { transform:translate(-50%,-50%) scale(.24); }
  .exact-frame--board .exact-scale, .exact-frame--follow .exact-scale { transform:translate(-50%,-50%) scale(.62); }
}

/* STRICT COHERTA CANVAS RESET
   This final block intentionally mirrors the feature-card system in emnedatabase.html
   and linkedin-prospecting.html: blue stage, white cards, HTML copy + product visual. */
.stakeholder-monitoring-page .stm-stage {
  padding: 18px 32px 76px;
}
.stakeholder-monitoring-page .stm-stage-inner {
  max-width: 1540px;
  margin: 0 auto;
  padding: clamp(28px, 3vw, 44px);
  background: var(--stm-canvas);
  border-radius: 0 0 42px 42px;
  display: grid;
  gap: clamp(24px, 3.2vw, 42px);
}
.stakeholder-monitoring-page .stm-feature-card {
  position: relative;
  display: block;
  aspect-ratio: 2172 / 724;
  min-height: auto;
  padding: 0;
  border-radius: 34px;
  background: #fff;
  box-shadow: var(--stm-soft-shadow);
  overflow: hidden;
}
.stakeholder-monitoring-page .stm-feature-copy {
  position: absolute;
  z-index: 2;
  color: var(--stm-text);
}
.stakeholder-monitoring-page .stm-feature-copy h2 {
  margin: 0;
  color: var(--stm-text);
  font-size: clamp(22px, 1.88vw, 34px);
  line-height: 1.12;
  letter-spacing: -0.042em;
  font-weight: 700;
}
.stakeholder-monitoring-page .stm-feature-copy p {
  margin: clamp(10px, .9vw, 15px) 0 0;
  color: var(--stm-muted);
  font-size: clamp(12.5px, 1.02vw, 18px);
  line-height: 1.64;
  letter-spacing: -0.014em;
  font-weight: 500;
}
.stakeholder-monitoring-page .stm-feature-points {
  display: grid;
  gap: 10px;
  margin: clamp(16px, 1.65vw, 24px) 0 0;
  padding: 0;
  list-style: none;
}
.stakeholder-monitoring-page .stm-feature-points li {
  position: relative;
  display: flex;
  align-items: center;
  min-height: clamp(28px, 2.55vw, 36px);
  padding-left: clamp(38px, 3.25vw, 48px);
  color: #5f718c;
  font-size: clamp(11px, 0.86vw, 15px);
  line-height: 1.36;
  font-weight: 600;
  letter-spacing: -0.006em;
}
.stakeholder-monitoring-page .stm-feature-points li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 50%;
  width: clamp(28px, 2.55vw, 36px);
  height: clamp(28px, 2.55vw, 36px);
  border-radius: 11px;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  background: #f4f8ff;
  color: #3f6df6;
  border: 1px solid #dce8f8;
  box-shadow: 0 7px 18px rgba(31, 53, 84, 0.065);
  font-size: 12px;
  font-weight: 900;
}
.stakeholder-monitoring-page .stm-visual {
  position: absolute;
  z-index: 1;
  margin: 0;
  min-width: 0;
  overflow: hidden;
  border-radius: 26px;
}
.stakeholder-monitoring-page .stm-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(219, 228, 244, 0.62);
}
.stakeholder-monitoring-page .stm-feature-1 .stm-feature-copy { left: 68.2%; top: 21%; width: 25.8%; }
.stakeholder-monitoring-page .stm-feature-1 .stm-visual { left: 4.1%; top: 9.2%; width: 58.6%; height: 80.8%; }
.stakeholder-monitoring-page .stm-feature-2 .stm-feature-copy { left: 4.3%; top: 17.5%; width: 28.7%; }
.stakeholder-monitoring-page .stm-feature-2 .stm-visual { left: 36.4%; top: 13.4%; width: 58.9%; height: 73.2%; }
.stakeholder-monitoring-page .stm-feature-3 .stm-feature-copy { left: 5.1%; top: 20.2%; width: 29%; }
.stakeholder-monitoring-page .stm-feature-3 .stm-visual { left: 39.2%; top: 9.8%; width: 54.2%; height: 80.4%; }
.stakeholder-monitoring-page .stm-feature-4 .stm-feature-copy { left: 67.5%; top: 21%; width: 26.8%; }
.stakeholder-monitoring-page .stm-feature-4 .stm-visual { left: 4.5%; top: 13%; width: 57.7%; height: 74%; }

/* Source-UI graphics live inside the existing white card canvas. No marketing text is added in the visuals. */
.stakeholder-monitoring-page .exact-ui { color: #08133a; }
.stakeholder-monitoring-page .exact-frame {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  background: transparent !important;
}
.stakeholder-monitoring-page .exact-scale {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform-origin: top left !important;
}
.stakeholder-monitoring-page .exact-frame--add .exact-scale {
  width: 710px;
  height: 655px;
  transform: translate(-50%, -50%) scale(.72) !important;
}
.stakeholder-monitoring-page .exact-frame--table .exact-scale {
  width: 1668px;
  height: 535px;
  transform: translate(-50%, -50%) scale(.52) !important;
}
.stakeholder-monitoring-page .exact-frame--board .exact-scale {
  width: 508px;
  height: 342px;
  transform: translate(-50%, -50%) scale(1.16) !important;
}
.stakeholder-monitoring-page .exact-frame--follow .exact-scale {
  width: 508px;
  height: 246px;
  transform: translate(-50%, -50%) scale(1.24) !important;
}
.stakeholder-monitoring-page .exact-ui .drawer,
.stakeholder-monitoring-page .exact-ui .table,
.stakeholder-monitoring-page .exact-ui .board {
  box-shadow: 0 18px 44px rgba(31, 53, 84, 0.095) !important;
}
.stakeholder-monitoring-page .exact-ui .drawer {
  border-radius: 18px !important;
}
.stakeholder-monitoring-page .exact-ui .table {
  height: auto !important;
}
.stakeholder-monitoring-page .exact-ui .table .row:nth-of-type(n+6) {
  display: none !important;
}
.stakeholder-monitoring-page .exact-ui .board .notif:nth-of-type(n+6) {
  display: none !important;
}
.stakeholder-monitoring-page .exact-frame--follow .board {
  height: 238px !important;
}
.stakeholder-monitoring-page .exact-frame--follow .boardSub,
.stakeholder-monitoring-page .exact-frame--follow .boardFilter {
  display: none !important;
}
.stakeholder-monitoring-page .exact-frame--follow .notif.n2 {
  margin-top: 88px !important;
}
.stakeholder-monitoring-page .exact-ui .btnGhost,
.stakeholder-monitoring-page .exact-ui .smallBtn,
.stakeholder-monitoring-page .exact-ui .tfoot,
.stakeholder-monitoring-page .exact-ui .perPageTop,
.stakeholder-monitoring-page .exact-ui .pager,
.stakeholder-monitoring-page .exact-ui .perPage,
.stakeholder-monitoring-page .exact-ui .markSeen,
.stakeholder-monitoring-page .exact-ui .boardToggle {
  display: none !important;
}
.stakeholder-monitoring-page .exact-ui .drawerTitle,
.stakeholder-monitoring-page .exact-ui .tableTitle,
.stakeholder-monitoring-page .exact-ui .boardTitle {
  font-feature-settings: "kern";
}
.stakeholder-monitoring-page .exact-ui .tableTitle {
  height: 71px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 20px;
  font-size: 22px;
  font-weight: 840;
  letter-spacing: -.035em;
  border-bottom: 1px solid #e6edf7;
}

/* Hero uses the same source UI, but as one calm product overview above the blue stage. */
.stakeholder-monitoring-page .stm-hero-inner { display: grid; gap: 42px; }
.stakeholder-monitoring-page .stm-hero-copy { max-width: 980px; }
.stakeholder-monitoring-page .stm-hero-visual {
  position: relative;
  z-index: 1;
  width: min(100%, 1320px);
  height: clamp(360px, 37vw, 610px);
  max-width: 1320px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 30px;
}
.stakeholder-monitoring-page .stm-hero-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(219, 228, 244, 0.76);
}
.stakeholder-monitoring-page .exact-frame--hero .exact-scale {
  left: 50% !important;
  top: 50% !important;
  width: 2260px;
  height: 920px;
  transform: translate(-50%, -50%) scale(.56) !important;
}
.stakeholder-monitoring-page .exact-hero-combo { position: relative; width: 2260px; height: 920px; }
.stakeholder-monitoring-page .exact-hero-combo > .table {
  position: absolute !important;
  left: 0 !important;
  top: 120px !important;
  width: 1668px !important;
}
.stakeholder-monitoring-page .exact-hero-combo > .board {
  position: absolute !important;
  left: 1720px !important;
  top: 120px !important;
}

@media (max-width: 1100px) {
  .stakeholder-monitoring-page .stm-feature-card {
    aspect-ratio: auto;
    min-height: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 26px;
    padding: 24px;
  }
  .stakeholder-monitoring-page .stm-feature-copy,
  .stakeholder-monitoring-page .stm-visual,
  .stakeholder-monitoring-page .stm-feature-1 .stm-feature-copy,
  .stakeholder-monitoring-page .stm-feature-2 .stm-feature-copy,
  .stakeholder-monitoring-page .stm-feature-3 .stm-feature-copy,
  .stakeholder-monitoring-page .stm-feature-4 .stm-feature-copy,
  .stakeholder-monitoring-page .stm-feature-1 .stm-visual,
  .stakeholder-monitoring-page .stm-feature-2 .stm-visual,
  .stakeholder-monitoring-page .stm-feature-3 .stm-visual,
  .stakeholder-monitoring-page .stm-feature-4 .stm-visual {
    position: static;
    width: auto;
    height: 420px;
  }
  .stakeholder-monitoring-page .stm-feature-copy,
  .stakeholder-monitoring-page .stm-feature-1 .stm-feature-copy,
  .stakeholder-monitoring-page .stm-feature-2 .stm-feature-copy,
  .stakeholder-monitoring-page .stm-feature-3 .stm-feature-copy,
  .stakeholder-monitoring-page .stm-feature-4 .stm-feature-copy {
    height: auto;
    max-width: 760px;
  }
  .stakeholder-monitoring-page .stm-feature-1 .stm-visual,
  .stakeholder-monitoring-page .stm-feature-2 .stm-visual,
  .stakeholder-monitoring-page .stm-feature-3 .stm-visual,
  .stakeholder-monitoring-page .stm-feature-4 .stm-visual {
    order: 2;
  }
  .stakeholder-monitoring-page .stm-feature-copy { order: 1; }
  .stakeholder-monitoring-page .exact-frame--add .exact-scale { transform: translate(-50%, -50%) scale(.58) !important; }
  .stakeholder-monitoring-page .exact-frame--table .exact-scale { transform: translate(-50%, -50%) scale(.38) !important; }
  .stakeholder-monitoring-page .exact-frame--board .exact-scale { transform: translate(-50%, -50%) scale(.92) !important; }
  .stakeholder-monitoring-page .exact-frame--follow .exact-scale { transform: translate(-50%, -50%) scale(.94) !important; }
}
@media (max-width: 760px) {
  .stakeholder-monitoring-page .stm-hero { padding: 34px 16px 0; }
  .stakeholder-monitoring-page .stm-stage { padding: 16px 16px 64px; }
  .stakeholder-monitoring-page .stm-stage-inner { border-radius: 0 0 30px 30px; padding: 18px; }
  .stakeholder-monitoring-page .stm-feature-card { border-radius: 26px; padding: 18px; }
  .stakeholder-monitoring-page .stm-visual { height: 300px; border-radius: 20px; }
  .stakeholder-monitoring-page .stm-hero-visual { height: 320px; border-radius: 22px; }
  .stakeholder-monitoring-page .exact-frame--hero .exact-scale { transform: translate(-50%, -50%) scale(.30) !important; }
  .stakeholder-monitoring-page .exact-frame--add .exact-scale { transform: translate(-50%, -50%) scale(.42) !important; }
  .stakeholder-monitoring-page .exact-frame--table .exact-scale { transform: translate(-50%, -50%) scale(.25) !important; }
  .stakeholder-monitoring-page .exact-frame--board .exact-scale { transform: translate(-50%, -50%) scale(.62) !important; }
  .stakeholder-monitoring-page .exact-frame--follow .exact-scale { transform: translate(-50%, -50%) scale(.64) !important; }
}


/* Final inserted stakeholder graphics: reuse Coherta canvas/card structure, only replace the visual contents. */
.stakeholder-monitoring-page .stm-image-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

.stakeholder-monitoring-page .stm-image-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border-radius: 24px;
}

.stakeholder-monitoring-page .stm-image-visual--hero {
  position: relative;
  z-index: 1;
  width: min(100%, 1320px);
  height: clamp(380px, 38vw, 610px);
  max-width: 1320px;
  margin: 0 auto;
  overflow: visible;
}

.stakeholder-monitoring-page .stm-image-visual--hero img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Fine tuned visual box sizes so the graphics sit correctly inside the existing white feature cards. */
.stakeholder-monitoring-page .stm-feature-1 .stm-visual { left: 3.2%; top: 4.8%; width: 59.8%; height: 90.4%; }
.stakeholder-monitoring-page .stm-feature-2 .stm-visual { left: 33.2%; top: 6.2%; width: 64.2%; height: 87.4%; }
.stakeholder-monitoring-page .stm-feature-3 .stm-visual { left: 38.2%; top: 4.8%; width: 57.6%; height: 90.4%; }
.stakeholder-monitoring-page .stm-feature-4 .stm-visual { left: 3.2%; top: 5.8%; width: 59.8%; height: 88.4%; }

@media (max-width: 980px) {
  .stakeholder-monitoring-page .stm-image-visual,
  .stakeholder-monitoring-page .stm-feature-1 .stm-visual,
  .stakeholder-monitoring-page .stm-feature-2 .stm-visual,
  .stakeholder-monitoring-page .stm-feature-3 .stm-visual,
  .stakeholder-monitoring-page .stm-feature-4 .stm-visual {
    position: relative;
    inset: auto;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
  }
  .stakeholder-monitoring-page .stm-image-visual img {
    width: 100%;
    height: auto;
  }
}


/* Final balance pass: remove hero graphic and fit visuals like Emnedatabase/LinkedIn Outreach */
.stakeholder-monitoring-page .stm-hero-inner {
  display: block !important;
  padding-bottom: 58px !important;
}
.stakeholder-monitoring-page .stm-hero-visual {
  display: none !important;
}

/* The white feature-card is the canvas. Do not add another visible wrapper around images. */
.stakeholder-monitoring-page .stm-visual {
  border-radius: 0 !important;
  overflow: visible !important;
}
.stakeholder-monitoring-page .stm-visual::after {
  display: none !important;
}
.stakeholder-monitoring-page .stm-image-visual {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}
.stakeholder-monitoring-page .stm-image-visual img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  border-radius: 0 !important;
}

/* Keep visual and SEO copy connected. Graphics are slightly smaller and sit calmly inside the existing white card. */
.stakeholder-monitoring-page .stm-feature-1 .stm-feature-copy { left: 64.2% !important; top: 21.5% !important; width: 29.4% !important; }
.stakeholder-monitoring-page .stm-feature-1 .stm-visual { left: 6.0% !important; top: 13.0% !important; width: 53.2% !important; height: 74.0% !important; }

.stakeholder-monitoring-page .stm-feature-2 .stm-feature-copy { left: 5.1% !important; top: 19.4% !important; width: 28.8% !important; }
.stakeholder-monitoring-page .stm-feature-2 .stm-visual { left: 37.2% !important; top: 15.0% !important; width: 56.0% !important; height: 70.5% !important; }

.stakeholder-monitoring-page .stm-feature-3 .stm-feature-copy { left: 5.1% !important; top: 20.4% !important; width: 29.2% !important; }
.stakeholder-monitoring-page .stm-feature-3 .stm-visual { left: 39.0% !important; top: 12.5% !important; width: 50.8% !important; height: 75.0% !important; }

.stakeholder-monitoring-page .stm-feature-4 .stm-feature-copy { left: 64.2% !important; top: 21.5% !important; width: 29.4% !important; }
.stakeholder-monitoring-page .stm-feature-4 .stm-visual { left: 5.8% !important; top: 15.0% !important; width: 54.0% !important; height: 70.0% !important; }

@media (max-width: 1100px) {
  .stakeholder-monitoring-page .stm-feature-1 .stm-visual,
  .stakeholder-monitoring-page .stm-feature-2 .stm-visual,
  .stakeholder-monitoring-page .stm-feature-3 .stm-visual,
  .stakeholder-monitoring-page .stm-feature-4 .stm-visual {
    height: 360px !important;
  }
}

/* Proximity + visual cleanup pass */
/* Keep the existing Coherta card/canvas structure, but remove the extra image-stage feeling. */
.stakeholder-monitoring-page .stm-image-visual {
  background: transparent !important;
  box-shadow: none !important;
}

.stakeholder-monitoring-page .stm-image-visual img {
  filter: none !important;
}

/* Bring copy and graphics closer together and give the visuals a calmer, slightly more present size. */
.stakeholder-monitoring-page .stm-feature-1 .stm-feature-copy { left: 62.8% !important; top: 21.5% !important; width: 30.4% !important; }
.stakeholder-monitoring-page .stm-feature-1 .stm-visual { left: 7.8% !important; top: 11.5% !important; width: 51.8% !important; height: 77.0% !important; }

.stakeholder-monitoring-page .stm-feature-2 .stm-feature-copy { left: 5.1% !important; top: 19.4% !important; width: 29.4% !important; }
.stakeholder-monitoring-page .stm-feature-2 .stm-visual { left: 35.4% !important; top: 13.2% !important; width: 57.4% !important; height: 73.6% !important; }

.stakeholder-monitoring-page .stm-feature-3 .stm-feature-copy { left: 5.1% !important; top: 20.4% !important; width: 29.7% !important; }
.stakeholder-monitoring-page .stm-feature-3 .stm-visual { left: 36.4% !important; top: 10.8% !important; width: 52.4% !important; height: 78.4% !important; }

.stakeholder-monitoring-page .stm-feature-4 .stm-feature-copy { left: 62.8% !important; top: 21.5% !important; width: 30.4% !important; }
.stakeholder-monitoring-page .stm-feature-4 .stm-visual { left: 5.8% !important; top: 13.4% !important; width: 55.4% !important; height: 73.4% !important; }

/* Cropped overview asset no longer needs to be visually boxed in by extra stage effects. */
.stakeholder-monitoring-page .stm-feature-2 .stm-image-visual img {
  max-width: 98% !important;
  max-height: 98% !important;
}

/* Latest graphics insertion: use the new approved graphics and restore left/right alternation. */
.stakeholder-monitoring-page .stm-image-visual img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  max-width: none !important;
  max-height: none !important;
  border-radius: 0 !important;
}

/* 1: visual left, copy right */
.stakeholder-monitoring-page .stm-feature-1 .stm-visual { left: 7.0% !important; top: 10.5% !important; width: 52.5% !important; height: 78.5% !important; }
.stakeholder-monitoring-page .stm-feature-1 .stm-feature-copy { left: 62.5% !important; top: 21.0% !important; width: 30.5% !important; }

/* 2: copy left, visual right */
.stakeholder-monitoring-page .stm-feature-2 .stm-feature-copy { left: 5.1% !important; top: 18.0% !important; width: 30.0% !important; }
.stakeholder-monitoring-page .stm-feature-2 .stm-visual { left: 36.5% !important; top: 9.5% !important; width: 56.0% !important; height: 81.0% !important; }

/* 3: visual left, copy right */
.stakeholder-monitoring-page .stm-feature-3 .stm-visual { left: 7.0% !important; top: 9.5% !important; width: 52.5% !important; height: 81.0% !important; }
.stakeholder-monitoring-page .stm-feature-3 .stm-feature-copy { left: 62.5% !important; top: 21.0% !important; width: 30.5% !important; }

/* 4: copy left, visual right */
.stakeholder-monitoring-page .stm-feature-4 .stm-feature-copy { left: 5.1% !important; top: 20.0% !important; width: 30.0% !important; }
.stakeholder-monitoring-page .stm-feature-4 .stm-visual { left: 36.5% !important; top: 9.5% !important; width: 56.0% !important; height: 81.0% !important; }

/* WORLDCLASS FINAL PASS - production layout
   Reuses the existing Coherta stage, white feature cards, typography and check-list system.
   The change is structural cleanup only: copy + visual now live as one balanced feature unit. */
.stakeholder-monitoring-page .stm-hero-inner {
  display: block !important;
  padding-bottom: clamp(48px, 5vw, 76px) !important;
}
.stakeholder-monitoring-page .stm-hero-visual,
.stakeholder-monitoring-page .stm-image-visual--hero {
  display: none !important;
}
.stakeholder-monitoring-page .stm-stage {
  padding: 18px 32px 72px !important;
}
.stakeholder-monitoring-page .stm-stage-inner {
  max-width: 1540px !important;
  padding: clamp(22px, 2.35vw, 36px) !important;
  gap: clamp(18px, 2.1vw, 30px) !important;
  background: var(--stm-canvas) !important;
  border-radius: 0 0 42px 42px !important;
}
.stakeholder-monitoring-page .stm-feature-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(360px, .92fr) minmax(520px, 1.08fr) !important;
  align-items: center !important;
  gap: clamp(22px, 3vw, 46px) !important;
  aspect-ratio: auto !important;
  min-height: 0 !important;
  padding: clamp(28px, 3.45vw, 52px) clamp(30px, 4.2vw, 66px) !important;
  border-radius: 34px !important;
  background: #fff !important;
  overflow: hidden !important;
  box-shadow: var(--stm-soft-shadow) !important;
}
.stakeholder-monitoring-page .stm-feature-copy,
.stakeholder-monitoring-page .stm-visual,
.stakeholder-monitoring-page .stm-feature-1 .stm-feature-copy,
.stakeholder-monitoring-page .stm-feature-2 .stm-feature-copy,
.stakeholder-monitoring-page .stm-feature-3 .stm-feature-copy,
.stakeholder-monitoring-page .stm-feature-4 .stm-feature-copy,
.stakeholder-monitoring-page .stm-feature-1 .stm-visual,
.stakeholder-monitoring-page .stm-feature-2 .stm-visual,
.stakeholder-monitoring-page .stm-feature-3 .stm-visual,
.stakeholder-monitoring-page .stm-feature-4 .stm-visual {
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
}
.stakeholder-monitoring-page .stm-feature-copy {
  z-index: 2 !important;
  max-width: 430px !important;
}
.stakeholder-monitoring-page .stm-feature-copy h2 {
  font-size: clamp(24px, 2vw, 34px) !important;
  line-height: 1.1 !important;
}
.stakeholder-monitoring-page .stm-feature-copy p {
  margin-top: clamp(10px, .85vw, 14px) !important;
  max-width: 37ch !important;
  line-height: 1.58 !important;
}
.stakeholder-monitoring-page .stm-feature-points {
  margin-top: clamp(14px, 1.2vw, 20px) !important;
  gap: 9px !important;
}
.stakeholder-monitoring-page .stm-visual {
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
}
.stakeholder-monitoring-page .stm-visual::after { display: none !important; }
.stakeholder-monitoring-page .stm-image-visual img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 372px !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}
/* Alternating rhythm: image and copy sit close enough to read as one feature. */
.stakeholder-monitoring-page .stm-feature-1 .stm-visual,
.stakeholder-monitoring-page .stm-feature-3 .stm-visual { order: 1 !important; }
.stakeholder-monitoring-page .stm-feature-1 .stm-feature-copy,
.stakeholder-monitoring-page .stm-feature-3 .stm-feature-copy { order: 2 !important; justify-self: start !important; }
.stakeholder-monitoring-page .stm-feature-2 .stm-feature-copy,
.stakeholder-monitoring-page .stm-feature-4 .stm-feature-copy { order: 1 !important; justify-self: end !important; }
.stakeholder-monitoring-page .stm-feature-2 .stm-visual,
.stakeholder-monitoring-page .stm-feature-4 .stm-visual { order: 2 !important; }
.stakeholder-monitoring-page .stm-feature-1 .stm-image-visual img { max-height: 386px !important; }
.stakeholder-monitoring-page .stm-feature-2 .stm-image-visual img { max-height: 318px !important; }
.stakeholder-monitoring-page .stm-feature-3 .stm-image-visual img { max-height: 350px !important; }
.stakeholder-monitoring-page .stm-feature-4 .stm-image-visual img { max-height: 342px !important; }
.stakeholder-monitoring-page .stm-proof { display: none !important; }
@media (max-width: 1100px) {
  .stakeholder-monitoring-page .stm-feature-card {
    grid-template-columns: 1fr !important;
    padding: 28px !important;
    gap: 22px !important;
  }
  .stakeholder-monitoring-page .stm-feature-copy,
  .stakeholder-monitoring-page .stm-feature-1 .stm-feature-copy,
  .stakeholder-monitoring-page .stm-feature-2 .stm-feature-copy,
  .stakeholder-monitoring-page .stm-feature-3 .stm-feature-copy,
  .stakeholder-monitoring-page .stm-feature-4 .stm-feature-copy,
  .stakeholder-monitoring-page .stm-feature-1 .stm-visual,
  .stakeholder-monitoring-page .stm-feature-2 .stm-visual,
  .stakeholder-monitoring-page .stm-feature-3 .stm-visual,
  .stakeholder-monitoring-page .stm-feature-4 .stm-visual {
    order: initial !important;
    justify-self: stretch !important;
    max-width: none !important;
  }
  .stakeholder-monitoring-page .stm-visual { order: 2 !important; }
  .stakeholder-monitoring-page .stm-feature-copy { order: 1 !important; }
  .stakeholder-monitoring-page .stm-image-visual img { width: 100% !important; max-height: none !important; }
}
@media (max-width: 760px) {
  .stakeholder-monitoring-page .stm-hero { padding: 34px 16px 0 !important; }
  .stakeholder-monitoring-page .stm-stage { padding: 16px 16px 58px !important; }
  .stakeholder-monitoring-page .stm-stage-inner { padding: 16px !important; gap: 16px !important; border-radius: 0 0 30px 30px !important; }
  .stakeholder-monitoring-page .stm-feature-card { border-radius: 26px !important; padding: 20px !important; }
}


/* Header/hero parity with Emnedatabase */
.stakeholder-monitoring-page .stm-hero-inner::before {
  background:
    radial-gradient(circle at 18% 18%, rgba(63, 109, 246, 0.08), transparent 17%),
    radial-gradient(circle at 82% 16%, rgba(63, 109, 246, 0.07), transparent 16%) !important;
}
.stakeholder-monitoring-page .stm-hero h1 span {
  color: #3f6df6 !important;
}
.stakeholder-monitoring-page .stm-btn {
  border: 1px solid var(--brand, #3f6df6) !important;
  background: var(--brand, #3f6df6) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(63, 109, 246, 0.18) !important;
}

:is(.stm-btn, .stm-primary-button, .stm-outline-button, .exact-ui .btnPrimary) {
  font-size: clamp(13.5px, 0.92vw, 14.5px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}

/* Overvågning subpage additions */
.stakeholder-monitoring-page .stm-main {
  background: #fff;
}

.stakeholder-monitoring-page .stm-btn.stm-btn-secondary {
  background: #fff !important;
  color: #17325f !important;
  border-color: #cbd9ee !important;
  box-shadow: none !important;
}

.stakeholder-monitoring-page .stm-section {
  padding: 0 32px 78px;
}

.stakeholder-monitoring-page .stm-section-inner {
  width: min(100%, 1540px);
  margin: 0 auto;
}

.stakeholder-monitoring-page .stm-section-head {
  max-width: 820px;
  margin-bottom: 28px;
}

.stakeholder-monitoring-page .stm-section-head h2,
.stakeholder-monitoring-page .stm-cta h2 {
  margin: 0;
  color: #08133a;
  font-size: clamp(34px, 4.2vw, 64px);
  font-weight: 800;
  line-height: .96;
  letter-spacing: 0;
}

.stakeholder-monitoring-page .stm-section-head p,
.stakeholder-monitoring-page .stm-card p,
.stakeholder-monitoring-page .stm-cta p {
  color: #536383;
  font-size: clamp(16px, 1.25vw, 19px);
  line-height: 1.58;
}

.stakeholder-monitoring-page .stm-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.stakeholder-monitoring-page .stm-card {
  min-height: 230px;
  padding: 24px;
  border: 1px solid #dbe4f4;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(13, 34, 71, .07);
}

.stakeholder-monitoring-page .stm-card span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin-bottom: 28px;
  border-radius: 50%;
  background: #eef4ff;
  color: #3f6df6;
  font-size: 13px;
  font-weight: 800;
}

.stakeholder-monitoring-page .stm-card h3 {
  margin: 0 0 12px;
  color: #08133a;
  font-size: 23px;
  line-height: 1.1;
  letter-spacing: 0;
}

.stakeholder-monitoring-page .stm-card p {
  margin: 0;
}

.stakeholder-monitoring-page .stm-cta {
  padding: 0 32px 86px;
}

.stakeholder-monitoring-page .stm-cta-inner {
  width: min(100%, 1540px);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: clamp(28px, 4vw, 54px);
  border-radius: 8px;
  background: #08133a;
}

.stakeholder-monitoring-page .stm-cta-inner > div {
  max-width: 760px;
}

.stakeholder-monitoring-page .stm-cta h2 {
  color: #fff;
}

.stakeholder-monitoring-page .stm-cta p {
  margin: 18px 0 0;
  color: #c7d4f1;
}

@media (max-width: 980px) {
  .stakeholder-monitoring-page .stm-section,
  .stakeholder-monitoring-page .stm-cta {
    padding-left: 16px;
    padding-right: 16px;
  }

  .stakeholder-monitoring-page .stm-card-grid {
    grid-template-columns: 1fr;
  }

  .stakeholder-monitoring-page .stm-cta-inner {
    display: grid;
    justify-items: start;
  }
}

@media (min-width: 1400px) {
  .stm-hero h1 {
    font-size: 64.35px;
  }
}