/* FAKTIVE prissiden 2026 (priser.html).
   Priskortene (#priser), spørgsmålene (#faq) og kontakten (#demo) er de samme som på
   forsiden og styles af sektion11/10/12-2026.css. Her står kun toppen og tilkøbet.

   Siden er skåret ned til det, der hjælper med at forstå prisen:
     priskort med sidens overskrift (creme, helt op bag menuen) · tilkøb: moduler og Engine (aubergine) ·
     spørgsmål (lys) · kontakt (aubergine)
   Taget ud, fordi det gentog kortene eller hører hjemme på andre sider: en prisoversigt
   i toppen, en sammenligning med samme flueben i alle pakker, trinene "sådan får I prisen",
   måleren med 9 af 28 kontroller (engine.html) og spørgsmål, sektionerne allerede besvarer. */

:root{
  --pr-aub:#3C2A44;
  --pr-kobber:#E45724; --pr-kobber-tekst:#B23F14; --pr-kobber-lys:#F08A5D;
  --pr-streg-lys:rgba(242,231,220,.16);
}

/* ---------- toppen: priskortene er sidens top ----------
   Cremen fra priskortene går helt op bag menuen, som over forsidens hero: bjælken bliver
   gennemsigtig med mørk skrift, og sektionen trækkes op under den. */
nav:has(+ #priser)::before{background:none}
nav:has(+ #priser):not(.is-scrolled):not(.open){
  --nav-ink:#3C2A44;
  --nav-link:#5C4F48;
  --nav-link-hover:#3C2A44;
}
nav + #priser{
  margin-top:calc(-1 * var(--nav-h));
  padding-top:calc(var(--nav-h) + clamp(56px,7vw,100px));
}
/* striberne tones ikke ud i toppen her; der er ingen sektion over at skære imod */
nav + #priser .s11-bg{
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 86%,transparent 100%);
          mask-image:linear-gradient(180deg,#000 0,#000 86%,transparent 100%)}
#priser.s11-klar h1.big{font-size:clamp(40px,4.8vw,72px) !important;line-height:1.04 !important;color:#3C2A44}
#priser .s11-lede{max-width:34em;margin-left:auto;margin-right:auto}

/* ---------- tilkøb ---------- */
.pr-tilkob{background:var(--pr-aub);color:#EADDD2;padding:clamp(88px,10vw,140px) 0;position:relative;overflow:clip;isolation:isolate}
/* én meget langsom lysflade i aubergine, som de andre mørke sektioner */
.pr-tilkob::before{
  content:"";position:absolute;inset:-20% -10%;z-index:-1;pointer-events:none;
  background:radial-gradient(38% 50% at 75% 30%,rgba(90,64,102,.55),rgba(90,64,102,0) 70%);
  animation:pr-drift 44s ease-in-out infinite alternate}
@keyframes pr-drift{to{transform:translate3d(-28%,10%,0)}}
.pr-hoved{max-width:760px;margin-bottom:clamp(40px,5vw,60px)}
.pr-tilkob .eyeline{color:var(--pr-kobber-lys) !important}
.pr-tilkob h2.big{color:#fff;text-wrap:balance}

.pr-tilkob-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);border-top:1px solid rgba(242,231,220,.35)}
.pr-blok{padding-top:30px}
.pr-eng.sr{transition-delay:.12s}
/* spalternes små overskrifter i husets brede skrift, som NIS2, ISO 27001 og NIST CSF under dem
   (den globale h3-regel sætter normal bredde med !important, derfor #tilkob foran) */
#tilkob h3.pr-lille{
  font-family:var(--font-display) !important;font-stretch:125% !important;font-weight:500 !important;
  font-size:12px;line-height:1.4 !important;letter-spacing:.14em !important;text-transform:uppercase;color:#BCA394;margin:0 0 8px}

.pr-mod-liste{margin:0}
.pr-mod-liste > div{padding:18px 0;border-bottom:1px solid var(--pr-streg-lys)}
.pr-mod-liste dt{font-family:var(--font-display);font-stretch:125%;font-weight:500;font-size:24px;line-height:1.2;color:#fff;margin-bottom:6px}
.pr-mod-liste dd{margin:0;font-size:16px;line-height:1.5;color:#D7B7A3}

.pr-eng-pris{font-family:var(--font-display);font-stretch:125%;font-weight:500;font-size:clamp(30px,3vw,40px);line-height:1.1;color:#fff;margin:12px 0 10px}
.pr-eng-pris span{font-size:.5em;color:#BCA394;font-weight:400}
.pr-eng-hvordan{font-size:16px;line-height:1.5;color:#D7B7A3;margin:0 0 10px}
.pr-eng ul{list-style:none;margin:0;padding:0}
.pr-eng li{position:relative;padding:11px 0 11px 22px;border-bottom:1px solid var(--pr-streg-lys);font-size:15.5px;line-height:1.45;color:#EADDD2}
.pr-eng li::before{content:"";position:absolute;left:0;top:19px;width:10px;height:1px;background:var(--pr-kobber-lys)}

.pr-note{margin:22px 0 0;font-size:14.5px;line-height:1.55;color:#A58E81}
.pr-note a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(242,231,220,.3);white-space:nowrap}
.pr-note a:hover{border-color:#fff}
.pr-eng-knap{display:flex;gap:24px;align-items:center;margin-top:28px;flex-wrap:wrap}
.pr-tel{color:#fff;text-decoration:none;font-family:var(--font-display);font-stretch:125%;font-weight:500;font-size:20px;border-bottom:1px solid rgba(242,231,220,.3);padding-bottom:2px}
.pr-tel:hover{border-color:#fff}

@media (max-width:900px){
  .pr-tilkob-grid{grid-template-columns:1fr;gap:24px}
}
@media (prefers-reduced-motion:reduce){
  .pr-tilkob::before{animation:none}
}

/* hvad regelsættet er, lidt lysere end hvem det er til */
.pr-mod-liste dd span{color:#EADDD2}