:root{
  --papir:#FAFAF7; --blaek:#111110; --grafit:#6B6B66; --dis:#8A8A84;
  --linje:#E4E2DC; --roed:#E03E2D; --hvid:#FFF; --groen:#1c7c4a;
  --skygge:0 1px 2px rgba(17,17,16,.04), 0 8px 30px rgba(17,17,16,.05);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;background:var(--papir);color:var(--blaek);-webkit-font-smoothing:antialiased;line-height:1.55;}
.wrap{max-width:1080px;margin:0 auto;padding:0 32px;}
.num{font-variant-numeric:tabular-nums;}
.t-label{font-size:12px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--grafit);}
.kicker{font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--dis);font-weight:600;}
.sek-h{max-width:62ch;}
.sek-h h2{font-size:28px;font-weight:700;letter-spacing:-0.028em;margin:12px 0 12px;}
.sek-h .lead{font-size:16px;color:var(--grafit);}

/* Topbar */
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--linje);}
.topbar-i{max-width:1080px;margin:0 auto;padding:13px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.brand{display:flex;align-items:center;gap:10px;}
.logo{font-size:18px;font-weight:700;letter-spacing:-0.03em;border-bottom:2px solid var(--roed);padding-bottom:1px;text-decoration:none;color:var(--blaek);}
.beta-tag{font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--roed);border:1px solid var(--roed);padding:2px 6px;}
nav.menu{display:flex;gap:24px;align-items:center;}
nav.menu a{font-size:13.5px;color:var(--grafit);text-decoration:none;}
nav.menu a:hover{color:var(--blaek);}
.btn-solid{display:inline-block;background:var(--blaek);color:var(--papir);padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;border:1px solid var(--blaek);cursor:pointer;font-family:inherit;transition:opacity .15s;}
.btn-solid:hover{opacity:.85;}
.btn-ghost{display:inline-block;border:1px solid var(--blaek);background:transparent;color:var(--blaek);padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;font-family:inherit;transition:background .15s;}
.btn-ghost:hover{background:var(--hvid);}

/* Hero — position+z-index så søge-dropdownen kan lægge sig OVEN PÅ kilde-striben.
   Ingen overflow:hidden her: det klippede dropdownen af. */
.hero{padding:64px 0 44px;border-bottom:1px solid var(--linje);position:relative;z-index:2;}
.kilder{position:relative;z-index:1;}
/* Hero'en bryder ud af sidens 1080-ramme mod HØJRE, men holder venstrekanten
   på gitteret, så teksten flugter med logoet og sektionerne nedenfor.
   Animationen får den plads, der er tilbage — ellers bliver punktskyen og
   etiketterne for små. */
.hero .wrap{max-width:none;padding:0;}
.hero-grid{
  display:grid;grid-template-columns:minmax(260px,430px) minmax(0,1fr);
  gap:32px;align-items:center;
  padding-left:max(32px, calc((100% - 1080px) / 2 + 32px));
  padding-right:40px;
}
.hero .kicker-row{display:flex;align-items:center;gap:10px;}
.hero h1{font-size:48px;font-weight:700;letter-spacing:-0.038em;line-height:1.08;margin-top:18px;max-width:14ch;}
.hero h1 em{font-style:normal;border-bottom:4px solid var(--roed);}
.hero p.intro{margin-top:22px;font-size:18px;color:var(--grafit);max-width:50ch;}
.hero .cta{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap;}
.hero .mini{margin-top:18px;font-size:12.5px;color:var(--dis);}

/* Låst teaser i "Alle data"-sektionen */
.laast{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  margin-top:18px;padding:16px 18px;border:1px solid var(--linje);border-left:3px solid var(--roed);background:var(--papir);}
.laast .lt{font-size:13.5px;color:var(--grafit);}
.laast .lt b{color:var(--blaek);}
.laast .btn-solid{padding:9px 18px;white-space:nowrap;}

/* Trekant-diagram (SVG) — ingen kasser: ikoner i hvide skiver, hårlinjetrekant,
   tekst udenfor. Samme streg som hero'ens ikoner (1,6 px). */
.diagram{width:100%;height:auto;display:block;}
.diagram .node-label{font-size:13px;font-weight:600;fill:var(--blaek);}
.diagram .node-sub{font-size:10.5px;fill:var(--dis);}
.diagram .edge{stroke:var(--linje);stroke-width:1.5;fill:none;}
.diagram .edge-live{stroke:var(--roed);stroke-width:1.5;stroke-dasharray:4 4;}
.diagram .pulse{animation:dash 2.4s linear infinite;}
@keyframes dash{to{stroke-dashoffset:-16;}}
.diagram .skive{fill:var(--hvid);stroke:var(--blaek);stroke-width:1.5;}
.diagram .ikon{stroke:var(--blaek);fill:none;stroke-width:1.6;
  stroke-linejoin:round;stroke-linecap:round;}
.diagram .kerne{fill:var(--roed);}
.diagram .kerne-t{fill:var(--dis);font-size:9.5px;letter-spacing:.12em;}

/* Kilder-strip — etiketten står på sin egen linje over registrene. Med den
   inline kunne de ni ikke være på én linje, og de sidste to blev efterladt
   alene på linje to. Striben har sin egen, lidt bredere ramme. */
.kilder{padding:24px 0 26px;border-bottom:1px solid var(--linje);background:var(--hvid);}
.kilder .wrap{max-width:1240px;}
.kilder-i{display:flex;flex-direction:column;align-items:center;gap:13px;}
.kilder .lab{font-size:11px;color:var(--dis);letter-spacing:.16em;text-transform:uppercase;}
.kilder-liste{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 26px;}
.kilde{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--grafit);font-weight:500;}
.kilde svg{width:16px;height:16px;stroke:var(--grafit);fill:none;stroke-width:1.6;}

/* Sektioner */
section.blok{padding:66px 0;border-bottom:1px solid var(--linje);}
.tre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linje);border:1px solid var(--linje);margin-top:30px;}
.tre-grid.to-spalter{grid-template-columns:repeat(2,1fr);}
.tre-grid>div{background:var(--hvid);padding:28px 26px;}
.tre-ikon{width:30px;height:30px;stroke:var(--blaek);fill:none;stroke-width:1.6;margin-bottom:14px;}
.tre-grid h3{font-size:17px;font-weight:700;letter-spacing:-0.01em;}
.tre-grid p{font-size:14px;color:var(--grafit);margin-top:8px;}
.caption{font-size:12.5px;color:var(--dis);margin-top:16px;max-width:72ch;}

/* Ejerskabsgraf (signatur-visual) */
.graf-wrap{margin-top:32px;overflow-x:auto;}
svg.graf{width:100%;height:auto;min-width:600px;display:block;}
.graf .kasse{fill:var(--hvid);stroke:var(--linje);stroke-width:1.5;}
.graf .knude-navn{font-size:13px;font-weight:600;fill:var(--blaek);}
.graf .knude-sub{font-size:10.5px;fill:var(--dis);}
.graf .ikon{stroke:var(--blaek);fill:none;stroke-width:1.6;}
.graf .kant{stroke:var(--linje);stroke-width:1.6;fill:none;}
.graf .pct-bg{fill:var(--papir);}
.graf .pct{font-size:10.5px;fill:var(--grafit);font-variant-numeric:tabular-nums;}
.graf .knude{cursor:pointer;}

/* Indtoning ved scroll */
.graf .knude{opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease;}
.graf .kant{stroke-dashoffset:1;stroke-dasharray:1;transition:stroke-dashoffset .7s ease .25s;}
.graf .label{opacity:0;transition:opacity .4s ease .6s;}
.graf .t1{transition-delay:0s;}
.graf .t2{transition-delay:.12s;}
.graf .t3{transition-delay:.24s;}
.graf.vis .knude{opacity:1;transform:none;}
.graf.vis .kant{stroke-dashoffset:0;}
.graf.vis .label{opacity:1;}

/* Fremhæv kæde ved hover/tap */
.graf.aktiv .knude:not(.lyser){opacity:.45;}
.graf.aktiv .kant:not(.lyser){opacity:.2;}
.graf .knude.lyser .kasse{stroke:var(--blaek);stroke-width:2;}
.graf .kant.lyser{stroke:var(--roed);stroke-width:2.4;}

@media (prefers-reduced-motion: reduce){
  .graf .knude,.graf .kant,.graf .label{transition:none;}
  .diagram .pulse{animation:none;}
}

/* Browser-mockup */
.browser{border:1px solid var(--linje);background:var(--hvid);margin-top:34px;box-shadow:var(--skygge);}
/* AEGTE skaermbilleder, bygget af app'ens EGEN css (bygskaerm/byg.py) med
   opdigtede data. De gamle var haandtegnet HTML, og en koeber kan se
   forskel: en tegning lover ikke, at produktet ser saadan ud. */
.skud{display:block;width:100%;height:auto;}
.browser-bar{display:flex;align-items:center;gap:7px;padding:10px 16px;border-bottom:1px solid var(--linje);background:var(--papir);}
.dot{width:9px;height:9px;border:1px solid var(--linje);border-radius:50%;background:var(--hvid);}
.urlfield{flex:1;margin-left:10px;border:1px solid var(--linje);font-size:11.5px;color:var(--dis);padding:5px 12px;background:var(--hvid);font-variant-numeric:tabular-nums;}
.pad{padding:24px 28px;}

/* Ejendomssiden: overblik med ejer, nøgletal, luftfoto og matrikel */
.ejd-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;padding:22px 28px 0;}
.ejd-head h3{font-size:22px;font-weight:700;letter-spacing:-0.025em;margin-top:5px;}
.ejd-svar{margin:18px 28px 0;border-left:3px solid var(--roed);background:var(--papir);padding:13px 18px;}
.ejd-svar .ejer{font-size:17px;font-weight:700;}
.ejd-svar .ejer small{font-weight:400;color:var(--grafit);font-size:13.5px;}
.ejd-overblik{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;padding:20px 28px 8px;}
.ejd-tal{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--linje);border:1px solid var(--linje);align-self:start;}
.ejd-tal .celle{background:var(--hvid);padding:14px 16px;}
.ejd-tal .lbl{font-size:11.5px;color:var(--grafit);}
.ejd-tal .val{font-size:17px;font-weight:700;margin-top:3px;font-variant-numeric:tabular-nums;letter-spacing:-0.01em;}
.ejd-tal .ctx{font-size:11px;color:var(--dis);margin-top:2px;}
.ejd-medier{display:grid;gap:12px;}
.medie{border:1px solid var(--linje);background:var(--hvid);position:relative;line-height:0;}
.medie svg{display:block;width:100%;height:auto;}
.medie .flig{position:absolute;top:8px;left:8px;background:var(--hvid);border:1px solid var(--linje);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--grafit);padding:3px 8px;line-height:1;}

/* Hero-tekstspalten (animationen står i den anden spalte) */
.hero-inner{max-width:760px;}

/* ---- Hero-animationen ------------------------------------------------------
   Punktkort over Danmark + netværket af relationer. Kortet, kanterne, knuderne
   og ikonerne tegnes i canvas; etiketterne er almindelig HTML, så skriften
   rendres af browseren og kan læses af skærmlæsere. Alt bygges af
   hero-animation.js — .hm-hero skal være tom i markuppen. */
.hm-hero{
  position:relative;
  width:100%;
  aspect-ratio:1120/920;
  /* Hero'en må ikke skubbe alt andet under folden på en lav skærm. Bliver
     kassen lavere end forholdet, skalerer scenen bare med og centreres. */
  max-height:min(74vh,780px);
  overflow:hidden;
  isolation:isolate;
  contain:layout style;
}
.hm-laerred{position:absolute;inset:0;width:100%;height:100%;display:block;}
.hm-etiketter{position:absolute;inset:0;pointer-events:none;}

.hm-etiket{
  position:absolute;top:0;left:0;
  transform:translate3d(-100px,-100px,0);
  opacity:0;
  white-space:nowrap;
  font-size:var(--hm-skrift,12.5px);line-height:1.32;
  color:var(--blaek);
  /* Etiketten skal kunne læses oven på punktskyen uden en kasse omkring: en
     blød glorie i papirfarven skiller skriften fra prikkerne. */
  text-shadow:
    0 0 2px var(--papir), 0 0 3px var(--papir), 0 0 4px var(--papir),
    1px 0 2px var(--papir), -1px 0 2px var(--papir),
    0 1px 2px var(--papir), 0 -1px 2px var(--papir);
  will-change:transform,opacity;
}
.hm-etiket b{display:block;font-weight:700;letter-spacing:-.005em;}
.hm-etiket span i{display:block;font-style:normal;font-size:.93em;color:var(--grafit);}
.hm-etiket.er-dis b{font-weight:600;color:var(--dis);}
.hm-etiket.er-dis span i{color:var(--dis);}
.hm-etiket.er-dis{text-shadow:
  0 0 3px var(--papir), 0 0 4px var(--papir), 0 0 6px var(--papir),
  1px 0 3px var(--papir), -1px 0 3px var(--papir),
  0 1px 3px var(--papir), 0 -1px 3px var(--papir);}
.hm-etiket.er-kant{font-size:calc(var(--hm-skrift,12.5px)*.88);color:var(--dis);margin-top:0;translate:-50% 0;}
/* Konkurs skrives som en ekstra rød linje under selskabet — den ene ting på et
   opslag, der skal kunne ses med det samme. */
.hm-etiket span i.er-alarm{color:var(--roed);font-weight:600;margin-top:2px;}
/* Mærker ude i punktskyen: mindre og lettere end netværkets etiketter. */
.hm-etiket.er-note{font-size:calc(var(--hm-skrift,12.5px)*.85);}
.hm-etiket.er-note b{font-weight:600;color:var(--roed);}
.hm-etiket.er-note span i{color:var(--grafit);}
/* Etiketter til venstre for deres knude hænger med højrekant i knuden. */
.hm-etiket.mod-venstre{translate:-100% 0;}
.hm-etiket.mod-venstre b,
.hm-etiket.mod-venstre span i{text-align:right;}
/* Etiketter, js har placeret til venstre for deres knude. */
.hm-etiket.mod-venstre-fast b,
.hm-etiket.mod-venstre-fast span i{text-align:right;}

/* Fasetekst i nederste venstre hjørne — det eneste hjørne, hverken punktskyen
   eller etiketterne bruger. */
.hm-undertekst{
  position:absolute;left:2px;bottom:2px;
  font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--dis);opacity:.7;margin:0;
}
.hm-undertekst::after{content:' · fiktivt eksempel';opacity:.55;}

/* Kompakt visning: scenen er beskåret, og kun kortet og de tre hovedaktører
   står med tekst. Klassen sættes af hero-animation.js ud fra kassens bredde. */
.hm-hero.er-kompakt{aspect-ratio:940/920;max-height:none;}

.hm-hero.er-kompakt .hm-etiket b{text-align:right;}
.hm-hero.er-kompakt .hm-etiket span i{text-align:right;}
.hm-hero.er-kompakt .hm-undertekst{font-size:9.5px;}

@media (prefers-reduced-motion: reduce){
  .hm-undertekst::after{content:' · fiktivt eksempel · stillbillede';}
}

/* Trekant-diagram i platform-sektionen */
/* Bredere end før: teksten står nu udenfor trekanten og skal have plads. */
.trekant-visual{max-width:660px;margin:34px auto 6px;}
/* På en smal skærm krymper hele svg'en — så skal skriften i den vokse
   tilsvarende, ellers bliver undertitlerne 7 px høje. */
@media (max-width:700px){
  .diagram .node-label{font-size:17px;}
  .diagram .node-sub{font-size:13.5px;}
  .diagram .kerne-t{font-size:12px;}
}
.trekant-visual .diagram{width:100%;height:auto;}

/* Virksomhedssiden + delte mock-blokke */
.mockblok h5{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--grafit);padding-bottom:6px;border-bottom:1px solid var(--blaek);margin-bottom:6px;}
.mockblok + .mockblok{margin-top:18px;}
.vrow{display:flex;justify-content:space-between;gap:14px;font-size:13px;padding:7px 0;border-bottom:1px solid var(--linje);}
.vrow:last-child{border-bottom:none;}
.vrow .k{color:var(--grafit);}
.vrow .v{font-weight:600;text-align:right;}
.vrow .v small{font-weight:400;color:var(--dis);}
.formaal{padding:14px 28px 4px;}
.formaal p{font-size:13px;color:var(--grafit);max-width:80ch;margin-top:5px;}

/* Mini-regnskabsgraf */
.vchart{border:1px solid var(--linje);background:var(--hvid);padding:14px 16px 8px;}
.vchart .ct{font-size:11px;color:var(--grafit);margin-bottom:6px;}
.vchart svg{display:block;width:100%;height:auto;}
.vbar{fill:#D7D5CE;}
.vbar.sidste{fill:var(--roed);}
.vbar-label{font-size:9px;fill:var(--dis);}

/* Virksomheder på adressen */
.vadr{margin-top:18px;}
.vadr table{width:100%;border-collapse:collapse;font-size:13px;}
.vadr th{text-align:left;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--grafit);font-weight:600;padding:8px 12px 8px 0;border-bottom:1px solid var(--blaek);}
.vadr td{padding:9px 12px 9px 0;border-bottom:1px solid var(--linje);}
.vadr tr:last-child td{border-bottom:none;}
.vadr td.r,.vadr th.r{text-align:right;padding-right:0;}
.vadr .navn{font-weight:600;}

/* Registre (alle data) */
.reg + .reg{border-top:none;}
.reg{border:1px solid var(--linje);}
.reg-h{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;background:var(--hvid);font-size:14px;font-weight:600;cursor:default;}
.reg-h .src{font-weight:400;font-size:11.5px;color:var(--dis);}
.reg-body{border-top:1px solid var(--linje);background:var(--papir);padding:16px 18px;}
.dl{display:grid;grid-template-columns:repeat(3,1fr);gap:13px 26px;}
.dl .k{color:var(--grafit);font-size:11.5px;}
.dl .v{font-weight:500;font-size:13.5px;margin-top:1px;}
.chev{color:var(--dis);font-weight:400;margin-left:6px;}

/* Spørg / Claude */
.ask{display:grid;grid-template-columns:1.1fr .9fr;}
.ask-left{padding:28px 30px;border-right:1px solid var(--linje);}
.bubble-q{font-size:15px;font-weight:600;max-width:46ch;margin-top:14px;line-height:1.45;}
.bubble-a{font-size:13.5px;margin-top:14px;border-left:3px solid var(--roed);background:var(--papir);padding:14px 16px;line-height:1.6;}
.rline{display:flex;justify-content:space-between;gap:14px;font-size:12.5px;padding:7px 0;border-bottom:1px solid var(--linje);}
.rline:last-child{border-bottom:none;}
.rline .k{color:var(--grafit);white-space:nowrap;}
.ask-actions{margin-top:14px;font-size:12.5px;display:flex;gap:16px;flex-wrap:wrap;}
.ask-actions span{border-bottom:1px solid var(--blaek);padding-bottom:1px;}
.askfield{display:flex;border:1.5px solid var(--blaek);margin-top:22px;}
.askfield .ph{flex:1;padding:12px 15px;font-size:13.5px;color:var(--dis);}
.askfield .go{background:var(--blaek);color:var(--papir);padding:12px 18px;font-size:13px;font-weight:500;}
.ask-right{padding:28px 30px;background:var(--papir);}
.chip{display:inline-block;border:1px solid var(--linje);background:var(--hvid);padding:8px 13px;font-size:12.5px;margin:0 7px 7px 0;color:var(--grafit);}

/* Rapport */
.rapport-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:30px;}
.paper{background:var(--hvid);border:1px solid var(--linje);box-shadow:var(--skygge);padding:40px 42px 32px;}
.paper .rhead{display:flex;justify-content:space-between;align-items:baseline;border-bottom:3px solid var(--roed);padding-bottom:12px;}
.paper .rhead .lm{font-size:15px;font-weight:700;letter-spacing:-0.03em;}
.paper .rhead .dt{font-size:10.5px;color:var(--dis);}
.paper h4{font-size:19px;font-weight:700;letter-spacing:-0.025em;margin-top:20px;}
.paper .sub{font-size:11.5px;color:var(--grafit);margin-top:2px;}
.paper .t-label{margin-top:18px;display:block;border-bottom:1px solid var(--blaek);padding-bottom:5px;font-size:11px;}
.paper .pline{display:flex;justify-content:space-between;font-size:12.5px;padding:6px 0;border-bottom:1px solid var(--linje);}
.paper .pline .k{color:var(--grafit);}
.paper .pline .v{font-weight:500;}
.paper .pfoot{font-size:10px;color:var(--dis);margin-top:22px;line-height:1.6;}

/* Cases */
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;}
.case{border:1px solid var(--linje);border-left:3px solid var(--roed);background:var(--hvid);padding:22px 22px;}
.case-ikon{width:24px;height:24px;stroke:var(--blaek);fill:none;stroke-width:1.6;margin-bottom:12px;}
.case .hvem{font-size:14px;font-weight:600;}
.case p{font-size:13px;color:var(--grafit);margin-top:7px;}

/* Priser */
.plans{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--linje);margin-top:32px;background:var(--hvid);}
.plan{padding:30px 28px 26px;border-right:1px solid var(--linje);display:flex;flex-direction:column;}
.plan:last-child{border-right:none;}
.plan.fremhaev{border-top:3px solid var(--roed);margin-top:-1px;background:linear-gradient(180deg,#fff, #fffdfb);}
.plan .name{font-size:15px;font-weight:600;}
.plan .name .mest{color:var(--roed);font-weight:600;}
.plan .price{font-size:34px;font-weight:700;letter-spacing:-0.03em;margin-top:10px;}
.plan .price small{font-size:12.5px;font-weight:400;color:var(--grafit);letter-spacing:0;}
/* Enheden paa EGEN linje. Som <small> inde i 34px-overskriften braekkede den
   uforudsigeligt — under Enterprise hang ordet "til" alene paa linje to, og
   de fire kort flugtede ikke. Fast hoejde, saa listerne begynder i samme
   linje uanset hvor langt tallet er. */
.plan .price-enhed{font-size:12.5px;color:var(--grafit);margin-top:6px;min-height:34px;line-height:1.35;}
.plan ul{list-style:none;margin-top:18px;font-size:13.5px;line-height:1.4;flex:1;}
.plan ul li{padding:7px 0;border-bottom:1px solid #F0EEE9;display:flex;gap:9px;}
.plan ul li::before{content:"";flex:none;width:14px;height:14px;margin-top:2px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-8' stroke='%23E03E2D' stroke-width='1.8' fill='none'/%3E%3C/svg%3E");}
.plan .cta{margin-top:22px;text-align:center;}
.pricenote{font-size:13px;color:var(--grafit);margin-top:16px;}
.pricenote a,.vhint a,.caption a{color:var(--blaek);}

/* Venteliste */
.venteliste{padding:72px 0;border-bottom:1px solid var(--linje);background:var(--hvid);}
.vform{background:var(--papir);border:1px solid var(--linje);border-top:3px solid var(--roed);padding:36px;max-width:540px;margin:0 auto;box-shadow:var(--skygge);}
.vform h2{font-size:24px;font-weight:700;letter-spacing:-0.02em;}
.vhint{font-size:14px;color:var(--grafit);margin:8px 0 24px;}
.vknapper{display:flex;gap:12px;flex-wrap:wrap;}
.felt{margin-bottom:14px;}
.felt label{display:block;font-size:12.5px;color:var(--grafit);margin-bottom:5px;}
.felt input,.vform select{width:100%;border:1px solid var(--linje);padding:11px 14px;font:inherit;font-size:14px;background:var(--hvid);}
.felt input:focus,.vform select:focus{outline:none;border-color:var(--blaek);}
.vform .btn-solid{width:100%;margin-top:8px;text-align:center;}

/* Footer */
footer{border-top:1px solid var(--linje);background:var(--papir);}
.foot-i{max-width:1080px;margin:0 auto;padding:30px 32px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--dis);}
.foot-i a{color:var(--grafit);text-decoration:none;}

/* Onboarding (uændret) */
.steps{display:flex;gap:8px;margin:40px 0 28px;}
.step-dot{flex:1;border-top:3px solid var(--linje);padding-top:10px;font-size:12.5px;color:var(--dis);}
.step-dot.on{border-color:var(--roed);color:var(--blaek);font-weight:600;}
.kort{background:var(--hvid);border:1px solid var(--linje);padding:32px;max-width:560px;}
.kort h2{font-size:22px;font-weight:700;letter-spacing:-0.02em;margin-bottom:6px;}
.kort .hint{font-size:13.5px;color:var(--grafit);margin-bottom:22px;}
.valg{display:grid;gap:10px;}
.valg button{display:block;width:100%;text-align:left;border:1px solid var(--linje);background:var(--papir);font:inherit;font-size:14.5px;padding:13px 16px;cursor:pointer;}
.valg button:hover{border-color:var(--blaek);}
.valg button.on{border-color:var(--blaek);font-weight:600;}
.kort .handling{margin-top:24px;display:flex;justify-content:space-between;align-items:center;}
.tilbage{font-size:13.5px;color:var(--grafit);background:none;border:none;cursor:pointer;font-family:inherit;}

/* Kort-sektion */
.kortvis{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:30px;}
.kortmock{border:1px solid var(--linje);box-shadow:var(--skygge);position:relative;line-height:0;background:var(--hvid);}
.kortmock svg{display:block;width:100%;height:auto;}
.kortmock .flig{position:absolute;top:10px;left:10px;background:var(--hvid);border:1px solid var(--linje);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--grafit);padding:3px 8px;line-height:1;}
.kortfeat{list-style:none;margin-top:6px;}
.kortfeat li{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--linje);font-size:14px;color:var(--grafit);}
.kortfeat li:last-child{border-bottom:none;}
.kortfeat li b{color:var(--blaek);font-weight:600;}
.kortfeat svg{flex:none;width:18px;height:18px;stroke:var(--roed);fill:none;stroke-width:1.8;margin-top:1px;}

/* Nøgletal-bar i virksomhedsmock */
.ngl3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linje);border:1px solid var(--linje);}
.ngl3 .c{background:var(--hvid);padding:12px 14px;}
.ngl3 .l{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dis);}
.ngl3 .vu{font-size:12px;font-weight:600;margin-top:5px;}
.ngl3 .n{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-0.02em;margin-top:1px;}
.ngl3 .god{color:var(--groen);}.ngl3 .svag{color:var(--roed);}.ngl3 .mid{color:#C58B27;}

/* Fleårig regnskabstabel (mock) */
.regntab{width:100%;border-collapse:collapse;font-size:12.5px;}
.regntab th{text-align:right;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--grafit);font-weight:600;padding:7px 0 7px 10px;border-bottom:1px solid var(--blaek);}
.regntab th:first-child{text-align:left;}
.regntab td{text-align:right;padding:7px 0 7px 10px;border-bottom:1px solid var(--linje);font-variant-numeric:tabular-nums;}
.regntab td:first-child{text-align:left;color:var(--grafit);}
.regntab tr:last-child td{border-bottom:none;}

/* "På vej"-mærkat */
.snart{display:inline-block;background:var(--papir);border:1px solid var(--dis);color:var(--grafit);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;margin-left:10px;vertical-align:middle;}

/* Juridiske sider (betingelser, privatliv, om-data) — fælles layout */
.jur{max-width:760px;margin:0 auto;padding:56px 32px 80px;}
.jur.bred{max-width:860px;}
.jur h1{font-size:34px;font-weight:700;letter-spacing:-0.03em;margin:10px 0 6px;}
.jur .meta{font-size:13px;color:var(--dis);margin-bottom:34px;}
.jur h2{font-size:19px;font-weight:700;letter-spacing:-0.015em;margin:34px 0 10px;}
.jur h3{font-size:15.5px;font-weight:700;margin:20px 0 8px;}
.jur p,.jur li{font-size:15px;color:var(--blaek);}
.jur p{margin:0 0 12px;}
.jur ul{margin:0 0 12px 20px;}
.jur li{margin-bottom:6px;}
.jur .boks{border:1px solid var(--linje);background:var(--hvid);padding:16px 18px;margin:14px 0;font-size:14px;}
.jur a{color:var(--blaek);}
.jur .dim{color:var(--grafit);}
/* KOLONNERNE SKAL HOLDE KANT HELE SIDEN IGENNEM (Claus 19-08-2026).
   Med table-layout:auto regner hver tabel sine egne bredder af sit eget
   indhold, saa fem tabeller under hinanden staar i fem forskellige gitre.
   Bredderne saettes med <colgroup> i markup'en — de hoerer til KOLONNEN,
   ikke til overskriften, som stadig skal kunne ombryde. Samme laerdom som
   ejendomstabellen i appen 18-08-2026. */
.jur table{width:100%;border-collapse:collapse;margin:10px 0 16px;
  table-layout:fixed;}
.jur td,.jur th{word-wrap:break-word;overflow-wrap:break-word;}
.jur th{text-align:left;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--grafit);border-bottom:1px solid var(--linje);padding:6px 12px 6px 0;}
.jur td{border-bottom:1px solid var(--linje);padding:9px 12px 9px 0;vertical-align:top;font-size:14px;}
.jur td b{font-weight:600;}
@media (max-width:700px){
  .jur{padding:40px 20px 60px;}
  .jur table,.jur thead,.jur tbody{display:block;}
  .jur th{display:none;}
  .jur tr{display:block;border-bottom:1px solid var(--linje);padding:10px 0;}
  .jur td{display:block;border-bottom:0;padding:2px 0;}
}

@media (min-width:821px) and (max-width:1120px){
  /* Fire prisplaner ved siden af hinanden bliver for smalle på en bærbar og
     en tablet — to og to læser bedre end fire klemte. */
  .plans{grid-template-columns:repeat(2,1fr);}
  .plan:nth-child(2n){border-right:none;}
  .plan:nth-child(-n+2){border-bottom:1px solid var(--linje);}
}
@media (max-width:820px){
  .topbar .btn-solid,.topbar .btn-ghost{padding:8px 12px;font-size:13px;}
  .kortvis{grid-template-columns:1fr;gap:26px;}
  .ngl3{grid-template-columns:1fr;}
  /* Menuen faar sin egen række under logoet og kan skubbes vandret. Rækken
     holdes lav — topbaren er sticky, og hver pixel her er en pixel mindre
     indhold på en telefon. */
  .topbar-i{flex-wrap:wrap;padding:8px 16px;}
  nav.menu{display:flex;order:3;width:100%;gap:17px;overflow-x:auto;
    padding:6px 0 0;margin-top:6px;border-top:1px solid var(--linje);
    scrollbar-width:none;-ms-overflow-style:none;}
  nav.menu::-webkit-scrollbar{display:none;}
  nav.menu a{white-space:nowrap;font-size:12.5px;}
  .ejd-overblik{grid-template-columns:1fr;}
  .ejd-head,.ejd-svar,.ejd-overblik{padding-left:18px;padding-right:18px;}
  .wrap{padding:0 20px;}
  /* Stablet hero: teksten først, animationen under — værdiløftet skal stå
     øverst på en telefon. */
  .hero-grid{grid-template-columns:1fr;gap:24px;padding:0 20px;}
  .hero{padding:38px 0 30px;}
  .hero h1{font-size:34px;}
  .hero-inner{max-width:640px;}
  .tre-grid,.tre-grid.to-spalter,.case-grid,.plans{grid-template-columns:1fr;}
  .plan{border-right:none;border-bottom:1px solid var(--linje);}
  .ask{grid-template-columns:1fr;}
  .ask-left{border-right:none;border-bottom:1px solid var(--linje);}
  .rapport-grid{grid-template-columns:1fr;}
  .dl{grid-template-columns:1fr 1fr;}
}

@media (max-width:480px){
  .beta-tag{display:none;}
  .topbar-i{gap:8px;}
  .topbar .btn-solid,.topbar .btn-ghost{padding:7px 10px;font-size:12.5px;white-space:nowrap;}
}

/* ---- TALLENE under hero'en. Begge konkurrenter har en tal-stribe paa
   samme plads; vores tal er registrets egne og maalte. Monospace, fordi
   det er MAALINGER og ikke markedsfoering. */
.tal-stribe{border-bottom:1px solid var(--linje);background:var(--hvid);}
.tal-i{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:26px 0;}
.tal b{display:block;font-size:29px;font-weight:700;letter-spacing:-0.02em;
  font-variant-numeric:tabular-nums;}
.tal span{display:block;font-size:12.5px;color:var(--grafit);margin-top:4px;line-height:1.35;}
@media(max-width:820px){.tal-i{grid-template-columns:repeat(2,1fr);gap:18px;}}

/* ---- BRANCHER: fire opgavekort. Nummeret er et anker for oejet, saa
   blokken ikke bliver den femte ens tre-kolonners tekstblok paa siden. */
.brancher{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:var(--linje);border:1px solid var(--linje);margin-top:34px;}
.branche{background:var(--hvid);padding:26px 28px 28px;}
.branche .bnr{font-size:12px;font-weight:700;color:var(--roed);
  font-variant-numeric:tabular-nums;letter-spacing:0.06em;}
.branche h3{font-size:16px;margin:8px 0 8px;}
.branche p{font-size:13.5px;color:var(--grafit);line-height:1.5;}
@media(max-width:820px){.brancher{grid-template-columns:1fr;}}

/* ---- FAQ. Begge konkurrenter har en; en koeber, der ikke faar svar paa
   det aabenlyse spoergsmaal, skriver ikke — han lukker fanen. */
.faq{margin-top:30px;border-top:1px solid var(--linje);}
.faq details{border-bottom:1px solid var(--linje);}
.faq summary{cursor:pointer;padding:17px 0;font-weight:600;font-size:15px;
  list-style:none;display:flex;justify-content:space-between;gap:16px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";color:var(--roed);font-weight:400;font-size:20px;line-height:1;}
.faq details[open] summary::after{content:"–";}
.faq p{padding:0 0 18px;color:var(--grafit);font-size:14px;line-height:1.6;max-width:74ch;}

/* TEKST TIL VENSTRE, SKAERMBILLEDE TIL HOEJRE (Claus 19-08-2026).
   Overvaagningen og Spoerg er i forvejen sparsomme flader — i fuld bredde
   blev de store hvide firkanter. Samme greb som rapportsektionen. */
.side-grid{display:grid;grid-template-columns:minmax(400px,1fr) minmax(0,1.05fr);
  gap:44px;align-items:center;}
.side-grid .sek-h{margin-bottom:0;}
.side-grid .browser{margin-top:0;}
@media(max-width:1100px){.side-grid{grid-template-columns:1fr;gap:26px;}}

/* ---- ADGANG: tre tal frem for fire tekstkolonner. Afsnittet laa i en
   straekning paa tre kortgitre i traek, og det er dér, en laeser staar af. */
.adg-tal{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linje);
  border:1px solid var(--linje);margin:26px 0 4px;}
.adg-tal>div{background:var(--hvid);padding:20px 22px;}
.adg-tal b{display:block;font-size:30px;font-weight:700;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;}
.adg-tal span{display:block;font-size:12.5px;color:var(--grafit);margin-top:5px;line-height:1.4;}
@media(max-width:820px){.adg-tal{grid-template-columns:1fr;}}

/* De tre myndighedsgodkendelser under kildestriben. De er det staerkeste
   tillidssignal, vi har, og stod kun paa underside fire (V6). */
.kilder-note{font-size:12.5px;color:var(--grafit);text-align:center;
  margin:14px auto 0;max-width:76ch;line-height:1.55;}
.kilder-note a{color:var(--blaek);}

/* ---- FEJLSIDEN. Egen wrapper med vilje: den laante foerst .jur, og
   `.jur a{color:var(--blaek)}` er mere specifik end .btn-solid's hvide
   tekst — saa knappen stod sort paa sort. Markup'en var korrekt; kun en
   rendering kunne vise det. */
.fejlside{max-width:1080px;margin:0 auto;padding:90px 24px 80px;text-align:center;}
.fejlside .kode{font-size:64px;font-weight:700;letter-spacing:-.04em;
  color:var(--roed);line-height:1;font-variant-numeric:tabular-nums;}
.fejlside h1{font-size:30px;font-weight:700;letter-spacing:-.03em;margin:14px 0 10px;}
.fejlside p{font-size:16px;color:var(--grafit);max-width:48ch;margin:0 auto 30px;
  line-height:1.6;}
.fejlside .cta{display:flex;gap:12px;justify-content:center;}
.fejlside .hjaelp{font-size:14px;color:var(--grafit);margin-top:34px;}
.fejlside .hjaelp a{color:var(--blaek);}