@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --navy:#0B1F33; --ink:#0F172A; --muted:#5B6B7F; --line:#E3E8EF; --bg:#F5F7FA;
  --green:#0F8A5F; --green-d:#0B6E4B; --green-l:#E8F3EE; --red:#C42B1C; --volt:#FFC93C;
  --panel:#F3F5F7; --r:8px; --r-sm:6px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;font-variant-numeric:tabular-nums}
a{color:var(--green-d)}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.nav{display:flex;justify-content:space-between;align-items:center;max-width:1160px;margin:0 auto;padding:20px 24px}
.logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:19px;letter-spacing:-.2px;color:var(--navy);text-decoration:none}
.logo b{color:var(--green)}
.bolt{width:28px;height:28px;border-radius:6px;background:var(--navy);display:grid;place-items:center}
.bolt svg{width:15px;height:15px;fill:var(--volt)}
.nav-trust{font-size:14px;font-weight:500;color:var(--muted)}

.hero{max-width:1160px;margin:0 auto;padding:40px 24px 56px;display:grid;grid-template-columns:1fr 480px;gap:56px;align-items:start}
h1{font-size:clamp(32px,4vw,46px);line-height:1.12;letter-spacing:-.6px;font-weight:700;color:var(--navy)}
h1 em{font-style:normal;color:inherit}
.lead{font-size:18px;line-height:1.6;color:#3F4B5B;margin-top:18px;max-width:540px}
.usps{list-style:none;margin-top:24px;display:grid;gap:10px;padding-top:20px;border-top:1px solid var(--line);max-width:540px}
.usps li{display:flex;gap:10px;align-items:baseline;font-size:16px}
.check{color:var(--green);font-weight:700;flex:none;font-size:15px}

.card{background:#fff;border:1px solid #D9DEE5;border-radius:var(--r);box-shadow:0 1px 2px rgba(16,24,40,.05),0 8px 24px rgba(16,24,40,.06);overflow:hidden}
.steps{display:flex;border-bottom:1px solid var(--line)}
.step{flex:1;display:flex;gap:8px;justify-content:center;align-items:center;padding:15px 0;font-size:14px;font-weight:600;color:var(--muted)}
.step span{width:22px;height:22px;border-radius:4px;background:#EEF1F5;display:grid;place-items:center;font-size:12px}
.step.on{color:var(--navy);box-shadow:inset 0 -2px 0 var(--navy)}
.step.on span{background:var(--navy);color:#fff}
.step.ok span{background:var(--green-l);color:var(--green-d)}

form{padding:24px 26px 26px}
fieldset{border:0;display:grid;gap:18px}
.field{display:grid;gap:7px;min-width:0}
label,.label{font-size:14px;font-weight:600;color:var(--ink)}
.opt{font-weight:500;color:var(--muted)}
input[type=text],input:not([type]),input[type=email],input[type=tel]{width:100%;font:inherit;font-size:16px;border:1px solid #B8C1CC;border-radius:var(--r-sm);padding:12px 13px;color:var(--ink);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}
input:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(11,31,51,.15)}
input.invalid{border-color:var(--red)}
.hint{font-size:13px;color:var(--muted);min-height:0}
.err{font-size:12.5px;font-weight:600;color:var(--red)}
.err:empty,.hint:empty{display:none}
.suffix{position:relative}
.suffix input{padding-right:44px}
.suffix span{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:600;pointer-events:none}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}

.chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.chip input,.tg input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:block;text-align:center;border:1px solid #B8C1CC;border-radius:var(--r-sm);padding:11px 4px;font-size:15px;font-weight:500;color:var(--ink);cursor:pointer;transition:all .15s}
.chip input:checked+span{border-color:var(--navy);background:var(--navy);color:#fff}
.chip input:focus-visible+span,.tg input:focus-visible+span{box-shadow:0 0 0 3px rgba(11,31,51,.25)}

.stepper{display:flex;align-items:center;border:1px solid #B8C1CC;border-radius:var(--r-sm);overflow:hidden}
.stepper button{width:46px;height:44px;border:0;background:var(--panel);font-size:20px;font-weight:600;color:var(--navy);cursor:pointer}
.stepper button:hover{background:#EBEFF4}
.stepper output{flex:1;text-align:center;font-weight:700;font-size:17px}

.toggles{display:flex;flex-wrap:wrap;gap:8px}
.tg span{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:0;padding:6px 14px 6px 0;font-size:15px;font-weight:400;color:var(--ink);cursor:pointer;transition:all .15s}
.tg span:before{content:"";width:18px;height:18px;border-radius:4px;border:1px solid #8D99A8;background:#fff}
.tg input:checked+span{color:var(--ink)}
.tg input:checked+span:before{background:var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8l3 3 7-7' stroke='white' stroke-width='2.4' fill='none'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--navy)}

.estimate{background:var(--panel);border-left:3px solid var(--green);border-radius:var(--r-sm);padding:14px 16px}
.est-top{display:flex;justify-content:space-between;font-size:14px;color:var(--muted)}
.est-top b{color:var(--ink)}
.live{display:flex;align-items:center;gap:6px;color:var(--muted);font-weight:500;font-size:12.5px}
.live i{width:6px;height:6px;border-radius:50%;background:var(--green)}
.est-label{font-size:14px;color:var(--muted);margin-top:10px}
.est-big{font-size:30px;font-weight:700;letter-spacing:-.4px;color:var(--green-d);line-height:1.2}
.est-foot{font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.45}

.btn{width:100%;border:0;cursor:pointer;font:inherit;font-size:17px;font-weight:600;color:#fff;background:var(--green);border-radius:var(--r-sm);padding:15px;transition:background .15s}
.btn:hover{background:var(--green-d)}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.6;cursor:wait}
.link{border:0;background:none;font:inherit;font-weight:600;color:var(--navy);text-decoration:underline;cursor:pointer;font-size:14px}

.save-bar{display:flex;justify-content:space-between;align-items:center;background:var(--panel);border-left:3px solid var(--green);color:var(--ink);border-radius:var(--r-sm);padding:10px 14px;font-size:14px}
.consent{display:flex;gap:11px;align-items:flex-start;font-size:15px;font-weight:400;color:var(--ink);line-height:1.5;cursor:pointer}
.consent input{width:20px;height:20px;margin-top:2px;accent-color:var(--navy);flex:none}
.hp{position:absolute;left:-9999px}
.form-err{color:var(--red);font-size:14px;font-weight:600;text-align:center}
.form-err:empty{display:none}
.micro{font-size:12.5px;color:var(--muted);text-align:center}

.done{text-align:center;padding:30px 10px 20px}
.done-ic{width:48px;height:48px;border-radius:50%;border:2px solid var(--green);color:var(--green);font-size:24px;font-weight:700;display:grid;place-items:center;margin:0 auto 14px}
.done h2{font-size:24px;color:var(--navy);letter-spacing:-.3px}
.done p{font-size:15px;color:var(--muted);line-height:1.55;margin-top:10px}

.tracker{max-width:1160px;margin:0 auto 34px;padding:28px;background:#fff;border:1px solid #D9DEE5;border-radius:var(--r)}
.tr-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.tracker h2{font-size:24px;color:var(--navy);letter-spacing:-.3px}
.tr-sub{font-size:14px;color:var(--muted);margin-top:4px}
.tr-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.seg{display:flex;border:1px solid #B8C1CC;border-radius:var(--r-sm);overflow:hidden}
.seg button{border:0;border-right:1px solid #B8C1CC;background:#fff;font:inherit;font-size:14px;font-weight:500;color:var(--ink);padding:7px 13px;cursor:pointer}
.seg button:last-child{border-right:0}
.seg button[aria-selected=true]{background:var(--navy);color:#fff}
.vat{display:flex;gap:7px;align-items:center;font-size:14px;color:var(--ink);cursor:pointer}
.vat input{accent-color:var(--navy);width:16px;height:16px}

.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
.tile{border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;display:grid;gap:2px}
.tile.now{background:var(--navy);border-color:var(--navy)}
.t-lbl{font-size:13px;font-weight:500;color:var(--muted)}
.tile b{font-size:26px;letter-spacing:-.4px;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums}
.t-sub{font-size:12px;color:var(--muted)}
.tile.now .t-lbl,.tile.now .t-sub{color:#9FB3C8}
.tile.now b{color:#fff}

.chart-wrap{position:relative;margin-top:22px}
.chart{position:relative;height:240px;margin-left:42px}
.chart .grid{position:absolute;inset:0 0 22px 0}
.gl{position:absolute;left:0;right:0;border-top:1px solid #EEF1F5}
.gl.zero{border-top:1px solid #C7D0DB}
.gl span{position:absolute;right:calc(100% + 8px);top:-8px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.cols{position:absolute;inset:0;display:flex;gap:2px}
.col{flex:1;position:relative;border:0;background:none;cursor:pointer;padding:0;min-width:0}
.col::before{content:"";position:absolute;inset:0 0 22px 0;border-radius:4px}
.col:hover::before,.col:focus-visible::before{background:rgba(11,31,51,.04)}
.col:focus-visible{outline:none}
.plot{position:absolute;inset:0 0 22px 0}
.bar{position:absolute;left:12%;right:12%;border-radius:4px 4px 0 0}
.bar.neg{border-radius:0 0 4px 4px}
.bar.mid{background:#C9D3DF}
.bar.cheap{background:var(--cheap,#12B76A)}
.bar.exp{background:#E8833A}
.bar.now{background:var(--navy)}
.xl{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:11px;color:var(--muted)}
.chart-msg{position:absolute;inset:0;display:grid;place-items:center;font-size:15px;color:var(--muted);text-align:center;padding:0 20px}
.tip{position:absolute;top:0;transform:translateY(-100%);background:#fff;color:var(--ink);border:1px solid #B8C1CC;border-radius:var(--r-sm);padding:10px 12px;font-size:13px;line-height:1.5;pointer-events:none;box-shadow:0 4px 12px rgba(16,24,40,.12);z-index:2;display:grid;min-width:150px}
.tip .tv{font-size:16px;font-weight:700;color:var(--navy)}
.tip .tq{color:var(--muted);margin-top:4px;border-top:1px solid var(--line);padding-top:4px}
.tip .tq b{color:var(--ink);font-weight:600}

.tr-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.lg-cheap{background:var(--cheap,#12B76A)} .lg-mid{background:#C9D3DF} .lg-exp{background:#E8833A} .lg-now{background:var(--navy)}
.ptable{margin-top:14px;max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:var(--r-sm)}
.ptable table{width:100%;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums}
.ptable th{position:sticky;top:0;background:#F5F7FA;text-align:right;padding:8px 12px;font-size:12px;color:var(--muted)}
.ptable td{text-align:right;padding:7px 12px;border-top:1px solid #EEF1F5}
.ptable th:first-child,.ptable td:first-child{text-align:left}
.ptable tr.cur td{background:var(--green-l)}
.t-unit{font-size:12px;color:var(--muted);padding:8px 12px}
#trNotice{margin-top:16px;background:#FFF8E1;border-left:3px solid #D99A00;color:#5C4300;border-radius:var(--r-sm);padding:10px 14px;font-size:14px}
.tr-note{font-size:13px;color:var(--muted);line-height:1.55;margin-top:16px;padding-top:14px;border-top:1px solid #EEF1F5}
.tr-note a{font-weight:600;color:var(--navy)}
.tr-note .src{display:block;margin-top:4px;font-size:12px}

/* Indholdssektioner og FAQ (bruges af sitesne) */
.content{max-width:1160px;margin:0 auto;padding:10px 24px 40px}
.content h2{font-size:24px;color:var(--navy);letter-spacing:-.3px;margin-bottom:14px}
.content .lead2{font-size:16px;color:var(--muted);line-height:1.6;max-width:760px;margin:-6px 0 20px}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cards3>div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px}
.cards3 h3{font-size:16px;color:var(--navy);margin-bottom:6px}
.cards3 p{font-size:14.5px;color:var(--muted);line-height:1.55}
.cards3 .ic{width:28px;height:28px;color:var(--navy);margin-bottom:10px}
.faq>details{max-width:860px}
.faq details{background:#fff;border-bottom:1px solid var(--line)}
.faq details:first-of-type{border-top:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:16px 4px;font-weight:600;color:var(--navy);display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:20px;line-height:1;color:var(--muted)}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 4px 16px;font-size:15px;color:var(--ink);line-height:1.6}
.lead-sec{padding-top:20px}
@media (max-width:900px){.cards3{grid-template-columns:1fr}.content{padding-left:16px;padding-right:16px}}

/* Navigation, brødkrummer, footer */
.topnav{display:flex;gap:22px;font-size:15px}
.topnav a{color:inherit;text-decoration:none;opacity:.85}
.topnav a:hover,.topnav a[aria-current=page]{opacity:1;text-decoration:underline;text-underline-offset:4px}
.nav{color:var(--ink)}
.crumbs{font-size:14px;color:var(--muted);margin-bottom:14px}
.crumbs a{color:var(--muted)}
.foot{max-width:1160px;margin:0 auto;text-align:left;border-top:1px solid var(--line);padding:24px 24px 48px;display:grid;gap:8px}
.foot-nav{display:flex;flex-wrap:wrap;gap:8px 22px;margin-bottom:6px}
.foot-nav a{color:var(--navy);font-weight:500;font-size:14.5px}
.foot p{font-size:13px;color:var(--muted)}
.foot a{color:var(--muted)}
.foot-src{font-size:12.5px}

/* Dokumenter og artikler */
.doc{max-width:760px;margin:0 auto;padding:28px 24px 60px;line-height:1.65}
.doc h1{font-size:clamp(28px,3.4vw,38px);margin-bottom:10px;color:var(--navy)}
.doc h2{font-size:21px;color:var(--navy);margin:30px 0 8px;letter-spacing:-.2px}
.doc h3{font-size:17px;color:var(--navy);margin:20px 0 6px}
.doc p,.doc li{font-size:16.5px;color:var(--ink)}
.doc p+p{margin-top:12px}
.doc ul,.doc ol{padding-left:22px;margin:8px 0}
.doc li+li{margin-top:6px}
.doc .intro{font-size:18.5px;color:#3F4B5B}
.doc .updated{font-size:14px;color:var(--muted);margin-bottom:18px}
.article{max-width:1160px;margin:0 auto;padding:28px 24px 50px;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:start}
.article .doc{padding:0;margin:0;max-width:none}
.article aside{position:sticky;top:20px}
.callout{background:var(--panel);border-left:3px solid var(--green);border-radius:var(--r-sm);padding:14px 16px;margin:18px 0}
.callout p{margin:0!important}
.link-list{list-style:none;padding:0!important}
.link-list li{padding:10px 0;border-bottom:1px solid var(--line);margin:0!important}
.link-list a{color:var(--navy);font-weight:600}
.doc .note{background:#FFF8E1;border-left:3px solid #D99A00;border-radius:var(--r-sm);padding:10px 14px;font-size:14px;margin:12px 0}
.doc .box{background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 16px;margin-top:8px}

/* Server-renderede prisdata (kan læses af søgemaskiner uden JavaScript) */
.data-sec{max-width:1160px;margin:0 auto;padding:0 24px 34px}
.data-sec h2{font-size:22px;color:var(--navy);margin-bottom:8px}
.data-sec .sum{font-size:16.5px;line-height:1.65;color:var(--ink);max-width:860px;margin-bottom:14px}
.data-sec details{background:#fff;border:1px solid var(--line);border-radius:var(--r-sm)}
.data-sec summary{cursor:pointer;padding:12px 16px;font-weight:600;color:var(--navy)}
.ssr-table{width:100%;border-collapse:collapse;font-size:15px;background:#fff}
.ssr-table caption{text-align:left;font-size:13px;color:var(--muted);padding:10px 16px}
.ssr-table th,.ssr-table td{padding:8px 16px;border-top:1px solid var(--line);text-align:right}
.ssr-table th[scope=row],.ssr-table thead th:first-child{text-align:left;font-weight:500}
.ssr-table thead th{font-size:13px;color:var(--muted);font-weight:600;background:var(--panel)}
.ssr-table a{color:var(--navy);font-weight:600}
.ssr-chart{margin:8px 0 6px 42px}
.ssr-chart .col{display:block;cursor:default}
.two-charts{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.two-charts h3{font-size:16px;color:var(--navy);margin-bottom:6px}
.pager{display:flex;justify-content:space-between;gap:16px;margin:18px 0;font-weight:600}
.pager a{color:var(--navy)}
.months{columns:3;column-gap:28px}
.months h3{font-size:15px;color:var(--navy);margin:10px 0 4px;break-after:avoid}
.months p{font-size:14px;line-height:1.9;break-inside:avoid}
.months a{color:var(--navy);margin-right:6px}
@media (max-width:900px){.topnav{display:none}.article{grid-template-columns:1fr;gap:30px}.article aside{position:static}.two-charts{grid-template-columns:1fr}.months{columns:2}.data-sec{padding:0 16px 28px}.foot{padding:22px 16px 40px}}

/* Logo */
.logo .mark svg{width:30px;height:30px;display:block}
.logo .wm b{font-weight:700}

/* Lead-værktøjer: boble, panel, mobilbjælke */
.lw{position:fixed;right:20px;bottom:20px;z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.lw-btn{display:flex;align-items:center;gap:9px;border:0;cursor:pointer;font:inherit;font-size:15px;font-weight:600;color:#fff;background:var(--navy);border-radius:999px;padding:13px 20px 13px 16px;box-shadow:0 2px 6px rgba(16,24,40,.2),0 8px 20px rgba(16,24,40,.15)}
.lw-btn svg{width:20px;height:20px}
.lw-btn:hover{filter:brightness(1.15)}
.lw-btn[aria-expanded=true]{opacity:0;pointer-events:none}
.lw-nudge{position:relative;max-width:270px;background:#fff;border:1px solid #D9DEE5;border-radius:var(--r);padding:12px 32px 12px 14px;font-size:14px;line-height:1.45;color:var(--ink);box-shadow:0 4px 16px rgba(16,24,40,.12);cursor:pointer}
.lw-nudge b{display:block;color:var(--navy)}
.lw-nudge span{color:var(--muted)}
.lw-x,.lw-close{position:absolute;top:6px;right:8px;border:0;background:none;font-size:20px;line-height:1;color:var(--muted);cursor:pointer;padding:4px}
.lw-panel{position:fixed;right:20px;bottom:20px;z-index:50;width:370px;max-height:calc(100vh - 40px);overflow:auto;background:#fff;border:1px solid #D9DEE5;border-radius:var(--r);box-shadow:0 8px 30px rgba(16,24,40,.2)}
.lw-panel.modal{right:auto;bottom:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:440px}
.lw-head{position:relative;padding:18px 44px 14px 20px;border-bottom:1px solid var(--line)}
.lw-head h2{font-size:19px;color:var(--navy)}
.lw-head p{font-size:14px;color:var(--muted);line-height:1.5;margin-top:4px}
.lw-close{top:12px;right:12px;font-size:24px}
#lwForm{padding:16px 20px 20px;display:grid;gap:14px}
#lwForm .row{gap:12px}
select{width:100%;font:inherit;font-size:16px;border:1px solid #B8C1CC;border-radius:var(--r-sm);padding:11px 12px;background:#fff;color:var(--ink)}
select:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(11,31,51,.15)}
.lw-done{padding:28px 20px 30px;text-align:center}
.lw-done h2{font-size:20px;color:var(--navy)}
.lw-done p{font-size:15px;color:var(--muted);line-height:1.55;margin-top:8px}
.lw-backdrop{position:fixed;inset:0;z-index:45;background:rgba(11,31,51,.45)}
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #D9DEE5;box-shadow:0 -4px 14px rgba(16,24,40,.08)}
.mbar button{flex:1;font:inherit;font-size:16px;font-weight:600;border-radius:var(--r-sm);padding:13px 8px;cursor:pointer}
.mbar-a{border:0;background:var(--green);color:#fff}
.mbar-b{border:1px solid var(--navy);background:#fff;color:var(--navy)}
body.has-mbar{padding-bottom:72px}
@media (max-width:700px){
  .lw{display:none}
  .lw-panel,.lw-panel.modal{left:0;right:0;bottom:0;top:auto;transform:none;width:auto;max-height:92vh;border-radius:12px 12px 0 0;border-bottom:0}
}

.how{max-width:1160px;margin:0 auto;padding:20px 24px 56px}
.how h2{font-size:24px;color:var(--navy);letter-spacing:-.3px;margin-bottom:16px}
.how ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:s}
.how li{border-top:2px solid var(--navy);padding:16px 0 0;display:grid;gap:6px;counter-increment:s}
.how li:before{content:counter(s) ".";font-size:14px;color:var(--muted);font-weight:600}
.how b{color:var(--navy);font-size:16px}
.how span{color:var(--muted);font-size:14.5px;line-height:1.5}

@media (max-width:900px){
  .tracker{margin:0 24px 30px;padding:22px}
  .tiles{grid-template-columns:repeat(2,1fr)}
  .hero{grid-template-columns:1fr;gap:28px;padding-top:16px}
  .lead{font-size:17px}
  .usps{display:none}
  .how ol{grid-template-columns:1fr}
}
@media (max-width:480px){
  .tracker{margin:0 16px 28px;padding:18px 14px}
  .tile b{font-size:23px}
  .chart{height:200px;margin-left:36px}
  .col:not([data-h='0']):not([data-h='6']):not([data-h='12']):not([data-h='18']) .xl{display:none}
  .seg button{padding:8px 10px}
  .nav{padding:16px}
  .nav-trust{display:none}
  .hero,.how{padding-left:16px;padding-right:16px}
  form{padding:20px 18px 22px}
  .row{grid-template-columns:1fr}
  .est-big{font-size:30px}
}

/* tap-mål (Lighthouse/WCAG 2.2): links og afkrydsning skal være store nok at ramme med en finger */
.foot-nav{display:flex;flex-wrap:wrap;gap:0 10px}
.foot-nav a,.foot p a{display:inline-block;padding:12px 6px}
.topnav a{padding:8px 2px}
.vat{padding:10px 6px}
.vat input{width:24px;height:24px}