:root{--g:#4A5A24;--gd:#2F3A17;--gl:#D8DEB5;--bg:#F6F7EF;--line:#C9CFB0;--tx:#1F2416;--mu:#5A6150}
*{box-sizing:border-box}
body{margin:0;font-family:'Inter',system-ui,sans-serif;color:var(--tx);background:#fff;line-height:1.6;font-size:17px}
.serif{font-family:'Fraunces',Georgia,serif}
a{color:var(--g)}
.wrap{max-width:1760px;margin:0 auto;padding:0 48px}
header.top{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--gd);font-size:21px}
.brand b{font-weight:600}.brand span{font-weight:400}.brand small{font-size:14px;color:var(--g)}
header.top .wrap{max-width:none;padding:0 32px}
nav{display:flex;gap:20px;align-items:center;font-size:15px}
nav a{text-decoration:none;color:var(--tx);font-weight:500;white-space:nowrap}
.brand{white-space:nowrap;margin-right:auto}.lg{white-space:nowrap}
nav a:hover{color:var(--g)}
.btn{display:inline-block;background:var(--g);color:#fff!important;padding:13px 26px;border-radius:4px;font-weight:600;text-decoration:none;border:2px solid var(--g);font-size:16px}
.btn:hover{background:var(--gd);border-color:var(--gd)}
.btn.ghost{background:transparent;color:var(--gd)!important;border-color:var(--g)}
.btn.sm{padding:9px 18px;font-size:14px}
.hero{background:var(--g);color:#fff;padding:84px 0 96px}
.hero h1{font-size:clamp(34px,5vw,56px);line-height:1.1;margin:0 0 18px;font-weight:600;max-width:980px}
.hero p{font-size:19px;color:#E4E9C8;max-width:820px;margin:0 0 30px}
.hero .btn{background:#fff;color:var(--gd)!important;border-color:#fff}
.hero .btn.ghost{background:transparent;color:#fff!important;border-color:var(--gl);margin-left:10px}
.lbl{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--g)}
.hero .lbl{color:var(--gl);margin-bottom:14px}
section.s{padding:72px 0}
section.s.alt{background:var(--bg)}
h2{font-size:clamp(26px,3.4vw,36px);line-height:1.2;margin:8px 0 14px;color:var(--gd);font-weight:600}
.lead{color:var(--mu);max-width:860px;margin:0 0 36px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.card{border:1px solid var(--line);background:#fff;padding:26px;border-top:3px solid var(--g)}
.card h3{margin:0 0 8px;font-size:19px;color:var(--gd)}
.card p{margin:0;color:var(--mu);font-size:15.5px}
.step{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}
.step .n{font-family:'Fraunces',serif;font-size:40px;color:var(--g);line-height:1;font-weight:600}
.step h3{margin:0 0 6px;color:var(--gd);font-size:20px}
.step p{margin:0 0 6px;color:var(--mu)}
.price{border:2px solid var(--g);padding:34px;max-width:520px;background:#fff}
.price .big{font-size:56px;font-weight:600;color:var(--gd);line-height:1}
.price ul{padding-left:20px;margin:18px 0 24px;color:var(--mu)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media(max-width:1000px){nav{gap:14px;font-size:14px}}
@media(max-width:760px){nav a:not(.btn){display:none}}
@media(max-width:760px){.two{grid-template-columns:1fr}.hero{padding:56px 0 64px}}
@media(max-width:520px){nav a:not(.btn){display:none}.brand{font-size:17px}header.top .wrap{gap:10px}.brand{gap:7px}.brand svg{width:28px;height:28px}nav{gap:12px}nav .btn.sm{padding:8px 12px;font-size:13px}}
.note{background:var(--bg);border-left:4px solid var(--g);padding:16px 20px;margin:22px 0;color:var(--tx);font-size:15.5px}
.faq details{border-bottom:1px solid var(--line);padding:16px 0}
.faq summary{cursor:pointer;font-weight:600;color:var(--gd)}
.faq p{color:var(--mu);margin:10px 0 0}
footer{background:var(--gd);color:#C9D1A5;padding:40px 0;font-size:14.5px}
footer a{color:#E4E9C8}
footer .wrap{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}
.topic{border:1px solid var(--line);border-top:3px solid var(--g);background:#fff;padding:26px 28px;margin:0 0 22px}
.topic h3{margin:0 0 10px;font-size:22px;color:var(--gd);font-family:'Fraunces',Georgia,serif;font-weight:600}
.topic p{margin:0 0 12px;color:var(--tx)}
.topic details{margin-top:8px}
.topic summary{cursor:pointer;font-style:italic;color:var(--g);font-weight:600;list-style:none}
.topic summary::-webkit-details-marker{display:none}
.topic summary::before{content:"+ ";font-style:normal}
.topic details[open] summary::before{content:"– "}
.topic details[open] summary span.m{display:none}
.topic details .full{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.topic h4{font-size:17px;color:var(--gd);margin:22px 0 8px}
.topic ul{margin:0 0 14px 20px;padding:0}.topic li{margin-bottom:8px}
.topic summary span.l{display:none}
.topic details[open] summary span.l{display:inline}
/* ---- Login / konto ---- */
.auth-wrap{max-width:520px;margin:48px auto;padding:0 20px}
.panel{border:1px solid var(--line);border-top:3px solid var(--g);background:#fff;padding:28px}
.tabs{display:flex;border-bottom:1px solid var(--line);margin:-28px -28px 22px}
.tabs button{flex:1;padding:14px;background:none;border:0;border-bottom:3px solid transparent;font:inherit;font-weight:600;color:var(--mu);cursor:pointer}
.tabs button.on{color:var(--gd);border-bottom-color:var(--g)}
.f{margin:0 0 16px}.f label{display:block;font-weight:600;font-size:14px;margin-bottom:4px}
.f input[type=text],.f input[type=email],.f input[type=password]{width:100%;padding:11px;border:1px solid var(--line);border-radius:4px;font:inherit}
.f small{color:var(--mu);font-size:13px}
.chkrow{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:0 0 16px}
.err{background:#F6E3DA;color:#6E3A1F;border:1px solid #E0BBA6;padding:10px 14px;margin:0 0 16px;font-size:14px;display:none}
.rolle{display:grid;grid-template-columns:1fr;gap:8px;margin:0 0 16px}
.rolle label{border:1px solid var(--line);padding:11px 12px;border-radius:4px;cursor:pointer;font-size:15px;display:flex;align-items:center;gap:8px}
.rolle input{margin-right:6px}
.rolle label.on{border-color:var(--g);background:var(--bg)}
.list-row{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid var(--line);background:#fff;padding:16px 20px;margin:0 0 10px}
.list-row small{color:var(--mu)}
.btn.danger{background:#8A4B2A;border-color:#8A4B2A}
.btn.ghost.sm{padding:7px 14px}

@media(max-width:440px){.brand svg{display:none}.brand{font-size:13px}.lg{margin-right:6px}.btn.sm,nav .btn.sm{padding:7px 8px;font-size:11.5px}nav{gap:0}header.top .wrap{gap:6px;padding-left:14px;padding-right:14px}}
body.modal header.top,body.modal footer{display:none}body.modal{background:#fff}body.modal .auth-wrap{padding:8px 0 0;margin:0;min-height:0}body.modal .panel{box-shadow:none;border:0;border-top:3px solid var(--g);margin:0 auto}
[id]{scroll-margin-top:72px}
details.menu{position:relative;margin-right:20px}
details.menu summary{list-style:none;cursor:pointer;font-weight:600;font-size:15px;padding:9px 16px 9px 14px;border:1px solid var(--line);border-radius:4px;color:var(--gd);display:flex;align-items:center;gap:9px;user-select:none}
details.menu summary::-webkit-details-marker{display:none}
details.menu summary::before{content:"";width:16px;height:2px;background:var(--gd);box-shadow:0 5px 0 var(--gd),0 -5px 0 var(--gd)}
details.menu[open] summary{background:var(--bg)}
.mp{position:absolute;top:calc(100% + 8px);left:0;min-width:260px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--g);box-shadow:0 12px 32px rgba(0,0,0,.14);display:flex;flex-direction:column;z-index:8}
.mp a{padding:13px 20px;text-decoration:none;color:var(--tx);font-weight:500;border-bottom:1px solid var(--line)}
.mp a:last-child{border-bottom:0}.mp a:hover{background:var(--bg);color:var(--g)}
.mp a.mob{display:none}
header.top nav{margin-left:16px}
@media(max-width:760px){header.top .wrap{padding:0 16px}nav .btn:not(.lg){display:none}.mp a.mob{display:block}details.menu{margin-right:12px}}
@media(max-width:440px){details.menu summary{padding:7px 10px;font-size:13px}details.menu{margin-right:8px}.brand{font-size:13px}header.top nav{margin-left:8px}}
@media(min-width:1500px){body{font-size:18px}.hero h1{max-width:1280px}.hero p{max-width:960px;font-size:21px}.lead{max-width:1000px}.card{padding:30px}.card p{font-size:16.5px}.card h3{font-size:21px}section.s{padding:84px 0}.hero{padding:104px 0 112px}.btn{font-size:17px}.btn.sm{font-size:15px}nav{font-size:16px}}
@media(min-width:2000px){body{font-size:20px}.wrap{max-width:2000px;padding:0 64px}.hero h1{max-width:1500px}.hero p{max-width:1100px;font-size:23px}.lead{max-width:1150px}.card p{font-size:18px}.card h3{font-size:23px}header.top .wrap{height:76px}}
@media(max-width:760px){.wrap{padding:0 20px}}
[hidden]{display:none!important}
.teststatus{background:#F6F7EF;border-left:4px solid #D8DEB5;padding:12px 16px;margin:18px 0 0;font-size:15px;max-width:760px;color:#1F2416}
.testmaerke{display:inline-block;background:#FFF4D6;color:#4A3B00;border:1px solid #E8C96B;padding:6px 14px;margin:0 0 16px;font-weight:600;font-size:15px}
.tryg{font-size:14.5px;margin:20px 0 0;opacity:.9}

/* ---- Forside 2026-10 ---- */
.hero2{background:linear-gradient(160deg,#3B4A1C 0%,#4A5A24 55%,#5B6B2E 100%);color:#fff;padding:56px 0 130px;position:relative;overflow:hidden}
.hero2::after{content:"";position:absolute;right:-80px;top:-60px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(216,222,181,.22),rgba(216,222,181,0) 68%)}
.hero2 .wrap{position:relative;z-index:1}
.hero2 .lbl{color:var(--gl);margin-bottom:16px}
.hero2 h1{font-size:clamp(36px,5.4vw,62px);line-height:1.08;margin:0 0 20px;font-weight:600;max-width:1000px}
.hero2 p{font-size:20px;color:#E4E9C8;max-width:780px;margin:0}
.hero2 .tryg{font-size:15px;margin-top:22px;color:var(--gl)}
.pick{margin-top:-84px;position:relative;z-index:2;padding-bottom:40px}
.pickbox{background:#fff;border:1px solid var(--line);border-top:4px solid var(--g);box-shadow:0 18px 50px rgba(30,40,10,.16);padding:40px 40px 30px;border-radius:6px}
.pickbox .lead{margin-bottom:26px}
.roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.role{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;padding:26px;text-decoration:none;color:var(--tx);background:#fff;transition:transform .15s,box-shadow .15s,border-color .15s}
.role:hover,.role:focus-visible{transform:translateY(-3px);box-shadow:0 10px 26px rgba(30,40,10,.14);border-color:var(--g)}
.ri{width:52px;height:52px;border-radius:12px;background:var(--bg);color:var(--g);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.role:hover .ri{background:var(--g);color:#fff}
.role h3{margin:0 0 8px;font-family:'Fraunces',Georgia,serif;font-size:23px;color:var(--gd);font-weight:600}
.role p{margin:0 0 18px;color:var(--mu);font-size:15.5px;flex:1}
.role .go{font-weight:600;color:var(--g);font-size:15px}
.pickfoot{margin:22px 0 0;font-size:14.5px;color:var(--mu)}
.steps3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;margin-top:28px}
.steps3 h3{margin:10px 0 6px;font-size:20px;color:var(--gd)}
.steps3 p{margin:0;color:var(--mu)}
.num{display:inline-flex;width:42px;height:42px;border-radius:50%;background:var(--g);color:#fff;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:21px;font-weight:600}
@media(max-width:760px){.hero2{padding:56px 0 120px}.hero2 p{font-size:18px}.pickbox{padding:26px 20px 22px}.pick{margin-top:-80px}}
/* ---- Slideshow "Sådan fungerer det" ---- */
.show{position:relative;margin-top:28px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 14px 40px rgba(30,40,10,.10);padding:28px}
.show:focus-visible{outline:3px solid var(--gl)}
.slide{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:36px;align-items:center;padding:6px 0 18px}
.slide+.slide{border-top:1px solid var(--line);margin-top:18px;padding-top:24px}
.show.js .slide{display:none;border-top:0;margin-top:0;padding-top:6px}
.show.js .slide.on{display:grid;animation:sf .35s ease}
@keyframes sf{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.show.js .slide.on{animation:none}}
.stxt h3{margin:14px 0 10px;font-size:clamp(24px,2.6vw,32px);line-height:1.2;color:var(--gd);font-weight:600}
.stxt p{margin:0;color:var(--mu);font-size:18px;line-height:1.6}
.vis{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:18px;display:flex;align-items:center;justify-content:center;min-height:300px}
.vis svg{width:100%;height:auto;max-height:340px;display:block}
.vis img.paper{display:block;max-width:100%;max-height:380px;width:auto;height:auto;background:#fff;box-shadow:0 8px 24px rgba(30,40,10,.22);border:1px solid var(--line)}
.vis img.paper.wide{max-height:none;width:100%}
.vcap{position:absolute;right:12px;bottom:10px;background:var(--gd);color:#fff;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:3px}
.shownav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:10px}
.dots{display:flex;gap:9px}
.dots button{width:11px;height:11px;border-radius:50%;border:0;padding:0;background:var(--line);cursor:pointer}
.dots button.on{background:var(--g);transform:scale(1.25)}
.sb{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--gd);font-size:20px;line-height:1;cursor:pointer}
.sb:hover{border-color:var(--g);background:var(--bg)}
.sb.pp{font-size:12px}
.sr{position:absolute;left:-9999px}
@media(max-width:860px){.show{padding:18px}.slide,.show.js .slide.on{grid-template-columns:1fr;gap:18px}.stxt p{font-size:16.5px}.vis{min-height:220px;padding:12px}}
/* ---- Slideshow i hero ---- */
.herogrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:44px;align-items:center}
.herogrid .herotxt{min-width:0}
.hero2 .herogrid h1{font-size:clamp(32px,4vw,52px)}
.show.mini{margin-top:0;padding:16px 16px 12px;border:0;border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.32);color:var(--gd)}
.show.mini .slide,.show.mini .slide+.slide{display:flex;flex-direction:column-reverse;gap:12px;border:0;margin:0;padding:0}
.show.mini.js .slide{display:none}
.show.mini.js .slide.on{display:flex}
.show.mini .vis{min-height:0;height:250px;padding:8px}
.show.mini .vis svg{max-height:230px}
.show.mini .vis img.paper{max-height:232px}
.show.mini .vis img.paper.wide{width:100%;max-height:232px;object-fit:contain}
.show.mini .stxt{min-height:112px}
.show.mini .stxt h3{font-size:19px;margin:4px 0 6px;color:var(--gd)}
.show.mini .stxt p{font-size:15px;line-height:1.5}
.show.mini .num{font-size:13px}
.show.mini .sb{width:34px;height:34px;font-size:18px}
.show.mini .shownav{margin-top:6px}
@media(max-width:860px){.herogrid{grid-template-columns:1fr;gap:28px}.show.mini .vis{height:210px}.show.mini .vis img.paper{max-height:192px}.show.mini .vis img.paper.wide{max-height:192px}}