/* Fragtcentralen · site.css – klassisk, kommerciel stil
   Mørk petroleumsblå som bærende farve, vejstribe-gul til knapper, store fotos i fuld bredde,
   lette Roboto-overskrifter med almindelige bogstaver. Kun lyst tema (bevidst valg). */

@font-face{font-family:"Roboto";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/roboto-300.woff2) format("woff2")}
@font-face{font-family:"Roboto";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/roboto-400.woff2) format("woff2")}
@font-face{font-family:"Roboto";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/roboto-500.woff2) format("woff2")}
@font-face{font-family:"Roboto";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/roboto-700.woff2) format("woff2")}

:root{
  --navy:#002664;        /* bærende brandfarve */
  --navy-2:#0a2a7c;
  --navy-ink:#ffffff;
  --signal:#0a34a1;      /* knapper og markeringer */
  --signal-ink:#ffffff;
  --paper:#ffffff;
  --paper-2:#f4f5f7;     /* lyse sektioner */
  --card:#ffffff;
  --ink:#181818;         /* brødtekst */
  --steel:#454b54;       /* sekundær tekst */
  --line:#d9dde3;
  --link:#0a34a1;
  --ok:#2f7a4f;
  --pallet:#d4b27a;
  --font-display:"Roboto",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --font-body:"Roboto",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --font-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --wrap:1200px;
  --radius:4px;
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:6rem}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:1.0625rem;line-height:1.65}
img{max-width:100%;height:auto;display:block}
a{color:var(--link);text-underline-offset:.18em}
:focus-visible{outline:3px solid var(--signal);outline-offset:2px}
h1,h2,h3{font-family:var(--font-display);color:inherit;text-wrap:balance;margin:0}
h1{font-size:clamp(2.3rem,1.5rem + 3.4vw,4.2rem);font-weight:300;line-height:1.08;letter-spacing:-.01em}
h2{font-size:clamp(1.8rem,1.35rem + 1.8vw,2.7rem);font-weight:300;line-height:1.15;letter-spacing:-.005em}
h3{font-size:1.25rem;font-weight:500;line-height:1.3}
p{margin:0}
.num{font-variant-numeric:tabular-nums}
.mono{font-variant-numeric:tabular-nums}

.wrap{max-width:var(--wrap);margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.skip{position:absolute;left:-9999px;top:0;background:var(--signal);color:var(--signal-ink);padding:.6rem 1rem;z-index:60}
.skip:focus{left:max(16px,env(safe-area-inset-left,0px));top:calc(8px + env(safe-area-inset-top,0px))}

/* ---------- topbar + header ---------- */
.topbar{background:var(--navy);color:#cfe0ea;font-size:.85rem}
.topbar .wrap{display:flex;flex-wrap:wrap;gap:.3rem 1.5rem;justify-content:space-between;align-items:center;min-height:2.4rem;padding-block:.3rem}
.topbar a{color:#fff;text-decoration:none}
.topbar a:hover{text-decoration:underline}
.topbar .flags{display:inline-flex;gap:.3rem;vertical-align:-2px;margin-right:.45rem}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:40;background:#fff}
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:#fff;box-shadow:0 1px 0 var(--line),0 6px 18px rgba(12,47,69,.06)}
.site-head .wrap{display:flex;align-items:center;gap:1.2rem;min-height:4.6rem}
.brand{display:inline-flex;align-items:center;gap:.65rem;color:var(--navy);text-decoration:none;margin-right:auto}
.brand b{font-weight:700;font-size:1.4rem;letter-spacing:-.01em}
.brand b span{font-weight:300}
/* ---------- knapper ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:500 1rem/1 var(--font-body);text-decoration:none;padding:.95rem 1.5rem;border-radius:999px;border:2px solid var(--navy);color:var(--navy);background:transparent;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.btn:hover{background:var(--navy);color:#fff}
.btn-cta{background:var(--signal);border-color:var(--signal);color:var(--signal-ink)}
.btn-cta:hover{background:#ffd43b;border-color:#ffd43b;color:var(--signal-ink);box-shadow:0 6px 16px rgba(245,197,24,.35)}
.btn-light{border-color:#fff;color:#fff}
.btn-light:hover{background:#fff;color:var(--navy)}
.btn-row{display:flex;flex-wrap:wrap;gap:.8rem}
.more{display:inline-flex;align-items:center;gap:.55rem;font-weight:500;color:var(--link);text-decoration:none}
.more::before{content:"+";display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--signal);color:var(--signal-ink);font-weight:700;line-height:1}
.more:hover{text-decoration:underline}

/* ---------- brødkrummer ---------- */
.crumbs{font-size:.88rem;color:#d6e3eb;padding-block:1rem 0}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.crumbs li+li::before{content:"›";margin-right:.35rem;opacity:.7}
.crumbs a{color:#fff}
.crumbs.dark{color:var(--steel)}.crumbs.dark a{color:var(--link)}

/* ---------- foto-hero ---------- */
.photo-hero{position:relative;color:#fff;background:var(--navy);overflow:hidden;isolation:isolate}
.photo-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.photo-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,36,54,.92) 0%,rgba(9,36,54,.78) 42%,rgba(9,36,54,.25) 100%)}
.photo-hero .wrap{padding-block:clamp(3.5rem,8vw,7.5rem)}
.photo-hero .inner{max-width:40rem}
.photo-hero .kicker{display:inline-flex;align-items:center;gap:.6rem;font-size:.95rem;font-weight:500;color:var(--signal);margin-bottom:1.1rem}
.photo-hero .lede{font-size:clamp(1.1rem,1rem + .45vw,1.35rem);line-height:1.55;color:#e6eef3;margin-top:1.3rem;max-width:36rem}
.photo-hero .btn-row{margin-top:2rem}
.photo-hero .note{margin-top:1.1rem;font-size:.92rem;color:#cfe0ea}
.photo-hero.sub .wrap{padding-block:clamp(1.2rem,3vw,2rem) clamp(3rem,6vw,5rem)}
.photo-hero.sub h1{font-size:clamp(2rem,1.4rem + 2.6vw,3.4rem)}
.photo-hero .credit{position:absolute;right:max(12px,env(safe-area-inset-right,0px));bottom:8px;font-size:.7rem;color:rgba(255,255,255,.65)}
@media (max-width:700px){.photo-hero::after{background:linear-gradient(180deg,rgba(9,36,54,.82),rgba(9,36,54,.9))}}

/* enkel sidehoved uden foto */
.page-head{background:var(--paper-2);border-bottom:1px solid var(--line)}
.page-head .wrap{padding-block:clamp(1.2rem,3vw,2rem) clamp(2.4rem,5vw,3.6rem)}
.page-head h1{font-size:clamp(2rem,1.4rem + 2.6vw,3.4rem);color:var(--navy)}
.page-head .lede{font-size:clamp(1.05rem,1rem + .35vw,1.25rem);color:var(--steel);margin-top:1rem;max-width:44rem}
.eyebrow{font-size:.95rem;font-weight:500;color:var(--link);margin-bottom:.8rem}

/* flag (DK SE NO FI) */
.flag{display:inline-block;width:22px;height:15px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12);vertical-align:-2px}
.flag.dk{background:linear-gradient(90deg,transparent 33%,#fff 33%,#fff 44%,transparent 44%),linear-gradient(transparent 40%,#fff 40%,#fff 60%,transparent 60%),#c8102e}
.flag.se{background:linear-gradient(90deg,transparent 31%,#fecc02 31%,#fecc02 44%,transparent 44%),linear-gradient(transparent 40%,#fecc02 40%,#fecc02 60%,transparent 60%),#006aa7}
.flag.no{background:linear-gradient(90deg,transparent 33%,#00205b 33%,#00205b 42%,transparent 42%),linear-gradient(transparent 43%,#00205b 43%,#00205b 57%,transparent 57%),linear-gradient(90deg,transparent 28%,#fff 28%,#fff 47%,transparent 47%),linear-gradient(transparent 36%,#fff 36%,#fff 64%,transparent 64%),#ba0c2f}
.flag.fi{background:linear-gradient(90deg,transparent 30%,#002f6c 30%,#002f6c 45%,transparent 45%),linear-gradient(transparent 38%,#002f6c 38%,#002f6c 62%,transparent 62%),#fff}

/* tillidsbånd under hero */
.trust{background:#fff;border-bottom:1px solid var(--line)}
.trust .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem 2rem;padding-block:1.4rem}
.trust div{display:flex;gap:.75rem;align-items:flex-start;font-size:.97rem;color:var(--ink)}
.trust b{display:block;color:var(--navy);font-weight:500}
.trust span{color:var(--steel);font-size:.9rem}
.trust .ico{width:30px;height:30px;flex:none;margin-top:.15rem}
@media (max-width:900px){.trust .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.trust .wrap{grid-template-columns:1fr}}

/* ---------- sektioner ---------- */
.section{padding-block:clamp(3.5rem,7vw,6rem)}
.band{background:var(--paper-2)}
.navy{background:var(--navy);color:#fff}
.navy h2,.navy h3{color:#fff}
.navy p{color:#d6e3eb}
.section-head{max-width:46rem;margin-bottom:clamp(2rem,4vw,3rem)}
.section-head.center{margin-inline:auto;text-align:center}
.section-head h2{color:var(--navy)}
.navy .section-head h2{color:#fff}
.section-head p{color:var(--steel);font-size:1.15rem;margin-top:1rem}

/* zigzag: foto og tekst skiftevis */
.zz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.zz+.zz{margin-top:clamp(3.5rem,7vw,6rem)}
.zz.flip .zz-media{order:2}
.zz-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);box-shadow:0 18px 40px rgba(12,47,69,.16)}
.zz-text h2{color:var(--navy);margin-bottom:1rem}
.zz-text p{color:var(--steel);font-size:1.08rem}
.zz-text p+p{margin-top:.9rem}
.zz-text .more,.zz-text .btn-row{margin-top:1.5rem}
@media (max-width:860px){.zz{grid-template-columns:1fr}.zz.flip .zz-media{order:0}}

.checks{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;gap:.6rem}
.checks li{display:grid;grid-template-columns:1.6rem minmax(0,1fr);gap:.4rem;align-items:start;color:var(--ink)}
.checks li::before{content:"";width:1.2rem;height:1.2rem;margin-top:.2rem;border-radius:50%;background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 6.5' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/90% no-repeat}
.navy .checks li{color:#fff}

/* proces */
.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.2rem;counter-reset:step}
.flow li{background:#fff;border-radius:var(--radius);padding:1.4rem 1.2rem;box-shadow:0 2px 10px rgba(12,47,69,.07);counter-increment:step;position:relative}
.flow li::before{content:counter(step);display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--navy);color:#fff;font-weight:500;margin-bottom:.9rem}
.flow h3{color:var(--navy);margin-bottom:.4rem;font-size:1.12rem}
.flow p{color:var(--steel);font-size:.95rem;line-height:1.55}
@media (max-width:1000px){.flow{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.flow{grid-template-columns:1fr}}

/* målgruppekort med foto */
.roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem}
@media (max-width:1000px){.roles{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.roles{grid-template-columns:1fr}}
.role{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 12px rgba(12,47,69,.09);display:flex;flex-direction:column;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}
.role:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(12,47,69,.15)}
.role img{aspect-ratio:16/10;object-fit:cover;width:100%}
.role .body{padding:1.3rem 1.3rem 1.5rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
.role .price{align-self:flex-start;font-size:.8rem;font-weight:500;padding:.25rem .65rem;border-radius:999px;background:var(--paper-2);color:var(--navy)}
.role .price.free{background:var(--signal);color:var(--signal-ink)}
.role h3{color:var(--navy);font-size:1.35rem;font-weight:500}
.role p{color:var(--steel);font-size:.97rem}
.role .go{margin-top:auto;padding-top:.4rem;font-weight:500;color:var(--link)}

/* funktioner */
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}
@media (max-width:900px){.grid-3{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.grid-3,.grid-2{grid-template-columns:1fr}}
.feat{background:#fff;border-radius:var(--radius);padding:1.5rem;box-shadow:0 2px 10px rgba(12,47,69,.07);display:grid;gap:.6rem;align-content:start;min-width:0}
.band .feat{background:#fff}
.feat h3{color:var(--navy)}
.feat p{color:var(--steel);font-size:.98rem}
.ico{width:44px;height:44px}
.ico .s{fill:none;stroke:var(--navy);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.ico .f{fill:var(--signal);stroke:var(--navy);stroke-width:2}

.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
@media (max-width:860px){.split{grid-template-columns:1fr}}

/* tal-bånd */
.figures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;text-align:center}
.figures strong{display:block;font-size:clamp(2rem,1.5rem + 2vw,3rem);font-weight:300;color:var(--signal);line-height:1.1}
.figures span{color:#d6e3eb;font-size:.98rem}
@media (max-width:760px){.figures{grid-template-columns:1fr 1fr}}

/* ordretråd */
.thread{margin:0;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 18px 40px rgba(12,47,69,.16);font-size:.94rem;color:var(--ink)}
.thread-top{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.95rem 1.2rem;background:var(--navy);color:#fff}
.thread-top b{font-weight:500}
.thread ol{list-style:none;margin:0;padding:.5rem 0}
.thread li{display:grid;grid-template-columns:3.6rem minmax(0,1fr);gap:.75rem;padding:.6rem 1.2rem}
.thread li+li{border-top:1px solid var(--line)}
.thread time{color:var(--steel);font-variant-numeric:tabular-nums}
.thread .who{font-weight:500;color:var(--navy)}
.thread .st{font-size:.72rem;font-weight:500;padding:.15rem .5rem;border-radius:999px;background:var(--paper-2);color:var(--navy);margin-left:.4rem;white-space:nowrap}
.thread .st.done{background:#e3f2e9;color:var(--ok)}
.thread-foot{padding:.75rem 1.2rem;border-top:1px solid var(--line);color:var(--steel);font-size:.85rem;background:var(--paper-2)}

/* priser */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
@media (max-width:900px){.plans{grid-template-columns:1fr}}
.plan{background:#fff;border-radius:var(--radius);padding:1.8rem;box-shadow:0 2px 12px rgba(12,47,69,.09);display:flex;flex-direction:column;gap:1rem;min-width:0;border-top:5px solid var(--line)}
.plan.lead{border-top-color:var(--signal)}
.plan .who{font-size:.9rem;font-weight:500;color:var(--link)}
.plan h3{font-size:1.6rem;font-weight:400;color:var(--navy)}
.plan .amount{font-size:2.2rem;font-weight:300;color:var(--navy)}
.plan .amount small{font-size:1rem;color:var(--steel)}
.plan ul{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}
.plan li{padding-left:1.5rem;position:relative}
.plan li::before{content:"";position:absolute;left:0;top:.45em;width:.85rem;height:.85rem;border-radius:50%;background:var(--ok)}
.plan .btn{margin-top:auto;align-self:flex-start}
.callout{background:var(--paper-2);border-left:4px solid var(--signal);padding:1.1rem 1.3rem;border-radius:0 var(--radius) var(--radius) 0}

/* FAQ */
.faq{display:grid;gap:.7rem;max-width:52rem}
.faq.center{margin-inline:auto}
.faq details{background:#fff;border-radius:var(--radius);box-shadow:0 1px 6px rgba(12,47,69,.08)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.3rem;font-weight:500;font-size:1.08rem;color:var(--navy)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--paper-2);font-weight:700;color:var(--navy)}
.faq details[open] summary::after{content:"–"}
.faq .a{padding:0 1.3rem 1.2rem;color:var(--steel)}

/* CTA-bånd */
.cta-band{background:var(--navy-2);color:#fff;position:relative;overflow:hidden}
.cta-band .wrap{display:flex;flex-wrap:wrap;gap:1.5rem 3rem;align-items:center;justify-content:space-between;padding-block:clamp(2.8rem,6vw,4.2rem)}
.cta-band h2{color:#fff}
.cta-band p{max-width:36rem;margin-top:.7rem;color:#d6e3eb;font-size:1.1rem}

/* formularer */
.form{display:grid;gap:1.1rem;background:#fff;border-radius:var(--radius);padding:clamp(1.3rem,3vw,2rem);box-shadow:0 2px 14px rgba(12,47,69,.1)}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:620px){.form .row{grid-template-columns:1fr}}
.field{display:grid;gap:.35rem;min-width:0}
.field label{font-weight:500;font-size:.95rem;color:var(--navy)}
.field input,.field select,.field textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid #c3ced6;border-radius:6px;padding:.75rem .85rem;width:100%}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--link);outline:none;box-shadow:0 0 0 3px rgba(15,95,138,.18)}
.hint{font-size:.88rem;color:var(--steel)}
.consent{display:grid;grid-template-columns:1.3rem minmax(0,1fr);gap:.6rem;font-size:.9rem;color:var(--steel)}
.consent input{width:1.1rem;height:1.1rem;margin-top:.2rem;accent-color:var(--navy)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-msg{font-weight:500;min-height:1.2em}
.form-msg.ok{color:var(--ok)}
.form-msg.err{color:#b3261e}
.contact-card{background:var(--navy);color:#fff;border-radius:var(--radius);padding:1.8rem;display:grid;gap:1rem}
.contact-card h2{font-size:1.6rem;color:#fff}
.contact-card p,.contact-card li{color:#d6e3eb}
.contact-card ol{padding-left:1.2rem;margin:0;display:grid;gap:.5rem}

/* artikler */
.prose{max-width:46rem}
.prose>*+*{margin-top:1.1rem}
.prose h2{font-size:clamp(1.5rem,1.25rem + 1vw,2rem);color:var(--navy);margin-top:2.6rem}
.prose h3{margin-top:1.8rem;color:var(--navy)}
.prose ul,.prose ol{padding-left:1.3rem}
.prose li+li{margin-top:.4rem}
.prose table{width:100%;border-collapse:collapse;font-size:.97rem;background:#fff}
.prose th,.prose td{text-align:left;padding:.65rem .75rem;border-bottom:1px solid var(--line);vertical-align:top}
.prose th{background:var(--paper-2);color:var(--navy);font-weight:500}
.table-scroll{overflow-x:auto}
.article-meta{font-size:.92rem;color:#cfe0ea;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin-top:1.2rem}
.toc{background:var(--paper-2);border-radius:var(--radius);padding:1.1rem 1.3rem;font-size:.97rem}
.toc b{color:var(--navy);font-weight:500}
.toc ol{margin:.5rem 0 0;padding-left:1.2rem}
.article-wrap{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:3rem;align-items:start}
.aside-card{position:sticky;top:7rem;background:var(--navy);color:#fff;border-radius:var(--radius);padding:1.5rem;display:grid;gap:.8rem}
.aside-card h3{color:#fff}
.aside-card p{color:#d6e3eb;font-size:.95rem}
@media (max-width:960px){.article-wrap{grid-template-columns:minmax(0,1fr)}.aside-card{position:static}}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
@media (max-width:900px){.cards{grid-template-columns:1fr}}
.card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 12px rgba(12,47,69,.09);display:flex;flex-direction:column;text-decoration:none;color:var(--ink);min-width:0;transition:transform .15s}
.card:hover{transform:translateY(-3px)}
.card img{aspect-ratio:16/9;object-fit:cover;width:100%}
.card .body{padding:1.3rem;display:grid;gap:.5rem}
.card .tag{font-size:.85rem;font-weight:500;color:var(--link)}
.card h3{color:var(--navy);font-size:1.3rem}
.card p{color:var(--steel);font-size:.97rem}

/* lastplan-demo */
.lp-demo{display:grid;grid-template-columns:minmax(0,25rem) minmax(0,1fr);gap:1.4rem;align-items:start}
@media (max-width:900px){.lp-demo{grid-template-columns:1fr}}
.lp-form{display:grid;gap:.9rem}
.lp-lines{display:grid;gap:.6rem}
.lp-line{display:grid;grid-template-columns:3.6rem minmax(0,1fr) 4rem 4.4rem;gap:.45rem;align-items:end;padding-bottom:.7rem;border-bottom:1px solid var(--line)}
.lp-line .field input,.lp-line .field select{padding:.5rem .45rem;font-size:.92rem}
.lp-line .field label{font-size:.78rem;font-weight:500;color:var(--steel)}
.lp-line .span3{grid-column:span 3}
.lp-line .del{padding:.5rem .7rem;font-size:.9rem}
.lp-add{justify-self:start;padding:.7rem 1.1rem}

/* footer */
.site-foot{background:var(--navy);color:#cfe0ea;padding-block:3.5rem 2rem;font-size:.95rem}
.foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:2rem}
@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot-grid{grid-template-columns:1fr}}
.site-foot h2{font-size:1rem;font-weight:500;color:#fff;margin-bottom:.8rem}
.site-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.site-foot a{color:#cfe0ea;text-decoration:none}
.site-foot a:hover{color:#fff;text-decoration:underline}
.site-foot .brand{color:#fff}
.foot-about p{margin-top:.9rem;max-width:22rem}
.foot-mail{margin-top:1rem;color:#fff}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem 1.5rem;margin-top:2.8rem;padding-top:1.3rem;border-top:1px solid rgba(255,255,255,.15);font-size:.85rem}
.foot-bottom a{color:#cfe0ea}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* tillæg */
.section .lede,.split .lede{font-size:1.15rem;color:var(--steel);margin-top:1rem}
.navy .lede{color:#d6e3eb}
.split h2{color:var(--navy)}
.trust p{margin:0}
.trust .ico{width:34px;height:34px}
.topbar .flags .flag{width:18px;height:12px}
.flags{display:inline-flex;gap:.3rem;vertical-align:middle}
.photo-hero .kicker .flags .flag{box-shadow:0 0 0 1px rgba(255,255,255,.4)}
.navy .flow li{background:var(--navy-2);box-shadow:none;border:1px solid rgba(255,255,255,.12)}
.navy .flow li::before{background:var(--signal);color:var(--signal-ink)}
.navy .flow h3{color:#fff}.navy .flow p{color:#cfe0ea}
.navy .section-head p{color:#cfe0ea}
.aside-card .more{color:#fff}
.zz-media .thread{max-width:34rem;margin-inline:auto}
ol.prose{color:var(--ink)}
.page-head .crumbs{padding-top:1rem}
.photo-hero.sub .crumbs{position:relative;z-index:1}
.photo-hero .crumbs.wrap,.photo-hero.sub .crumbs.wrap{padding-block:1.1rem 0}
.site-foot .brand svg{border-radius:8px;box-shadow:0 0 0 1px rgba(255,255,255,.35)}
@media (max-width:620px){.topbar .wrap>span:last-child{display:none}.topbar{font-size:.8rem}}

/* ================= v3: DSV-inspireret, enkel og letlæst (målgruppe: erfarne folk i branchen) ================= */
html{background:#fff}
body{background:transparent;font-size:1.125rem;line-height:1.7}
h1{font-weight:700;letter-spacing:-.015em;font-size:clamp(2.2rem,1.6rem + 2.6vw,3.6rem);line-height:1.1}
h2{font-weight:700;letter-spacing:-.01em;font-size:clamp(1.7rem,1.35rem + 1.4vw,2.4rem)}
h3{font-weight:700;font-size:1.25rem}
.photo-hero.sub h1,.page-head h1{font-size:clamp(2rem,1.5rem + 2vw,3rem)}

/* baggrundsmønster, der kommer frem, jo længere ned man scroller (opacity styres af site.js) */
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:var(--pat,0);transition:opacity .25s linear;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%230a34a1' stroke-opacity='.13' stroke-width='1.2'%3E%3Crect x='6' y='6' width='18' height='12' rx='1'/%3E%3Crect x='42' y='42' width='18' height='12' rx='1'/%3E%3C/g%3E%3Cg fill='%230a34a1' fill-opacity='.16'%3E%3Ccircle cx='51' cy='12' r='1.6'/%3E%3Ccircle cx='15' cy='48' r='1.6'/%3E%3C/g%3E%3C/svg%3E")}
@media (prefers-reduced-motion:reduce){body::after{transition:none}}
.band{background:rgba(244,245,247,.88)}
.section:not(.band):not(.navy){background:transparent}

/* knapper: firkantede, tydelige */
.btn{border-radius:3px;font-weight:700;padding:1rem 1.6rem;font-size:1.02rem;border-color:var(--signal);color:var(--signal)}
.btn:hover{background:var(--signal);color:#fff}
.btn-cta{background:var(--signal);border-color:var(--signal);color:#fff}
.btn-cta:hover{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:none}
.btn-light{border-color:#fff;color:#fff;background:transparent}
.btn-light:hover{background:#fff;color:var(--navy)}
.btn-ghost{border-color:var(--line);color:var(--ink);padding:.85rem 1.2rem}
.btn-ghost:hover{background:var(--paper-2);color:var(--ink);border-color:var(--steel)}
.navy .btn-cta,.cta-band .btn-cta,.photo-hero .btn-cta{background:#fff;border-color:#fff;color:var(--navy)}
.navy .btn-cta:hover,.cta-band .btn-cta:hover,.photo-hero .btn-cta:hover{background:#dfe7ff;border-color:#dfe7ff;color:var(--navy)}
.more{font-weight:700}
.more::before{content:"›";border-radius:2px;font-size:1.1rem}

/* topbar og header */
.topbar{background:var(--navy);font-size:.9rem}
.topbar-links{display:inline-flex;gap:1.2rem;align-items:center}
.topbar .lang{color:#fff;opacity:.9}
.site-head{box-shadow:0 1px 0 var(--line)}
.site-head .wrap{gap:.8rem;min-height:0}
.brand{margin-right:1.4rem;color:var(--navy)}
.brand b{font-size:1.55rem;font-weight:700;letter-spacing:-.02em}
.brand b span{font-weight:400;color:var(--signal)}
.site-foot .brand b span{color:#9db8ff}
.head-actions{display:flex;gap:.6rem;margin-left:auto}
.nav-list{list-style:none;margin:0;padding:0;display:flex;align-items:stretch}
.nav-top{appearance:none;background:none;border:0;cursor:pointer;font:500 1.02rem var(--font-body);color:var(--ink);text-decoration:none;
  display:flex;align-items:center;gap:.45rem;height:4.8rem;padding:0 .85rem;white-space:nowrap}
button.nav-top::after{content:"";width:.42rem;height:.42rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);opacity:.7;transition:transform .15s}
.has-menu.open>button.nav-top::after{transform:translateY(1px) rotate(225deg)}
.nav-top:hover,.has-menu.open>.nav-top{color:var(--signal)}
.has-menu.active>.nav-top,a.nav-top[aria-current="page"]{color:var(--signal);box-shadow:inset 0 -4px 0 var(--signal)}
.mega{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);box-shadow:0 24px 40px rgba(0,38,100,.16);z-index:35}
.has-menu.open>.mega{display:block}
@media (hover:hover) and (min-width:1101px){.has-menu:hover>.mega{display:block}.has-menu:hover>.nav-top{color:var(--signal)}}
.mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 18rem;gap:1.6rem 2rem;padding-block:2rem 2.4rem}
.mega-grid.cols-1{grid-template-columns:minmax(0,1fr) 18rem}
.mega-grid.cols-1 .mega-col ul{grid-template-columns:repeat(2,minmax(0,1fr))}
.mega-h{font-weight:700;color:var(--navy);font-size:1rem;margin:0 0 .6rem .8rem}
.mega-col ul{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.mega-col a{display:block;padding:.65rem .8rem;text-decoration:none;color:var(--ink);border-left:3px solid transparent}
.mega-col a:hover,.mega-col a[aria-current="page"]{background:var(--paper-2);border-left-color:var(--signal)}
.mega-col a b{display:block;font-weight:700;color:var(--signal);font-size:1.02rem}
.mega-col a span{display:block;font-size:.93rem;color:var(--steel);line-height:1.45}
.mega-promo{background:var(--paper-2);padding:1.4rem;align-self:start;border-top:4px solid var(--signal)}
.mega-promo .mega-h{margin-left:0}
.mega-promo p{font-size:.98rem;color:var(--steel);margin-bottom:.8rem}
.nav-toggle{border-radius:3px;font-weight:700;border-color:var(--signal);color:var(--signal);padding:.6rem 1rem}
@media (max-width:1100px){
  .site-head .wrap{min-height:4.4rem}
  .nav-toggle{display:inline-flex}
  .head-actions{margin-left:auto}
  .head-actions .btn-ghost{display:none}
  .head-actions .btn{padding:.7rem 1rem;font-size:.95rem}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 18px 30px rgba(0,38,100,.18);max-height:calc(100vh - 8rem);overflow:auto;
    padding:0 max(20px,env(safe-area-inset-right,0px)) 1.2rem max(20px,env(safe-area-inset-left,0px))}
  .site-head.open .nav{display:block}
  .nav-list{flex-direction:column}
  .nav-top{width:100%;height:auto;padding:1.05rem .2rem;justify-content:space-between;border-bottom:1px solid var(--line);font-size:1.1rem}
  .has-menu.active>.nav-top,a.nav-top[aria-current="page"]{box-shadow:none}
  .mega{position:static;box-shadow:none;border:0}
  .mega-grid,.mega-grid.cols-1{grid-template-columns:1fr;padding:.4rem 0 .8rem}
  .mega-grid.cols-1 .mega-col ul{grid-template-columns:1fr}
  .mega-promo{display:none}
  .mega-h{margin:.6rem 0 .2rem .8rem}
}
@media (max-width:520px){.brand b{font-size:1.3rem}.brand{margin-right:.4rem}}

/* hero */
.photo-hero::after{background:linear-gradient(90deg,rgba(0,30,80,.9) 0%,rgba(0,30,80,.72) 45%,rgba(0,30,80,.15) 100%)}
@media (max-width:700px){.photo-hero::after{background:rgba(0,30,80,.8)}}
.photo-hero .kicker{color:#fff;font-weight:500;opacity:.95}
.photo-hero .lede{font-size:1.2rem}
.hero-list{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:.7rem;font-size:1.2rem}
.hero-list li{display:grid;grid-template-columns:1.8rem minmax(0,1fr);gap:.4rem}
.hero-list li::before{content:"";width:1.3rem;height:1.3rem;margin-top:.25rem;border-radius:2px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 6.5' fill='none' stroke='%230a34a1' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/90% no-repeat}
.photo-hero .note a{color:#fff}
.photo-hero.home .wrap{padding-block:clamp(3.5rem,8vw,6.5rem)}
.photo-hero .crumbs a{color:#fff}

/* status-bånd (børsen åbner senere) */
.status{background:#e8eeff;border-bottom:1px solid #c9d6ff}
.status .wrap{display:flex;gap:1rem;align-items:flex-start;padding-block:1.1rem;font-size:1.05rem;color:var(--navy)}
.status .dot{flex:none;width:.8rem;height:.8rem;border-radius:50%;background:#e8a317;margin-top:.5rem;box-shadow:0 0 0 4px rgba(232,163,23,.2)}
.status b{font-weight:700}
.callout.market{border-left-color:#e8a317;background:#fff8e8}

/* kort, ikoner og sektioner */
.ico .s{stroke:var(--navy)}
.ico .f{fill:#c9d6ff;stroke:var(--navy)}
.feat,.role,.card,.plan,.faq details,.form,.flow li{border-radius:4px}
.feat{border:1px solid var(--line);box-shadow:none}
.feat.link{text-decoration:none;color:inherit}
.feat.link:hover{border-color:var(--signal);box-shadow:0 8px 20px rgba(0,38,100,.1)}
.feat h3,.role h3,.card h3,.flow h3,.plan h3,.zz-text h2,.section-head h2,.split h2{color:var(--navy)}
.role{box-shadow:none;border:1px solid var(--line)}
.role .go,.card .tag{color:var(--signal);font-weight:700}
.role .price.free{background:var(--signal);color:#fff}
.figures strong{color:#fff;font-weight:700}
.navy .flow li{background:rgba(255,255,255,.06)}
.navy .flow li::before{background:#fff;color:var(--navy)}
.flow.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.flow.four{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.flow.four{grid-template-columns:1fr}}
.faq summary{font-weight:700;font-size:1.1rem}
.faq details{border:1px solid var(--line);box-shadow:none}
.faq .a{color:var(--ink)}
.zz-text p,.feat p,.role p,.card p,.flow p,.section-head p{color:var(--steel)}
.zz-media img{border-radius:4px;box-shadow:none}
.cta-band{background:var(--navy)}
.checks li::before{background-color:var(--signal);border-radius:2px}
.plan{border-top-width:5px}.plan.lead{border-top-color:var(--signal)}
.who-box{background:#fff;border:1px solid var(--line);border-top:4px solid var(--signal);padding:1.6rem;border-radius:4px}
.who-box h3{color:var(--navy);margin-bottom:.4rem}
.who-box .hint{margin-top:1rem}
.h2-navy{color:var(--navy)}

/* services */
.svc-group+.svc-group{margin-top:3rem}
.svc-group h2{color:var(--navy);margin-bottom:1.2rem;font-size:clamp(1.4rem,1.2rem + .8vw,1.8rem)}
.svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
@media (max-width:900px){.svc-grid{grid-template-columns:1fr}}
.svc{display:flex;gap:1rem;align-items:flex-start;padding:1.2rem 1.3rem;background:#fff;border:1px solid var(--line);border-left:4px solid var(--signal);text-decoration:none;color:var(--ink);border-radius:4px}
.svc:hover{box-shadow:0 8px 20px rgba(0,38,100,.1)}
.svc .ico{flex:none;width:40px;height:40px}
.svc b{display:block;color:var(--navy);font-size:1.12rem}
.svc span span{display:block;color:var(--steel);font-size:.98rem;margin-top:.15rem}
.svc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
@media (max-width:900px){.svc-cards{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.svc-cards{grid-template-columns:1fr}}
.svc-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--signal);padding:1.5rem;display:flex;flex-direction:column;gap:.6rem;text-decoration:none;color:var(--ink);border-radius:4px}
.svc-card:hover{box-shadow:0 10px 24px rgba(0,38,100,.12)}
.svc-card h3{color:var(--navy)}
.svc-card p{color:var(--steel)}
.svc-card .go{margin-top:auto;color:var(--signal);font-weight:700}

/* tre trin */
.steps3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
@media (max-width:820px){.steps3{grid-template-columns:1fr}}
.steps3 li{background:#fff;border:1px solid var(--line);padding:1.6rem;border-radius:4px}
.steps3 .n{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--signal);color:#fff;font-weight:700;font-size:1.2rem;margin-bottom:1rem}
.steps3 h3{color:var(--navy);margin-bottom:.4rem}
.steps3 p{color:var(--steel)}

/* værktøjer */
.tool{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1.5rem;align-items:start}
@media (max-width:900px){.tool{grid-template-columns:1fr}}
.tool-out{background:var(--navy);color:#fff;padding:1.8rem;border-radius:4px;display:grid;gap:1.1rem;position:sticky;top:7rem}
.tool-big span{display:block;color:#cfd9f2}
.tool-big strong{display:block;font-size:clamp(2.2rem,1.8rem + 1.6vw,3rem);line-height:1.1;font-variant-numeric:tabular-nums}
.tool-bar{height:14px;background:rgba(255,255,255,.18);border-radius:2px;overflow:hidden}
.tool-bar i{display:block;height:100%;width:0;background:#fff;transition:width .2s}
.tool-bar i.over{background:#ff8a7a}
.tool-dl{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin:0}
.tool-dl dt{color:#cfd9f2;font-size:.92rem}
.tool-dl dd{margin:0;font-weight:700;font-size:1.2rem;font-variant-numeric:tabular-nums}
.tool-out .hint{color:#cfd9f2}
.tool-out .btn-cta{background:#fff;border-color:#fff;color:var(--navy);justify-self:start}
.ldm-lines{display:grid;gap:.6rem}
.ldm-line{display:grid;grid-template-columns:4.5rem repeat(2,minmax(0,1fr)) minmax(0,1.3fr) auto;gap:.5rem;align-items:end;padding-bottom:.7rem;border-bottom:1px solid var(--line)}
@media (max-width:560px){.ldm-line{grid-template-columns:1fr 1fr 1fr}.ldm-line .field:nth-child(4){grid-column:span 2}}
.ldm-line .field label{font-size:.85rem;color:var(--steel)}
.ldm-line input,.ldm-line select{padding:.6rem .5rem}
.del{padding:.6rem .8rem;font-size:.92rem}
.field input,.field select,.field textarea{font-size:1.05rem;border-radius:3px;border-color:#aeb6c2}

/* leksikon */
.lx-nav{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:2rem;position:sticky;top:5rem;background:#fff;padding:.6rem 0;z-index:5}
.lx-nav a{display:grid;place-items:center;min-width:2.6rem;height:2.6rem;border:1px solid var(--line);font-weight:700;text-decoration:none;border-radius:3px}
.lx-nav a:hover{background:var(--signal);color:#fff;border-color:var(--signal)}
.lx{display:grid;gap:2rem;max-width:52rem}
.lx-group h2{color:var(--signal);font-size:2rem;border-bottom:2px solid var(--line);padding-bottom:.3rem;margin-bottom:.8rem}
.lx-group dl{margin:0;display:grid;gap:1rem}
.lx-group dt{font-weight:700;color:var(--navy);font-size:1.15rem}
.lx-group dd{margin:.2rem 0 0}

/* footer */
.site-foot{background:var(--navy);color:#d5def0}
.site-foot a{color:#d5def0}
.foot-top{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.15)}
.foot-top p{flex:1;min-width:16rem;max-width:34rem}
.foot-top .btn-cta{background:#fff;border-color:#fff;color:var(--navy)}
.foot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot-grid{grid-template-columns:1fr}}
.foot-h2b{margin-top:1.6rem}
.site-foot h2{font-weight:700;font-size:1.05rem}
.foot-bottom .flags{margin:0 .3rem}
.foot-credit{margin-top:1rem;font-size:.8rem;color:#9fb0d0}
.foot-credit a{color:#9fb0d0}
.aside-card{background:var(--navy)}
.aside-card .btn-cta{background:#fff;border-color:#fff;color:var(--navy)}
.contact-card{background:var(--navy)}
.nav-toggle{display:none}
@media (max-width:1100px){.nav-toggle{display:inline-flex}}
.btn{white-space:nowrap}
.site-head .wrap.mega-grid{display:grid;align-items:start;min-height:0;padding-block:2rem 2.4rem}
@media (max-width:1100px){.site-head .wrap.mega-grid{padding:.4rem 0 .8rem}}
@media (min-width:1101px) and (max-width:1320px){.nav-top{padding:0 .55rem;font-size:.98rem}.brand{margin-right:.6rem}.head-actions .btn{padding:.8rem 1rem}}
.field-note{align-self:end;padding-bottom:.4rem}
/* fotokredit som title ved hover: lad musen nå billedet gennem overlay og tom flade */
.photo-hero::after{pointer-events:none}
.photo-hero .wrap{pointer-events:none}
.photo-hero .inner,.photo-hero .crumbs ol{pointer-events:auto}

/* v4: ensfarvet ordmærke, menuknap, formular med sektioner og vedhæftning */
.brand b span,.site-foot .brand b span{color:inherit}
.nav-toggle{align-items:center;gap:.55rem;height:2.9rem;padding:0 1rem;border:2px solid var(--signal);border-radius:3px;background:#fff;color:var(--signal);font:700 1rem var(--font-body);cursor:pointer}
.nav-toggle:hover{background:var(--paper-2)}
.burger{display:inline-grid;gap:4px;width:20px}
.burger i{display:block;height:2px;background:currentColor;border-radius:1px;transition:transform .15s,opacity .15s}
.site-head.open .burger i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.site-head.open .burger i:nth-child(2){opacity:0}
.site-head.open .burger i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:1100px){.head-actions .btn{height:2.9rem;padding:0 1rem}}
@media (max-width:400px){.head-actions .btn{padding:0 .75rem;font-size:.9rem}.nav-toggle{padding:0 .75rem}.brand b{font-size:1.2rem}}
.form .row{align-items:start}
.form fieldset{border:0;margin:0;padding:0 0 1.2rem;display:grid;gap:1rem;border-bottom:1px solid var(--line)}
.form legend{font-weight:700;color:var(--navy);font-size:1.15rem;padding:0;margin-bottom:.8rem}
.opt{font-weight:400;color:var(--steel);font-size:.9em}
.form .hint{margin-top:-.4rem}
.file-drop{border:2px dashed #aeb6c2;border-radius:4px;padding:1.1rem;display:grid;gap:.7rem;background:var(--paper-2)}
.file-drop label{display:grid;gap:.2rem;cursor:pointer}
.file-drop label b{color:var(--navy)}
.file-drop label span{color:var(--steel);font-size:.95rem}
.file-drop input[type=file]{font:inherit;font-size:.95rem}
.file-drop input[type=file]::file-selector-button{font:700 .95rem var(--font-body);border:2px solid var(--signal);background:#fff;color:var(--signal);padding:.55rem 1rem;border-radius:3px;margin-right:.8rem;cursor:pointer}
.file-list{list-style:none;margin:0;padding:0;display:grid;gap:.3rem;font-size:.95rem}
.file-list li{display:flex;justify-content:space-between;gap:1rem;background:#fff;border:1px solid var(--line);padding:.4rem .7rem;border-radius:3px}
.file-list li.bad{border-color:#b3261e;color:#b3261e}
.field input,.field select{min-height:3.25rem}
.lp-line .field input,.lp-line .field select,.ldm-line input,.ldm-line select{min-height:0}
.file-drop input[type=file]{max-width:100%;min-width:0}
.file-drop{min-width:0}
/* ordmærke B: store bogstaver, FRAGT fed */
.brand b{text-transform:uppercase;letter-spacing:.06em;font-size:1.4rem;font-weight:700}
.brand b span{font-weight:400}
@media (min-width:1101px) and (max-width:1320px){.brand b{font-size:1.2rem}}
@media (max-width:520px){.brand b{font-size:1.1rem;letter-spacing:.04em}}
@media (max-width:400px){.brand b{font-size:.98rem}}
@media (max-width:440px){
  .site-head .wrap{gap:.5rem}
  .nav-toggle .nt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .nav-toggle{width:2.9rem;padding:0;justify-content:center}
  .brand{margin-right:0}
}

/* Levende flueben: når listen kommer i syne, sættes fluebenene ét for ét med et kort grønt glimt – gentages i loop */
.checks li,.hero-list li{--i:0}
.checks li:nth-child(2),.hero-list li:nth-child(2){--i:1}
.checks li:nth-child(3),.hero-list li:nth-child(3){--i:2}
.checks li:nth-child(4),.hero-list li:nth-child(4){--i:3}
.checks li:nth-child(5){--i:4}.checks li:nth-child(6){--i:5}.checks li:nth-child(7){--i:6}.checks li:nth-child(8){--i:7}
@keyframes fc-tick{
  0%,3%{background-color:#fff;background-size:0 0;box-shadow:inset 0 0 0 2px var(--signal);transform:scale(1)}
  8%{background-color:#1e9e4a;background-size:105% 105%;box-shadow:0 0 0 5px rgba(30,158,74,.25);transform:scale(1.22)}
  13%{background-color:#1e9e4a;background-size:90% 90%;box-shadow:0 0 0 0 rgba(30,158,74,0);transform:scale(1)}
  24%,100%{background-color:var(--signal);background-size:90% 90%;box-shadow:none;transform:scale(1)}
}
@keyframes fc-tick-light{
  0%,3%{background-size:0 0;background-color:rgba(255,255,255,.25);box-shadow:inset 0 0 0 2px #fff;transform:scale(1)}
  8%{background-size:105% 105%;background-color:#c8f5d6;box-shadow:0 0 0 5px rgba(30,158,74,.55);transform:scale(1.22)}
  13%{background-size:90% 90%;background-color:#c8f5d6;box-shadow:0 0 0 0 rgba(30,158,74,0);transform:scale(1)}
  24%,100%{background-size:90% 90%;background-color:#fff;box-shadow:none;transform:scale(1)}
}
.checks.live li::before{animation:fc-tick 7s cubic-bezier(.3,.7,.4,1) infinite;animation-delay:calc(var(--i) * .45s)}
.hero-list.live li::before{animation:fc-tick-light 7s cubic-bezier(.3,.7,.4,1) infinite;animation-delay:calc(.6s + var(--i) * .45s);animation-fill-mode:backwards}
.checks.live li::before{animation-fill-mode:backwards}
.checks.paused li::before,.hero-list.paused li::before{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.checks.live li::before,.hero-list.live li::before{animation:none}}

/* sikkerhedstip-pop-up (lille kort nederst, blokerer ikke siden) */
.tip-pop{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:50;width:min(24rem,calc(100vw - 32px));
  background:#fff;border:1px solid var(--line);border-top:5px solid var(--signal);border-radius:4px;box-shadow:0 18px 40px rgba(0,38,100,.25);padding:1.3rem 1.4rem 1.2rem;display:grid;gap:.5rem;
  animation:tip-in .45s cubic-bezier(.2,.8,.3,1)}
.tip-pop[hidden]{display:none}
@keyframes tip-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.tip-k{font-weight:700;color:var(--signal);font-size:.92rem;display:flex;align-items:center;gap:.45rem}
.tip-k::before{content:"";width:1.1rem;height:1.1rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l8 3v6c0 5-3.4 9.3-8 11-4.6-1.7-8-6-8-11V5z' fill='%230a34a1'/%3E%3Cpath d='M8 12l3 3 5-6' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.tip-pop h2{font-size:1.2rem;color:var(--navy);padding-right:1.6rem}
.tip-pop p{color:var(--steel);font-size:1rem;line-height:1.55}
.tip-actions{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;margin-top:.4rem}
.tip-actions .btn{padding:.7rem 1.1rem;font-size:.95rem}
.tip-close{position:absolute;top:.55rem;right:.6rem;width:2.4rem;height:2.4rem;border:0;background:transparent;font-size:1.7rem;line-height:1;color:var(--steel);cursor:pointer;border-radius:3px}
.tip-close:hover{background:var(--paper-2);color:var(--ink)}
.tip-pop.swap h2,.tip-pop.swap p:not(.tip-k){animation:tip-fade .3s ease}
@keyframes tip-fade{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.tip-pop,.tip-pop.swap h2,.tip-pop.swap p{animation:none}}
.tip-card{position:relative}
.tip-n{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--signal);color:#fff;font-weight:700}
/* kodeeksempel */
.code-h{font-weight:700;color:var(--navy);margin-bottom:.5rem}
pre.code{margin:0 0 .8rem;background:#0b1a33;color:#e6edf7;border-radius:4px;padding:1.2rem;overflow-x:auto;font:400 .88rem/1.6 var(--font-mono);max-width:100%}
@media (max-width:860px){.split{grid-template-columns:minmax(0,1fr)}}
.split>*{min-width:0}

/* statusboks som kort med highlight: zoomer let ind og tilbage i loop */
.status{background:transparent;border:0;position:relative;z-index:2;margin-top:-2.6rem}
.status .wrap{display:block;padding-block:0}
.status-card{background:#fff;border:1px solid #c9d6ff;border-left:6px solid #e8a317;border-radius:6px;box-shadow:0 14px 34px rgba(0,38,100,.16);
  padding:1.3rem 1.5rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem 1.5rem;align-items:center;transform-origin:center;
  animation:status-hl 6s ease-in-out 1.2s infinite}
.status-top{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.status-pill{display:inline-flex;align-items:center;gap:.55rem;background:#fff4dc;color:#7a4b00;font-weight:700;font-size:.95rem;padding:.35rem .85rem .35rem .7rem;border-radius:999px}
.status-free{display:inline-flex;align-items:center;background:#e8eeff;color:var(--signal);font-weight:700;font-size:.95rem;padding:.35rem .85rem;border-radius:999px}
.status-card p{color:var(--ink);font-size:1.05rem;line-height:1.6;margin:0}
.status-card p b{color:var(--navy)}
.status-btn{padding:.8rem 1.2rem}
.status .dot{position:relative;width:.7rem;height:.7rem;margin:0;border-radius:50%;background:#e8a317;box-shadow:none;flex:none}
.status .dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:#e8a317;animation:status-ping 1.8s cubic-bezier(0,0,.2,1) infinite}
@keyframes status-ping{0%{transform:scale(1);opacity:.7}80%,100%{transform:scale(2.8);opacity:0}}
@keyframes status-hl{
  0%,62%,100%{transform:scale(1);box-shadow:0 14px 34px rgba(0,38,100,.16)}
  70%{transform:scale(1.025);box-shadow:0 0 0 4px rgba(232,163,23,.35),0 22px 44px rgba(0,38,100,.22)}
  80%{transform:scale(1);box-shadow:0 0 0 0 rgba(232,163,23,0),0 14px 34px rgba(0,38,100,.16)}
}
@media (max-width:720px){.status{margin-top:-1.6rem}.status-card{grid-template-columns:1fr;padding:1.1rem 1.15rem}.status-btn{justify-self:start}}
@media (prefers-reduced-motion:reduce){.status-card,.status .dot::after{animation:none}}

/* tilbage-knap ved brødkrummerne – altid en vej tilbage */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}
.crumbs .back{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;text-decoration:none;border:2px solid currentColor;border-radius:3px;padding:.3rem .8rem .3rem .6rem;font-size:.92rem;line-height:1.2}
.crumbs .back::before{content:"";width:.5rem;height:.5rem;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:.2rem}
.photo-hero .crumbs .back{color:#fff;pointer-events:auto}
.photo-hero .crumbs .back:hover{background:#fff;color:var(--navy)}
.crumbs.dark .back{color:var(--signal)}
.crumbs.dark .back:hover{background:var(--signal);color:#fff}

/* sikkerhedstip v2: nederst til højre, smallere, forsvinder efter 15 sek. */
.tip-pop{left:auto;right:max(16px,env(safe-area-inset-right,0px));width:min(20rem,calc(100vw - 32px));padding:1.1rem 1.15rem 1.15rem;gap:.4rem;overflow:hidden}
.tip-pop h2{font-size:1.08rem}
.tip-pop p{font-size:.95rem}
.tip-actions .btn{padding:.6rem .95rem;font-size:.92rem}
.tip-pop.out{animation:tip-out .4s ease forwards}
@keyframes tip-out{to{opacity:0;transform:translateY(16px)}}
.tip-timer{position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--paper-2)}
.tip-timer i{display:block;height:100%;width:100%;background:var(--signal);transform-origin:left;animation:tip-count 15s linear forwards}
.tip-pop:hover .tip-timer i{animation-play-state:paused}
@keyframes tip-count{to{transform:scaleX(0)}}
@media (prefers-reduced-motion:reduce){.tip-timer i{animation:none}}

/* ---------- markedstavle: nye opgaver ruller ned trin for trin (illustration) ---------- */
.board-band{background:var(--navy);color:#fff;overflow:hidden}
.board-band.section{background:var(--navy)}
.board-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,4vw,3.5rem);align-items:center}
@media (max-width:960px){.board-grid{grid-template-columns:minmax(0,1fr)}}
.board-text h2{color:#fff;margin:.6rem 0 1rem}
.board-text p{color:#d5def0;font-size:1.1rem}
.board-kicker{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;color:#9db8ff!important;font-size:.98rem!important}
.b-live{width:.65rem;height:.65rem;border-radius:50%;background:#3ddc84;position:relative;flex:none}
.b-live::after{content:"";position:absolute;inset:0;border-radius:50%;background:#3ddc84;animation:status-ping 1.8s cubic-bezier(0,0,.2,1) infinite}
.board-legend{list-style:none;display:flex;gap:1.2rem;padding:0;margin:1.3rem 0 .8rem}
.board-legend li{display:flex;align-items:center;gap:.5rem;font-weight:500}
.board-note{font-size:.9rem!important;color:#9fb0d0!important;margin-bottom:1.3rem}
.board{background:#001a47;border:1px solid rgba(255,255,255,.12);border-radius:6px;box-shadow:0 30px 60px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden;font-variant-numeric:tabular-nums}
.board-head,.b-row{display:grid;grid-template-columns:3.6rem 2.4rem minmax(0,1.5fr) minmax(0,1fr) 5.6rem;gap:.8rem;align-items:center;padding:0 1.1rem}
.board-head{height:2.6rem;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7f93bd;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03)}
.board-list{list-style:none;margin:0;padding:0;height:calc(3.6rem * 8);overflow:hidden;position:relative;
  -webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
.board-list.shift{transition:transform .55s cubic-bezier(.2,.8,.25,1)}
.b-row{height:3.6rem;border-bottom:1px solid rgba(255,255,255,.07);color:#e6ecf8;font-size:.97rem}
.b-row.fresh{animation:b-fresh 1.8s ease-out}
@keyframes b-fresh{0%{background:rgba(61,220,132,.28)}100%{background:transparent}}
.b-time{color:#9fb0d0;font-weight:500}
.b-mode{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%}
.b-mode svg{width:1.15rem;height:1.15rem}
.m-vej{background:rgba(111,141,255,.18);color:#9db8ff}
.m-soe{background:rgba(56,200,214,.18);color:#6fe0ea}
.m-luft{background:rgba(255,190,80,.18);color:#ffcf7a}
.b-route{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b-route b{font-weight:500;color:#fff}
.b-route i{font-style:normal;font-size:.75rem;font-weight:700;color:#7f93bd;border:1px solid rgba(255,255,255,.18);border-radius:3px;padding:0 .25rem;margin-left:.1rem}
.b-arr{color:#7f93bd;margin:0 .2rem}
.b-goods{color:#c7d3ec;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b-st{justify-self:end;font-size:.78rem;font-weight:700;border-radius:999px;padding:.2rem .65rem;white-space:nowrap;transition:background .3s,color .3s}
.b-st.new{background:#3ddc84;color:#06301a}
.b-st.bid{background:rgba(111,141,255,.22);color:#c9d6ff}
.b-st.ok{background:rgba(255,255,255,.1);color:#c7d3ec}
.b-st.flip{animation:b-flip .45s ease}
@keyframes b-flip{0%{transform:rotateX(90deg)}100%{transform:none}}
@media (max-width:640px){
  .board-head,.b-row{grid-template-columns:2.9rem 2rem minmax(0,1fr) 4.6rem;gap:.55rem;padding:0 .7rem}
  .board-head span:nth-child(4),.b-goods{display:none}
  .b-row{font-size:.9rem}
}
@media (prefers-reduced-motion:reduce){.board-list.shift{transition:none}.b-row.fresh,.b-st.flip,.b-live::after{animation:none}}
.section.board-band{background:var(--navy)!important}
@media (max-width:640px){
  .b-route{white-space:normal;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .b-route i{display:none}
  .board-list{height:calc(3.6rem * 7)}
}
/* statuskortet bygger bro mellem foto og markedstavlen */
.status{background:linear-gradient(transparent 55%,var(--navy) 55%)}
.status + .board-band{padding-top:clamp(2.5rem,5vw,4rem)}
.status{background:linear-gradient(transparent 2.6rem,var(--navy) 2.6rem)}
@media (max-width:720px){.status{background:linear-gradient(transparent 1.6rem,var(--navy) 1.6rem)}}

/* rettelse: flueben står altid sat; animationen er kun et kort grønt "sæt flueben"-glimt. Ingen tomme bokse. */
.checks.live li::before,.hero-list.live li::before{animation-fill-mode:none!important}
@keyframes fc-tick{
  0%{background-color:var(--signal);background-size:90% 90%;transform:scale(1);box-shadow:none}
  1.5%{background-color:#1e9e4a;background-size:0 0;transform:scale(.9)}
  5%{background-color:#1e9e4a;background-size:105% 105%;transform:scale(1.22);box-shadow:0 0 0 5px rgba(30,158,74,.25)}
  10%{background-color:#1e9e4a;background-size:90% 90%;transform:scale(1);box-shadow:0 0 0 0 rgba(30,158,74,0)}
  20%,100%{background-color:var(--signal);background-size:90% 90%;transform:scale(1);box-shadow:none}
}
@keyframes fc-tick-light{
  0%{background-color:#fff;background-size:90% 90%;transform:scale(1);box-shadow:none}
  1.5%{background-color:#c8f5d6;background-size:0 0;transform:scale(.9)}
  5%{background-color:#c8f5d6;background-size:105% 105%;transform:scale(1.22);box-shadow:0 0 0 5px rgba(30,158,74,.55)}
  10%{background-color:#c8f5d6;background-size:90% 90%;transform:scale(1);box-shadow:0 0 0 0 rgba(30,158,74,0)}
  20%,100%{background-color:#fff;background-size:90% 90%;transform:scale(1);box-shadow:none}
}
/* sømløs overgang fra foto til statuskort */
.status{background:linear-gradient(transparent calc(2.6rem - 2px),var(--navy) calc(2.6rem - 2px))}
@media (max-width:720px){.status{background:linear-gradient(transparent calc(1.6rem - 2px),var(--navy) calc(1.6rem - 2px))}}