main{max-width:900px}.boks{background:#fff;border:1px solid var(--kant);border-radius:14px;padding:20px;margin-bottom:16px}
.boks>h2{font-size:17px;color:var(--blaek);margin:0 0 12px}
.lille{font-size:14px;color:var(--graa)}input[type=text]{width:100%;font:inherit;border:1px solid var(--kant);border-radius:10px;padding:10px;background:#fff}
.felt{margin-top:14px}.felt label{display:block;font-size:14px;margin-bottom:4px}.tjek{display:flex;gap:8px;align-items:flex-start;margin:14px 0}
button{font:600 15px 'IBM Plex Sans',sans-serif;border-radius:10px;padding:11px 18px;min-height:44px;cursor:pointer;border:1px solid var(--blaa);background:var(--blaa);color:#fff}
button:disabled{opacity:.6}button.knap.sek{background:#fff;color:var(--blaek);border-color:var(--kant)}
.fejl{color:var(--fejl);font-weight:500;margin-top:8px}.gemt{background:#E3F5EF;color:#1F5C4D;border-radius:10px;padding:12px 14px;font-weight:500;margin:0 0 16px}
.maerke{display:inline-block;font-size:13px;font-weight:600;padding:2px 10px;border-radius:999px}.ok-m{background:#E3F5EF;color:#1F5C4D}.adv-m{background:#FFF0E0;color:#8A4100}
.forrest{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;margin-bottom:28px}
.naeste{background:#fff;border:1px solid var(--kant);border-radius:16px;padding:24px 26px;position:relative;overflow:hidden}
.naeste::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--hindbaer)}
.naeste .lille-titel{font-size:14px;color:var(--graa);margin:0 0 6px}.naeste h2{font-size:24px;margin:0 0 8px;max-width:30ch}
.naeste p.hvorfor{margin:0 0 18px;color:#2A303B;max-width:56ch}.naeste .knap{font-size:16px;padding:12px 22px}
.ogsaa{margin:22px 0 0;padding:16px 0 0;border-top:1px solid var(--kant);list-style:none}.ogsaa li{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:6px 0}.ogsaa a{white-space:nowrap;font-weight:600;text-decoration:none}
.kubekort{background:var(--navy);color:#fff;border-radius:16px;padding:22px 24px;display:flex;flex-direction:column;align-items:center;gap:12px}
.kubekort h2{font-size:17px;margin:0;align-self:flex-start;color:#fff}.kubekort svg{background:#F4F5F1;border-radius:50%;padding:10px}
.omr{list-style:none;padding:0;margin:0;width:100%}.omr li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:5px 0;font-size:14px}
.omr .flade{width:11px;height:11px}.omr .bar{height:6px;background:#2C4378;border-radius:6px;overflow:hidden}.omr .bar i{display:block;height:100%;background:var(--mint)}.omr b{font-weight:600;color:#C9D3E6;font-size:13px}
h2.sektion{font-size:20px;margin:0 0 14px}
.kom{background:#fff;border:1px solid var(--kant);border-radius:16px;padding:22px 24px;margin-bottom:28px}
.kom-hoved{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.kom-hoved h2{margin:0}.kom-hoved span{color:var(--graa);font-size:14px}
.fremskridt{height:8px;background:#E7E9E2;border-radius:8px;overflow:hidden;margin-bottom:8px}.fremskridt i{display:block;height:100%;background:var(--dybmint)}
ol.trin{list-style:none;padding:0;margin:0;counter-reset:t}ol.trin li{counter-increment:t;display:grid;grid-template-columns:34px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--kant)}
ol.trin li::before{content:counter(t);width:30px;height:30px;border-radius:50%;border:2px solid var(--kant);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--graa);font-size:14px}
ol.trin li.klaret::before{content:"✓";background:var(--dybmint);border-color:var(--dybmint);color:#fff}
ol.trin li.klaret .t-titel{color:var(--graa)}.t-titel{font-weight:600;display:block}.t-tekst{font-size:14px;color:var(--graa)}
.tre{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px}
.omraade{background:#fff;border:1px solid var(--kant);border-radius:16px;padding:20px 22px;display:flex;flex-direction:column}
.omraade h3{display:flex;align-items:center;gap:8px;font-size:18px;margin:0}.omraade .produkt{color:var(--graa);font-size:13px;margin:2px 0 14px}
.tal-raekke{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.tal-raekke div{background:var(--papir);border-radius:10px;padding:10px 12px}
.tal-raekke b{display:block;font:700 24px/1.1 'Sora',sans-serif}.tal-raekke span{font-size:13px;color:var(--graa)}
.punktliste{list-style:none;padding:0;margin:0 0 16px;font-size:14px}.punktliste li{display:flex;gap:8px;padding:3px 0}.punktliste .j{color:var(--dybmint);font-weight:700}.punktliste .n{color:var(--rav);font-weight:700}
.omraade .handlinger{margin-top:auto}
.forbind textarea{width:100%;min-height:150px;font:13px/1.5 'IBM Plex Mono',monospace;border:1px solid var(--kant);border-radius:10px;padding:10px;background:var(--papir)}
.forbind input{width:100%;font:13px 'IBM Plex Mono',monospace;border:1px solid var(--kant);border-radius:10px;padding:10px;background:var(--papir)}
.platforme{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.platform{display:flex;align-items:center;gap:6px;border:1px solid var(--kant);border-radius:999px;padding:6px 14px;cursor:pointer;background:#fff;font-size:15px}.platform:has(input:checked){border-color:var(--blaa);background:#EAF0FD;font-weight:600}.forbind .platform input{width:auto;padding:0;margin:0}.platform span{white-space:nowrap}[hidden]{display:none!important}
.forbind ol{padding-left:20px}.forbind li{margin:10px 0}.kopi{display:flex;gap:8px;align-items:flex-start;margin-top:6px}
@media (max-width:960px){.forrest{grid-template-columns:minmax(0,1fr)}.tre{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){ol.trin li{grid-template-columns:34px 1fr}ol.trin li .knap{grid-column:2;justify-self:start}.naeste{padding:20px}}