/* Prissider: priser-for-brands.html, agency-pricing.html og pricing.html.
   Site-shell og marketingcopy bruger Plus Jakarta Sans. Produkt-UI (priser,
   modelvælger, tabel og demoer) bruger Inter under .pr-ui og .pd-demo.
   Demoernes basis (.pd-demo, .ps-*) kommer fra feature-pages.css. */

:root {
  --pr-navy:#1B2A4A;
  --pr-navy-hover:#111C32;
  --pr-bg:#FAFAF8;
  --pr-card:#FFFFFF;
  --pr-band:#F2F2EE;
  --pr-text:#0F172A;
  --pr-body:#4A5568;
  --pr-muted:#64748B;
  --pr-border:#E8E8E4;
  --pr-green:#27664b;
  --pr-amber:#8a5519;
  --pr-radius:16px;
  --pr-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 32px rgba(27,42,74,.06);
  --pr-shadow-strong:0 1px 2px rgba(15,23,42,.05),0 22px 52px rgba(27,42,74,.12);
  --pr-ease:cubic-bezier(.16,1,.3,1);
}

*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.pricing-body {
  margin:0;
  overflow-x:clip;
  background:var(--pr-bg);
  color:var(--pr-text);
  font-family:'Plus Jakarta Sans','PJS Fallback',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  color-scheme:light;
}
.pricing-page :where(h1,h2,h3,h4,p,ul,ol,dl,dd,figure) { margin:0; }
.pricing-page :where(button,input,select,textarea) { font:inherit; }
.pricing-page :where(button) { cursor:pointer; }
.pricing-page [hidden] { display:none !important; }
.pricing-page { overflow:clip; }
.pricing-page :where(a,button,input,[tabindex]):focus-visible { outline:3px solid rgba(27,42,74,.4); outline-offset:3px; }
.pr-ui { font-family:Inter,'Plus Jakarta Sans','PJS Fallback',Arial,sans-serif; font-variant-numeric:tabular-nums; }
.pr-sr-only { position:absolute !important; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.pricing-skip-link {
  position:fixed;
  z-index:5000;
  top:10px;
  left:10px;
  padding:10px 14px;
  border-radius:8px;
  background:var(--pr-navy);
  color:#fff;
  font-weight:600;
  text-decoration:none;
  transform:translateY(-150%);
}
.pricing-skip-link:focus { transform:translateY(0); }
.pr-shell { width:min(100% - 64px,1200px); margin-inline:auto; }

/* ── Typografi og små mærker ─────────────────────────────────────── */
.pr-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--pr-navy);
  font-size:11px;
  font-weight:750;
  letter-spacing:.12em;
  line-height:1.5;
  text-transform:uppercase;
}
.pr-soon {
  display:inline-flex;
  align-items:center;
  vertical-align:middle;
  margin-left:2px;
  padding:3px 6px;
  border:1px solid rgba(27,42,74,.16);
  border-radius:5px;
  background:rgba(27,42,74,.04);
  color:var(--pr-navy);
  font-size:9.5px;
  font-weight:750;
  letter-spacing:.08em;
  line-height:1.2;
  text-transform:uppercase;
}
.pr-heading { max-width:680px; }
.pr-heading.is-centered { margin-inline:auto; text-align:center; }
.pr-heading h2 {
  margin-top:16px;
  color:var(--pr-navy);
  font-size:clamp(1.9rem,3.2vw,2.6rem);
  font-weight:730;
  letter-spacing:-.035em;
  line-height:1.12;
  text-wrap:balance;
}
.pr-heading > p { margin-top:18px; color:var(--pr-body); font-size:16.5px; line-height:1.75; text-wrap:pretty; }
.pr-heading .pr-note { margin-top:18px; padding-top:16px; border-top:1px solid var(--pr-border); color:var(--pr-muted); font-size:13.5px; line-height:1.7; }

/* ── Hero ────────────────────────────────────────────────────────── */
.pr-hero { padding:72px 0 44px; text-align:center; }
.pr-tabs {
  display:inline-flex;
  gap:4px;
  padding:4px;
  border:1px solid var(--pr-border);
  border-radius:999px;
  background:var(--pr-band);
}
.pr-tab {
  display:inline-flex;
  min-width:118px;
  min-height:44px;
  align-items:center;
  justify-content:center;
  padding:0 20px;
  border-radius:999px;
  color:var(--pr-muted);
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  transition:color .15s ease;
}
.pr-tab:hover { color:var(--pr-navy); }
.pr-tab.is-active { background:#fff; color:var(--pr-navy); box-shadow:0 1px 4px rgba(15,23,42,.08); }
.pr-hero h1 {
  max-width:860px;
  margin:26px auto 0;
  color:var(--pr-navy);
  font-size:clamp(2.5rem,4.7vw,4.1rem);
  font-weight:750;
  letter-spacing:-.04em;
  line-height:1.05;
  text-wrap:balance;
}
.pr-hero-lead { max-width:660px; margin:22px auto 0; color:var(--pr-body); font-size:18px; line-height:1.7; text-wrap:pretty; }
.pr-facts {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px 28px;
  margin:26px 0 0;
  padding:0;
  list-style:none;
  color:var(--pr-body);
  font-size:14px;
  font-weight:500;
}
.pr-facts li { display:inline-flex; align-items:center; gap:8px; }
.pr-facts svg { width:16px; height:16px; flex:0 0 16px; fill:none; stroke:var(--pr-green); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }

/* ── Knapper ─────────────────────────────────────────────────────── */
.pr-button {
  display:inline-flex;
  min-height:52px;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 22px;
  border:1px solid var(--pr-navy);
  border-radius:10px;
  background:var(--pr-navy);
  color:#fff;
  font-size:15px;
  font-weight:650;
  line-height:1.3;
  text-align:center;
  text-decoration:none;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
.pr-button:hover { background:var(--pr-navy-hover); border-color:var(--pr-navy-hover); }
.pr-button.is-outline { background:#fff; color:var(--pr-navy); }
.pr-button.is-outline:hover { background:#F5F5F2; }
.pr-actions { display:flex; flex-wrap:wrap; gap:10px; }

/* ── Priskort ────────────────────────────────────────────────────── */
.pr-plans { padding:28px 0 96px; }
.pr-plans-heading { margin-bottom:32px; }
.pr-plans .pr-picker { margin:0 0 20px; }
.pr-plan-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:stretch; gap:16px; }
.pr-plan {
  position:relative;
  display:flex;
  min-width:0;
  flex-direction:column;
  padding:30px 28px 26px;
  border:1px solid var(--pr-border);
  border-radius:var(--pr-radius);
  background:var(--pr-card);
  box-shadow:var(--pr-shadow);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.pr-plan:hover { border-color:#D5D8DE; }
.pr-plan.is-featured { border-color:var(--pr-navy); box-shadow:var(--pr-shadow-strong); }
.pr-plan.is-featured:hover { border-color:var(--pr-navy); }
.pr-plan-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 12px; }
.pr-plan h3 { color:var(--pr-navy); font-size:22px; font-weight:700; letter-spacing:-.02em; line-height:1.2; }
.pr-plan-tag {
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border:1px solid rgba(27,42,74,.16);
  border-radius:6px;
  background:rgba(27,42,74,.05);
  color:var(--pr-navy);
  font-size:11px;
  font-weight:700;
  letter-spacing:.02em;
  line-height:1.2;
  white-space:nowrap;
}
.pr-plan-audience { min-height:92px; margin-top:12px; color:var(--pr-body); font-size:14.5px; line-height:1.6; text-wrap:pretty; }
.pr-plan-price { display:flex; align-items:baseline; gap:7px; margin-top:20px; color:var(--pr-navy); }
.pr-plan-from { color:var(--pr-muted); font-size:17px; font-weight:600; }
.pr-plan-amount { display:inline-block; font-size:46px; font-weight:650; letter-spacing:-.05em; line-height:1; }
.pr-plan-amount.is-updating { animation:pr-price-update .22s var(--pr-ease); }
@keyframes pr-price-update { from { opacity:.4; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
.pr-plan-unit { color:var(--pr-muted); font-size:15px; font-weight:500; }
.pr-plan-pending { display:inline-block; padding:13px 0; color:var(--pr-navy); font-size:20px; font-weight:650; letter-spacing:-.02em; line-height:1.2; }
.pr-plan-billing { margin-top:8px; color:var(--pr-muted); font-size:12.5px; }
.pr-plan-keys { display:grid; gap:12px; margin:22px 0 0; padding:22px 0 0; border-top:1px solid var(--pr-border); list-style:none; }
.pr-plan-keys li { display:flex; align-items:flex-start; gap:11px; color:var(--pr-text); font-size:14.5px; font-weight:550; line-height:1.5; }
.pr-key-icon { display:grid; width:22px; height:22px; flex:0 0 22px; place-items:center; margin-top:1px; }
.pr-key-icon svg { width:18px; height:18px; fill:none; stroke:var(--pr-navy); stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.pr-plan-actions { display:grid; gap:10px; margin-top:auto; padding-top:24px; }
.pr-plan-actions.has-two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.pr-plan-foot { margin-top:12px; color:var(--pr-muted); font-size:12.5px; line-height:1.5; text-align:center; }

/* Tilvalg af Synbar Monitor på Starter. Opdaterer kun prisvisningen. */
.pr-addon {
  margin-top:18px;
  padding:12px 14px 14px;
  border:1px solid var(--pr-border);
  border-radius:12px;
  background:var(--pr-bg);
  transition:border-color .18s ease,background-color .18s ease;
}
.pr-plan.has-addon .pr-addon { border-color:rgba(27,42,74,.35); background:#fff; }
.pr-addon-control { position:relative; display:flex; min-height:44px; align-items:center; gap:12px; cursor:pointer; }
.pr-addon-control input { position:absolute; width:1px; height:1px; margin:0; opacity:0; pointer-events:none; }
.pr-switch { position:relative; width:42px; height:24px; flex:0 0 42px; border-radius:999px; background:#CBD5E1; transition:background-color .18s ease; }
.pr-switch::after {
  content:'';
  position:absolute;
  top:3px;
  left:3px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 3px rgba(15,23,42,.28);
  transition:transform .18s var(--pr-ease);
}
.pr-addon-control input:checked + .pr-switch { background:var(--pr-navy); }
.pr-addon-control input:checked + .pr-switch::after { transform:translateX(18px); }
.pr-addon-control input:focus-visible + .pr-switch { outline:3px solid rgba(27,42,74,.4); outline-offset:3px; }
.pr-addon-text { display:flex; flex-direction:column; gap:2px; font-size:14px; line-height:1.35; }
.pr-addon-text strong { font-weight:650; }
.pr-addon-text span { color:var(--pr-muted); font-size:12.5px; }
.pr-addon-sum { margin-top:8px; color:var(--pr-muted); font-size:12.5px; line-height:1.55; }
.pr-addon-sum strong { color:var(--pr-navy); font-weight:650; }

/* Fælles indhold og vilkår under kortene */
.pr-included {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:20px 32px;
  margin-top:32px;
  padding:20px 28px;
  border:1px solid var(--pr-border);
  border-radius:14px;
  background:#fff;
}
.pr-included-title { color:var(--pr-navy); font-size:13px; font-weight:700; letter-spacing:.02em; white-space:nowrap; }
.pr-included ul { display:flex; flex-wrap:wrap; gap:10px 28px; margin:0; padding:0; list-style:none; }
.pr-included li { display:inline-flex; align-items:center; gap:8px; color:var(--pr-body); font-size:14px; }
.pr-included svg,
.pr-check svg { width:16px; height:16px; flex:0 0 16px; fill:none; stroke:var(--pr-green); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.pr-terms { max-width:760px; margin:22px auto 0; color:var(--pr-muted); font-size:13px; line-height:1.65; text-align:center; }
.pr-terms a { color:var(--pr-navy); text-underline-offset:3px; }
.pr-noscript { max-width:760px; margin:20px auto 0; padding:16px 20px; border:1px solid var(--pr-border); border-radius:12px; background:#fff; font-size:14px; line-height:1.6; }

/* ── Sektioner ───────────────────────────────────────────────────── */
.pr-section { padding:96px 0; }
.pr-section--band { border-top:1px solid var(--pr-border); border-bottom:1px solid var(--pr-border); }
.pr-section--tight { padding-top:72px; }
.brand-pricing .pr-section--tight { padding-bottom:110px; }
.pr-split { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:64px; }
.pr-split > * { min-width:0; }
.pr-split--reverse { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); }
.pr-split--reverse .pr-heading { order:2; }

/* ── Modelvælger ─────────────────────────────────────────────────── */
.pr-picker {
  margin-top:44px;
  overflow:hidden;
  border:1px solid var(--pr-border);
  border-radius:var(--pr-radius);
  background:#fff;
  box-shadow:var(--pr-shadow);
}
.pr-picker-head {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px 24px;
  padding:20px 24px;
  border-bottom:1px solid var(--pr-border);
}
.pr-picker-title { display:block; font-size:14px; font-weight:650; letter-spacing:-.01em; }
.pr-picker-meta { display:block; margin-top:3px; color:var(--pr-muted); font-size:12.5px; }
.pr-segment { display:inline-flex; gap:4px; padding:4px; border:1px solid var(--pr-border); border-radius:10px; background:var(--pr-bg); }
.pr-segment button {
  min-height:44px;
  padding:0 16px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:var(--pr-muted);
  font-size:13px;
  font-weight:600;
  transition:background-color .15s ease,color .15s ease;
}
.pr-segment button:hover { color:var(--pr-navy); }
.pr-segment button[aria-pressed="true"] { background:var(--pr-navy); color:#fff; }
.pr-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:24px; }
.pr-choice {
  position:relative;
  display:flex;
  min-height:66px;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border:1px solid var(--pr-border);
  border-radius:12px;
  background:#fff;
  color:var(--pr-text);
  text-align:left;
  transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease,opacity .15s ease;
}
.pr-choice:hover { border-color:#C7CBD3; }
.pr-choice[aria-pressed="true"] { border-color:var(--pr-navy); background:rgba(27,42,74,.035); box-shadow:inset 0 0 0 1px var(--pr-navy); }
.pr-choice.is-locked { opacity:.48; cursor:not-allowed; }
.pr-choice.is-locked:hover { border-color:var(--pr-border); }
.pr-choice-text,
.pr-chip-text { display:flex; min-width:0; flex:1; flex-direction:column; gap:2px; }
.pr-choice-name,
.pr-chip-name { font-size:14px; font-weight:600; line-height:1.3; }
.pr-choice-vendor,
.pr-chip-vendor { color:var(--pr-muted); font-size:12px; line-height:1.3; }
.pr-choice-check {
  display:grid;
  width:22px;
  height:22px;
  flex:0 0 22px;
  place-items:center;
  border:1px solid #D1D5DB;
  border-radius:50%;
  background:#fff;
  color:#fff;
  transition:background-color .15s ease,border-color .15s ease;
}
.pr-choice-check svg { width:12px; height:12px; fill:none; stroke:currentColor; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
.pr-choice[aria-pressed="true"] .pr-choice-check { border-color:var(--pr-navy); background:var(--pr-navy); }
.pr-mark { position:relative; width:38px; height:38px; flex:0 0 38px; border-radius:10px; background:var(--pr-band); }
.pr-mark.pr-mark--letter { display:grid; place-items:center; color:var(--pr-navy); font-size:16px; font-weight:700; }
.pr-mark.pr-mark--letter::after { content:none; }
.pr-mark.pr-mark--image { overflow:hidden; background:transparent; }
.pr-mark.pr-mark--image::after { content:none; }
.pr-mark--image img { display:block; width:100%; height:100%; border-radius:inherit; object-fit:cover; }
.pr-mark::after {
  content:'';
  position:absolute;
  inset:0;
  background:var(--pr-navy);
  -webkit-mask:var(--mark) center / var(--mark-size,70%) no-repeat;
  mask:var(--mark) center / var(--mark-size,70%) no-repeat;
}
.pr-addons { border-top:1px solid var(--pr-border); }
.pr-addons-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 24px; padding:18px 24px 0; }
.pr-addons-head .pr-picker-title { display:inline-flex; align-items:center; gap:8px; }
.pr-addons-link { display:inline-flex; min-height:44px; align-items:center; color:var(--pr-navy); font-size:13.5px; font-weight:650; text-decoration:underline; text-underline-offset:3px; }
.pr-choices--addons { grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; padding-top:14px; list-style:none; }
.pr-choice-tag { flex:0 0 auto; padding:3px 6px; border:1px solid rgba(138,85,25,.3); border-radius:6px; background:#fff8ed; color:var(--pr-amber); font-size:10px; font-weight:700; letter-spacing:.06em; line-height:1.2; text-transform:uppercase; }
.pr-choice--static { cursor:default; }
.pr-choice--static:hover { border-color:var(--pr-border); }
.pr-choice--soon { opacity:.55; cursor:default; }
.pr-choice--soon:hover { border-color:var(--pr-border); }
.pr-choice--soon .pr-soon { flex:0 0 auto; margin:0; }
.pr-picker-foot {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:8px 24px;
  padding:16px 24px;
  border-top:1px solid var(--pr-border);
  background:var(--pr-bg);
}
.pr-picker-status { color:var(--pr-navy); font-size:13.5px; font-weight:650; }
.pr-picker-help { flex:1 1 260px; min-height:18px; color:var(--pr-amber); font-size:12.5px; font-weight:600; line-height:1.4; opacity:0; transition:opacity .15s ease; }
.pr-picker-help.is-visible { opacity:1; }
.pr-chip {
  display:inline-flex;
  min-height:60px;
  align-items:center;
  gap:12px;
  padding:10px 14px;
  border:1px solid var(--pr-border);
  border-radius:12px;
  background:#fff;
  color:var(--pr-text);
}
.pr-chip-tag {
  align-self:center;
  padding:4px 7px;
  border:1px solid rgba(138,85,25,.3);
  border-radius:6px;
  background:#fff8ed;
  color:var(--pr-amber);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.06em;
  line-height:1.2;
  text-transform:uppercase;
}
.pr-chip-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0; padding:24px; list-style:none; }
.pr-chip-list .pr-chip { display:flex; min-height:66px; }

/* ── Synbar Monitor ──────────────────────────────────────────────── */
.pr-status-list { display:grid; margin-top:26px; overflow:hidden; border:1px solid var(--pr-border); border-radius:12px; background:#fff; }
.pr-status-list div { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 16px; border-top:1px solid var(--pr-border); font-size:13.5px; }
.pr-status-list div:first-child { border-top:0; }
.pr-status-list dt { color:var(--pr-body); }
.pr-status-list dd { color:var(--pr-navy); font-weight:600; text-align:right; }
.pr-textlink { display:inline-flex; min-height:44px; align-items:center; gap:6px; margin-top:12px; color:var(--pr-navy); font-size:14px; font-weight:650; text-decoration:none; text-underline-offset:3px; }
.pr-textlink:hover { text-decoration:underline; }
.pr-monitor-demo .ps-uptime-status { padding:26px 26px 22px; }
.pr-monitor-demo .ps-timeline { padding:22px 26px; }
.pr-monitor-demo .ps-incident { margin:0 26px 26px; }

/* ── Sammenligning ───────────────────────────────────────────────── */
.pr-table-wrap { margin-top:40px; overflow:hidden; border:1px solid var(--pr-border); border-radius:var(--pr-radius); background:#fff; box-shadow:var(--pr-shadow); }
.pr-table { width:100%; border-collapse:separate; border-spacing:0; font-size:14px; }
.pr-table th,
.pr-table td { height:56px; padding:12px 22px; border-bottom:1px solid var(--pr-border); text-align:center; vertical-align:middle; }
.pr-table thead th { background:#fff; color:var(--pr-navy); font-size:15px; font-weight:650; box-shadow:0 1px 0 var(--pr-border); }
.pr-table thead th:first-child,
.pr-table tbody th { width:34%; text-align:left; }
.pr-table tbody th { color:var(--pr-body); font-weight:500; }
.pr-table tbody td { color:var(--pr-text); font-weight:500; }
.pr-table tbody tr:last-child th,
.pr-table tbody tr:last-child td { border-bottom:0; }
.pr-table .pr-table-group th {
  height:40px;
  padding-top:9px;
  padding-bottom:9px;
  background:#F6F6F3;
  color:var(--pr-navy);
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.pr-check { display:inline-flex; align-items:center; justify-content:center; }
.pr-dash { color:#9AA0A8; }
.pr-compare-mobile { display:none; }

/* ── Tal med os (mørk sektion før FAQ) ───────────────────────────── */
.pr-talk { padding:96px 0; color:var(--pr-text); }
.pr-talk-head { max-width:720px; margin:0 auto; text-align:center; }
.pr-talk h2 { color:var(--pr-navy); font-size:clamp(2rem,3.6vw,2.9rem); font-weight:730; letter-spacing:-.035em; line-height:1.1; text-wrap:balance; }
.pr-talk-head p { margin-top:18px; color:var(--pr-body); font-size:17px; line-height:1.7; text-wrap:pretty; }
.pr-talk-card {
  width:min(100%,760px);
  margin:44px auto 0;
  overflow:hidden;
  border:1px solid var(--pr-border);
  border-radius:var(--pr-radius);
  background:#fff;
  color:var(--pr-text);
  box-shadow:var(--pr-shadow-strong);
}
.pr-talk-card-title { padding:22px 28px; border-bottom:1px solid var(--pr-border); color:var(--pr-navy); font-size:17px; font-weight:700; letter-spacing:-.015em; }
.pr-talk-fields { display:grid; gap:20px; padding:24px 28px; background:var(--pr-bg); }
.pr-talk-field { display:grid; gap:8px; }
.pr-talk-field label { color:var(--pr-text); font-size:14px; font-weight:600; }
.pr-talk-field select {
  width:100%;
  min-height:52px;
  padding:0 44px 0 14px;
  border:1px solid #D9DDE3;
  border-radius:10px;
  background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 fill=%27none%27 stroke=%27%231B2A4A%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m6 8 4 4 4-4%27/%3E%3C/svg%3E");
  background-position:right 14px center;
  background-repeat:no-repeat;
  background-size:18px;
  color:var(--pr-text);
  font-size:15px;
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.pr-talk-field select:hover { border-color:#B9BFC9; }
.pr-talk-field select:focus-visible { border-color:var(--pr-navy); outline:3px solid rgba(27,42,74,.25); outline-offset:2px; }
.pr-talk-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px 24px; padding:18px 28px 22px; border-top:1px solid var(--pr-border); }
.pr-talk-note { flex:1 1 320px; color:var(--pr-muted); font-size:13px; line-height:1.55; }
.pr-talk-actions .pr-button { min-width:150px; }

/* ── FAQ ─────────────────────────────────────────────────────────── */
.pr-faq { max-width:820px; margin:40px auto 0; border-top:1px solid var(--pr-border); }
.pr-faq-item { border-bottom:1px solid var(--pr-border); }
.pr-faq-item h3 { margin:0; }
.pr-faq-item button {
  display:flex;
  width:100%;
  min-height:72px;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:18px 2px;
  border:0;
  background:transparent;
  color:var(--pr-navy);
  font-size:16px;
  font-weight:650;
  line-height:1.5;
  text-align:left;
}
.pr-faq-item button svg { width:18px; height:18px; flex:0 0 18px; fill:none; stroke:var(--pr-muted); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:transform .18s ease; }
.pr-faq-item.is-open button svg { transform:rotate(180deg); }
.pr-faq-panel { padding:0 40px 22px 2px; }
.pr-faq-panel p { color:var(--pr-body); font-size:15px; line-height:1.75; }
.pr-faq-panel a { color:var(--pr-navy); font-weight:600; text-underline-offset:3px; }

/* ── Afslutning ──────────────────────────────────────────────────── */
.pr-closing { padding:0 0 96px; }
.pr-closing-inner {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:24px 40px;
  padding:40px 44px;
  border:1px solid var(--pr-border);
  border-radius:var(--pr-radius);
  background:var(--pr-band);
}
.pr-closing-inner > div { max-width:620px; }
.pr-closing h2 { color:var(--pr-navy); font-size:28px; font-weight:730; letter-spacing:-.03em; line-height:1.2; text-wrap:balance; }
.pr-closing p { margin-top:12px; color:var(--pr-body); font-size:15px; line-height:1.7; }

/* ── Responsivt ──────────────────────────────────────────────────── */
@media (max-width:1100px) {
  .pr-split,
  .pr-split--reverse { gap:40px; }
}
@media (max-width:1100px) {
  .pr-choices--addons { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pr-plan-grid { max-width:760px; margin-inline:auto; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  .pr-plan-audience { min-height:0; }
}
@media (max-width:960px) {
  .pr-split,
  .pr-split--reverse { max-width:720px; margin-inline:auto; grid-template-columns:1fr; gap:36px; }
  .pr-split--reverse .pr-heading { order:0; }
  .pr-choices,
  .pr-chip-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pr-included { grid-template-columns:1fr; gap:12px; }
  .pr-section { padding:72px 0; }
}
@media (max-width:700px) {
  .pr-shell { width:calc(100% - 36px); }
  .pr-hero { padding:48px 0 32px; }
  /* Tre faner (Brands, Bureauer, Optimering) skal kunne stå på én linje. */
  .pr-tabs { display:flex; width:100%; max-width:380px; margin-inline:auto; }
  .pr-tab { min-width:0; flex:1; padding:0 10px; font-size:13.5px; }
  .pr-hero h1 { margin-top:22px; font-size:clamp(2.2rem,9vw,2.7rem); letter-spacing:-.045em; line-height:1.08; }
  .pr-hero-lead { margin-top:18px; font-size:16px; }
  .pr-facts { gap:8px 18px; font-size:13px; }
  .pr-plan-grid { max-width:560px; grid-template-columns:1fr; gap:18px; }
  .pr-plan { padding:24px 20px 22px; }
  .pr-plan-amount { font-size:44px; }
  .pr-plan-actions.has-two { grid-template-columns:1fr; }
  .pr-included { padding:18px; }
  .pr-section { padding:60px 0; }
  .pr-plans { padding:16px 0 60px; }
  .pr-plans-heading { margin-bottom:22px; }
  .pr-picker { margin-top:30px; }
  .pr-plans .pr-picker { margin-bottom:14px; }
  .pr-picker-head,
  .pr-picker-foot { padding:16px; }
  .pr-addons-head { padding:14px 14px 0; }
  .pr-chip-list { grid-template-columns:1fr; gap:10px; padding:16px; }
  .pr-choices { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:14px; }
  .pr-choices--addons { grid-template-columns:1fr; }
  .pr-choice { min-height:58px; padding:10px; gap:9px; }
  .pr-choice .pr-mark { width:32px; height:32px; flex-basis:32px; }
  .pr-choice-name { font-size:13px; }
  .pr-choice-vendor { font-size:11px; }
  .pr-choice-check { width:20px; height:20px; flex-basis:20px; }
  .pr-table-wrap { display:none; }
  .pr-compare-mobile { display:grid; gap:14px; margin-top:30px; }
  .pr-compare-card { overflow:hidden; border:1px solid var(--pr-border); border-radius:14px; background:#fff; }
  .pr-compare-card > h3 { padding:18px; border-bottom:1px solid var(--pr-border); color:var(--pr-navy); font-size:19px; font-weight:650; }
  .pr-compare-card h4 { padding:9px 18px; background:#F6F6F3; color:var(--pr-navy); font-size:10.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
  .pr-compare-card dl div { display:flex; min-height:50px; align-items:center; justify-content:space-between; gap:16px; padding:10px 18px; border-top:1px solid var(--pr-border); }
  .pr-compare-card dl div:first-child { border-top:0; }
  .pr-compare-card dt { color:var(--pr-body); font-size:13.5px; }
  .pr-compare-card dd { color:var(--pr-text); font-size:13.5px; font-weight:600; text-align:right; }
  .pr-talk { padding:60px 0; }
  .pr-talk-head p { font-size:15.5px; }
  .pr-talk-card { margin-top:28px; }
  .pr-talk-card-title,
  .pr-talk-fields,
  .pr-talk-actions { padding-inline:18px; }
  .pr-talk-actions { flex-direction:column; align-items:stretch; }
  .pr-talk-note { flex:0 0 auto; }
  .pr-talk-actions .pr-button { width:100%; }
  .pr-faq { margin-top:28px; }
  .pr-faq-item button { min-height:64px; font-size:15px; }
  .pr-faq-panel { padding-right:24px; }
  .pr-closing { padding-bottom:60px; }
  .pr-closing-inner { padding:26px 22px; }
  .pr-closing h2 { font-size:24px; }
  .pr-actions { width:100%; }
  .pr-actions .pr-button { flex:1 1 100%; }
}
@media (max-width:360px) {
  .pr-shell { width:calc(100% - 28px); }
  .pr-choices { grid-template-columns:1fr; }
  .pr-plan-amount { font-size:40px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .pricing-page *,
  .pricing-page *::before,
  .pricing-page *::after { transition:none !important; animation:none !important; }
}