/* CVR Pilot site stylesheet (redesign 2026-10). Shared by every page on cvrpilot.dk except the two front
   pages, which inline the same tokens. Fonts are self-hosted (GDPR: no Google Fonts request). */
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:400 700;font-display:swap;src:url(/schibsted-grotesk.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;src:url(/newsreader-italic.woff2) format("woff2")}
@font-face{font-family:"Martian Mono";font-style:normal;font-weight:400 500;font-display:swap;src:url(/martian-mono.woff2) format("woff2")}
:root{
  --bg:#fbfaf7; --cell:#ffffff; --well:#f2f0eb; --ink:#0f1216; --ink-2:#6a665f; --ink-3:#6f6b64; --rule:#e6e2db; --rule-2:#d9d4cc;
  --gold:#ffb81c; --gold-ink:#0f1216; --gold-t:#0f1216; --gold-soft:#fff3d6;
  --ok:#11734a; --ok-bg:#e3f6ea; --bad:#b42318; --bad-bg:#fdecea; --blue:#2350be; --blue-bg:#e8efff; --violet:#6b4fd8; --violet-bg:#efebff;
  --shadow:0 1px 2px rgba(15,18,22,.06),0 8px 24px -8px rgba(15,18,22,.12),0 32px 64px -24px rgba(15,18,22,.18);
  --f:"Schibsted Grotesk",-apple-system,"Helvetica Neue",Arial,sans-serif;
  --serif:"Newsreader",Georgia,serif; --mono:"Martian Mono",ui-monospace,Menlo,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0f0e0d;--cell:#161513;--well:#1c1a17;--ink:#f3efe8;--ink-2:#aaa49b;--ink-3:#958f88;--rule:#2a2724;--rule-2:#36322e;--gold-t:#ffc23d;--gold-soft:rgba(255,255,255,.08);--ok:#5fd393;--ok-bg:#12291c;--bad:#f58a7f;--bad-bg:#3b1915;--blue:#8db0f7;--blue-bg:#16244a;--violet:#b3a1ff;--violet-bg:#241d47;--shadow:0 0 0 1px rgba(255,255,255,.06),0 32px 64px -24px rgba(0,0,0,.7);color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0f0e0d;--cell:#161513;--well:#1c1a17;--ink:#f3efe8;--ink-2:#aaa49b;--ink-3:#958f88;--rule:#2a2724;--rule-2:#36322e;--gold-t:#ffc23d;--gold-soft:rgba(255,255,255,.08);--ok:#5fd393;--ok-bg:#12291c;--bad:#f58a7f;--bad-bg:#3b1915;--blue:#8db0f7;--blue-bg:#16244a;--violet:#b3a1ff;--violet-bg:#241d47;--shadow:0 0 0 1px rgba(255,255,255,.06),0 32px 64px -24px rgba(0,0,0,.7);color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--f);-webkit-font-smoothing:antialiased}
a{color:inherit}
.frame{max-width:1280px;margin:0 auto;border-inline:1px solid var(--rule);background:var(--bg)}
.mono{font-family:var(--mono);font-size:.78em;letter-spacing:-.01em}
.btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:9px;font:600 15px/1 var(--f);text-decoration:none;border:1px solid var(--rule-2);background:var(--cell);color:var(--ink);cursor:pointer;transition:background-color .12s,border-color .12s}
.btn:hover{border-color:var(--ink-3)}
.btn.p{background:var(--ink);color:var(--bg);border-color:transparent}
.btn.g{background:var(--gold);color:var(--gold-ink);border-color:transparent}
.btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.logo{display:flex;align-items:center;gap:9px;font:700 18px/1 var(--f);letter-spacing:-.02em;text-decoration:none}
.logo img{width:28px;height:28px;border-radius:7px}
.ftr{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px;padding:56px 56px 32px;font-size:14px}
.ftr h5{margin:0 0 12px;font-size:13px;color:var(--ink-3);font-weight:500}
.ftr a{display:block;text-decoration:none;color:var(--ink-2);margin:7px 0}
.legal{padding:20px 56px 72px;border-top:1px solid var(--rule);font-size:13px;color:var(--ink-3)}
.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:5px;font-size:12px;font-weight:500;white-space:nowrap}
.pill.ok{background:var(--ok-bg);color:var(--ok)}
.pill.bad{background:var(--bad-bg);color:var(--bad)}
.card{background:var(--cell);border:1px solid var(--rule-2);border-radius:12px;box-shadow:var(--shadow)}
.shead{padding:64px 56px 28px;border-bottom:1px solid var(--rule)}
.shead h2{margin:0;font:600 clamp(30px,3.4vw,46px)/1.05 var(--f);letter-spacing:-.035em;max-width:22ch}
.shead p{margin:12px 0 0;color:var(--ink-2);max-width:56ch}
.price{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--rule)}
.price>div{padding:40px 40px 44px}
.price>div+div{border-left:1px solid var(--rule)}
.price .feat2{background:var(--well)}
.price h3{margin:0;font-size:18px}
.price .amt{margin:18px 0 4px;font:600 46px/1 var(--f);letter-spacing:-.035em;font-variant-numeric:normal}
.price small{color:var(--ink-3)}
.price ul{margin:20px 0 26px;padding:0;list-style:none;display:grid;gap:9px;color:var(--ink-2);font-size:15px}
.price li::before{content:"✓";color:var(--ok);font-weight:700;margin-right:10px}
.toggle{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--rule-2);border-radius:9px;background:var(--cell);margin-top:18px}
.toggle button{border:0;background:none;height:30px;padding:0 12px;border-radius:6px;font:500 13.5px var(--f);color:var(--ink-2);cursor:pointer}
.toggle button.on{background:var(--well);color:var(--ink);font-weight:600}
.faq{display:grid;grid-template-columns:320px minmax(0,1fr);border-bottom:1px solid var(--rule)}
.faq>div{padding:48px 56px}
.faq>div+div{border-left:1px solid var(--rule)}
.faq details{border-bottom:1px solid var(--rule);padding:16px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:16.5px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";color:var(--ink-3);font-weight:400}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:10px 0 0;color:var(--ink-2);max-width:68ch}
.pnote{padding:18px 40px;border-bottom:1px solid var(--rule);color:var(--ink-3);font-size:13.5px}
.cells{display:grid;border-bottom:1px solid var(--rule)}
.cells>*{padding:32px 36px;border-right:1px solid var(--rule);border-top:1px solid var(--rule);min-width:0}
.cells h4{margin:12px 0 6px;font-size:17px;font-weight:600;letter-spacing:-.01em}
.cells p{margin:0;color:var(--ink-2);font-size:14.5px;line-height:1.5}
.muted{color:var(--ink-2)}
/* ---- article / document pages ---- */
.page-h{padding:72px 56px 36px;border-bottom:1px solid var(--rule)}
.crumb{font-size:13.5px;color:var(--ink-3);margin-bottom:14px} .crumb a{color:inherit}
.page-h h1{margin:0;font:600 clamp(34px,4.4vw,56px)/1.03 var(--f);letter-spacing:-.04em;max-width:20ch;text-wrap:balance}
.page-h .lede{margin:16px 0 0;font-size:clamp(17px,1.5vw,19px);color:var(--ink-2);max-width:60ch}
.page-h .meta{margin-top:14px;font-size:13px;color:var(--ink-3)}
.doc{display:grid;grid-template-columns:240px minmax(0,1fr);border-bottom:1px solid var(--rule)}
.doc>aside{border-right:1px solid var(--rule);padding:40px 24px 40px 56px;font-size:14px}
.doc>aside .toc{position:sticky;top:88px;display:grid;gap:8px}
.doc>aside a{color:var(--ink-2);text-decoration:none} .doc>aside a:hover{color:var(--ink)}
.prose{padding:40px 56px 72px;max-width:780px;font-size:16.5px;line-height:1.65;color:var(--ink);min-width:0}
.prose h2{font:600 26px/1.2 var(--f);letter-spacing:-.02em;margin:44px 0 12px;scroll-margin-top:90px}
.prose h2:first-child{margin-top:0}
.prose h3{font:600 19px/1.3 var(--f);letter-spacing:-.01em;margin:30px 0 8px}
.prose p,.prose ul,.prose ol{margin:0 0 16px} .prose li{margin:6px 0}
.prose a{color:var(--ink);text-decoration-color:var(--gold);text-underline-offset:3px}
.prose table{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:15px}
.prose th{text-align:left;font-weight:500;color:var(--ink-3);font-size:13px;border-bottom:1px solid var(--rule);padding:8px 10px 8px 0}
.prose td{border-bottom:1px solid var(--rule);padding:10px 10px 10px 0;vertical-align:top}
.prose blockquote{margin:18px 0;padding:2px 0 2px 18px;border-left:2px solid var(--gold);font:italic 400 18px/1.5 var(--serif);color:var(--ink)}
.prose code{font-family:var(--mono);font-size:.85em;background:var(--well);padding:1px 5px;border-radius:4px}
.tablewrap{overflow-x:auto}
.callout{background:var(--well);border:1px solid var(--rule);border-radius:12px;padding:18px 20px;margin:20px 0}
.ctaband{display:flex;gap:16px 24px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:40px 56px;border-bottom:1px solid var(--rule);background:var(--well)}
.ctaband h3{margin:0;font:600 24px/1.2 var(--f);letter-spacing:-.02em}
@media (max-width:900px){.page-h{padding:44px 16px 28px} .doc{grid-template-columns:1fr} .doc>aside{display:none} .prose{padding:28px 16px 56px}
 .ctaband{padding:28px 16px} .ftr{grid-template-columns:1fr 1fr;padding:40px 16px 24px} .legal{padding:20px 16px 72px}
 .price{grid-template-columns:1fr!important} .price>div+div{border-left:0;border-top:1px solid var(--rule)} .faq{grid-template-columns:1fr} .faq>div{padding:32px 16px} .faq>div+div{border-left:0;border-top:1px solid var(--rule)} .shead{padding:40px 16px 22px} .cells{grid-template-columns:1fr!important} .cells>*{border-right:0!important;padding:24px 16px}}
/* new logo (Hjørnet): dark tile on dark backgrounds */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo img{content:url(/logo-mark-dark.png)}}:root[data-theme="dark"] .logo img{content:url(/logo-mark-dark.png)}
/* ---- mobile polish (2026-10-08): footer logo, FAQ tap rows, phone menu, 44px targets ---- */
.ftr a.logo{display:inline-flex;color:var(--ink)} .ftr a.btn{display:inline-flex;white-space:nowrap}
.faq details{padding:0} .faq summary{padding:16px 0} .faq details p:last-child{margin-bottom:16px} .faq summary+p{margin-top:-6px}
[id]{scroll-margin-top:72px}
.legal .mono{font-size:12px}
@media (max-width:900px){
 .btn{height:44px}
 .ftr a.logo{min-height:44px}
 .ftr a{margin:0;padding:11px 0;line-height:22px} .ftr a.logo{padding:0} .ftr a.btn{padding:0 16px;margin-top:4px}
 .crumb a{display:inline-block;padding:12px 0;margin:-12px 0}
 .toggle button{height:44px} .toggle{padding:2px}
}
@media (max-width:600px){
 .ftr{grid-template-columns:1fr 1fr;gap:24px 16px} .ftr>div:first-child{grid-column:1/-1}
 .ftr a.logo{margin:-8px 0 4px}
 .legal,.pnote{font-size:14px}
}
/* ---- header B (2026-10-13): sticky bar, Produkt mega-menu + Brancher grid, tables.so-inspired ---- */
nav.hb{--navh:60px;position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--bg);border-bottom:1px solid transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background-color .25s,border-color .25s}
nav.hb.sc,html:not(.navjs) nav.hb{background:color-mix(in srgb,var(--bg) 84%,transparent);border-bottom-color:var(--rule);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px)}
nav.hb .in{max-width:1280px;margin:0 auto;height:var(--navh);display:flex;align-items:center;gap:0;padding-inline:24px}
nav.hb .logo{margin-right:28px;border-radius:8px;color:var(--ink)}
nav.hb .logo:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
nav.hb .links{display:flex;align-items:center;gap:2px;font-size:14.5px;color:var(--ink)}
nav.hb .links>a,nav.hb .dt{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 11px;border:0;border-radius:8px;background:none;font:500 14.5px/1 var(--f);letter-spacing:-.005em;color:var(--ink);text-decoration:none;cursor:pointer;transition:background-color .12s}
nav.hb .links>a:hover,nav.hb .dt:hover,nav.hb .dd.open>.dt{background:var(--well)}
nav.hb .links>a:focus-visible,nav.hb .dt:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
nav.hb .links>a[aria-current],nav.hb .dt.on{box-shadow:inset 0 -2px 0 var(--gold);border-radius:8px 8px 2px 2px}
nav.hb .cv{width:12px;height:12px;margin-top:1px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--ink-3);transition:transform .15s}
nav.hb .dd.open>.dt .cv{transform:rotate(180deg)}
nav.hb .dd{position:relative}
nav.hb .dp{position:absolute;left:0;top:calc(100% + 10px);z-index:2;visibility:hidden;opacity:0;transform:translateY(-4px) scale(.985);transform-origin:top left;transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s;background:var(--cell);border:1px solid color-mix(in srgb,var(--rule-2) 75%,transparent);border-radius:12px;box-shadow:0 10px 15px -3px rgba(15,18,22,.08),0 4px 6px -4px rgba(15,18,22,.08);padding:8px}
nav.hb .dp::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
nav.hb .dd.open>.dp,html:not(.navjs) nav.hb .dd:hover>.dp,html:not(.navjs) nav.hb .dd:focus-within>.dp{visibility:visible;opacity:1;transform:none;transition:opacity .15s ease,transform .15s ease,visibility 0s}
nav.hb .dh{margin:0 0 6px;padding:0 10px;font:500 11.5px/1.4 var(--f);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
nav.hb .dpi{display:grid}
nav.hb .dpi.prod{width:744px;grid-template-columns:1fr 1fr 236px;gap:0 8px}
nav.hb .dcol{padding:12px 4px 10px}
nav.hb .di{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start;padding:9px 10px;border-radius:8px;text-decoration:none;color:var(--ink);transition:background-color .12s}
nav.hb .di:hover,nav.hb .di:focus-visible{background:var(--well);outline:none}
nav.hb .di:focus-visible{box-shadow:inset 0 0 0 2px var(--blue)}
nav.hb .di svg{width:18px;height:18px;margin-top:1px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--ink-2)}
nav.hb .di b{display:block;font:500 14.5px/1.3 var(--f);letter-spacing:-.005em}
nav.hb .di small{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:var(--ink-2)}
nav.hb .di[aria-current] b{box-shadow:inset 0 -2px 0 var(--gold);display:inline}
nav.hb .ds{display:flex;flex-direction:column;margin-top:2px}
nav.hb .ds a{display:block;padding:6px 10px 6px 42px;border-radius:8px;font-size:13.5px;line-height:1.35;color:var(--ink-2);text-decoration:none}
nav.hb .ds a:hover,nav.hb .ds a:focus-visible{color:var(--ink);background:var(--well);outline:none}
nav.hb .ds a:focus-visible{box-shadow:inset 0 0 0 2px var(--blue)}
nav.hb .dside{background:var(--well);border-radius:9px;padding:12px 4px 8px}
nav.hb .dside .di:hover,nav.hb .dside .di:focus-visible{background:var(--cell)}
nav.hb .dpi.ind{width:452px}
nav.hb .dpi.help{width:340px}
nav.hb .dpi.help .dcol{padding:12px 4px 6px}
nav.hb .bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:12px 4px 6px}
nav.hb .bgrid .dh{grid-column:1/-1}
nav.hb .bgrid a{padding:8px 10px;border-radius:8px;font-size:14px;line-height:1.3;color:var(--ink);text-decoration:none;white-space:nowrap}
nav.hb .bgrid a:hover,nav.hb .bgrid a:focus-visible{background:var(--well);outline:none}
nav.hb .bgrid a:focus-visible{box-shadow:inset 0 0 0 2px var(--blue)}
nav.hb .bgrid a[aria-current]{box-shadow:inset 2px 0 0 var(--gold)}
nav.hb .dfoot{display:flex;align-items:center;gap:6px;margin:6px -8px -8px;padding:12px 18px;border-top:1px solid var(--rule);border-radius:0 0 12px 12px;font-size:13.5px;font-weight:500;color:var(--ink-2);text-decoration:none}
nav.hb .dfoot:hover,nav.hb .dfoot:focus-visible{color:var(--ink);background:var(--well);outline:none}
nav.hb .dfoot span{transition:transform .15s} nav.hb .dfoot:hover span{transform:translateX(2px)}
nav.hb .r{margin-left:auto;display:flex;gap:8px;align-items:center}
nav.hb .r .btn{height:34px;padding:0 14px;border-radius:8px;font-size:14px}
nav.hb .r .btn.g:hover{background:color-mix(in srgb,var(--gold) 88%,var(--ink))}
nav.hb .mnav{display:none}
@media (max-width:1060px){nav.hb .logo{margin-right:16px} nav.hb .links>a,nav.hb .dt{padding:0 9px}}
@media (max-width:900px){
 nav.hb{--navh:56px}
 nav.hb .in{padding-inline:16px;gap:8px}
 nav.hb .links{display:none}
 nav.hb .logo{margin-right:auto;min-height:44px}
 nav.hb .r{margin-left:0}
 nav.hb .r .btn{height:44px;padding:0 14px}
 nav.hb .r .btn:first-child{display:none}
 nav.hb .mnav{display:block;margin:0 -6px 0 0}
 nav.hb .mnav>summary{list-style:none;width:44px;height:44px;display:grid;place-items:center;border-radius:9px;cursor:pointer;color:var(--ink)}
 nav.hb .mnav>summary::-webkit-details-marker{display:none}
 nav.hb .mnav>summary:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
 nav.hb .mnav>summary svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
 nav.hb .mnav .x,nav.hb .mnav[open] .o{display:none} nav.hb .mnav[open] .x{display:block}
 nav.hb .mnav .mp{position:absolute;left:0;right:0;top:100%;height:calc(100vh - var(--navh));height:calc(100dvh - var(--navh));box-sizing:border-box;display:flex;flex-direction:column;background:var(--bg);border-top:1px solid var(--rule);padding:4px 16px calc(16px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;box-shadow:none;max-height:none}
 nav.hb .mp>a,nav.hb .mg>summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;border-bottom:1px solid var(--rule);text-decoration:none;font:500 17px/1.2 var(--f);color:var(--ink);list-style:none;cursor:pointer;padding:0}
 nav.hb .mg>summary::-webkit-details-marker{display:none}
 nav.hb .mg>summary:focus-visible,nav.hb .mp a:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
 nav.hb .mg>summary .cv{width:16px;height:16px;color:var(--ink-2)}
 nav.hb .mg[open]>summary .cv{transform:rotate(180deg)}
 nav.hb .mg>div{display:grid;padding:6px 0 10px;border-bottom:1px solid var(--rule)}
 nav.hb .mg>div a{display:flex;flex-direction:column;justify-content:center;min-height:44px;padding:4px 0;border:0;text-decoration:none;font-size:16px;font-weight:400;color:var(--ink)}
 nav.hb .mg>div a small{font-size:13px;color:var(--ink-3)}
 nav.hb .mg>div.mb{grid-template-columns:1fr 1fr;column-gap:16px}
 nav.hb .mp a[aria-current]{color:var(--ink);box-shadow:inset 3px 0 0 var(--gold);padding-left:12px}
 nav.hb .mbtn{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
 nav.hb .mbtn .btn{height:48px;justify-content:center;border-radius:10px;font-size:16px;border-bottom:1px solid var(--rule-2);color:var(--ink)}
 nav.hb .mbtn .btn.g{border-color:transparent;color:var(--gold-ink)}
 html.mnav-on,html.mnav-on body{overflow:hidden}
}
@media (prefers-reduced-motion:reduce){nav.hb,nav.hb *{transition:none!important;animation:none!important} nav.hb .dp{transform:none}}
/* ---- /header B ---- */