/* Formularen til den gratis analyse i tre trin (fag, område, kontakt).
   Bruges på forsiden og /analyse. Selvstændig: farverne er defineret her,
   så den ser ens ud, uanset om siden bruger forside.css eller styles.css. */

.fform{
  --f-ink:#252923; --f-paper:#EDE9DF; --f-line:#C9C5B8; --f-muted:#5F6658;
  --f-accent:#C4461F; --f-accent-hover:#A53A18; --f-orange:#B13E1A; --f-ok:#2F6B4F;
  scroll-margin-top:100px;background:#fff;color:var(--f-ink);border-radius:20px;padding:30px;
  box-shadow:0 30px 60px -30px rgba(0,0,0,.45);font-family:"Inter",Arial,"Helvetica Neue",sans-serif;text-align:left
}
.fform [hidden]{display:none!important}
.fform h2{margin:0;font-size:24px;line-height:1.25;font-weight:700;letter-spacing:-.01em;color:var(--f-ink)}
.fform .f-sub{margin:4px 0 0;color:var(--f-muted);font-size:15px}
.fform .f-trust{display:flex;flex-wrap:wrap;gap:6px 16px;margin:12px 0 18px;padding:0;list-style:none;font-size:13px;font-weight:600;color:var(--f-ink)}
.fform .f-trust li{display:flex;align-items:center;gap:6px}
.fform .f-trust li::before{content:"";width:16px;height:16px;flex:none;border-radius:50%;background:var(--f-ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23ffffff' stroke-width='3.2'/%3E%3C/svg%3E") center/11px no-repeat}
.fform .f-steps{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 6px}
.fform .f-steps li{flex:1;font-size:12px;font-weight:700;color:var(--f-muted);border-top:4px solid var(--f-line);padding-top:8px}
.fform .f-steps li.on{color:var(--f-ink);border-color:var(--f-accent)}
.fform .fs{display:none}
.fform .fs.on{display:block}
.fform label{display:block;font-weight:700;font-size:14px;margin:12px 0 6px;color:var(--f-ink)}
.fform label small{font-weight:400;color:var(--f-muted)}
.fform input,.fform select{width:100%;font:16px "Inter",Arial,sans-serif;padding:13px 14px;border:2px solid var(--f-line);border-radius:12px;background:var(--f-paper);color:var(--f-ink);box-sizing:border-box}
.fform input:focus,.fform select:focus{border-color:var(--f-orange);outline:none}
.fform .f-ads{border:0;padding:0;margin:12px 0 0}
.fform .f-ads legend{font-weight:700;font-size:14px;margin-bottom:6px;padding:0}
.fform .f-ads label{display:inline-flex;gap:6px;align-items:center;font-weight:400;margin:0 14px 0 0}
.fform .f-ads input{width:auto}
.fform .f-note,.fform .f-legal{font-size:12px;color:var(--f-muted);margin:12px 0 0}
.fform .f-legal a{color:inherit}
.fform .hp{position:absolute;left:-9999px}
.fform .f-nav{display:flex;gap:10px;margin-top:20px}
.fform .fbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border-radius:999px;font:500 16px/1.2 "Inter",Arial,sans-serif;border:2px solid transparent;cursor:pointer}
.fform .fbtn-primary{flex:1;background:var(--f-accent);color:#fff}
.fform .fbtn-primary:hover{background:var(--f-accent-hover)}
.fform .fbtn-light{background:var(--f-paper);color:var(--f-ink)}
.fform .fbtn:disabled{opacity:.7;cursor:wait}
.fform .fbtn:focus-visible{outline:3px solid var(--f-accent);outline-offset:3px}
.fform .f-status{font-size:14px;color:var(--f-orange);margin:10px 0 0}
.fform .f-status:empty{display:none}
.fform.is-sent > *:not(.f-done){display:none!important}
.fform .f-done p{margin:8px 0 0;color:var(--f-muted)}
@media (max-width:600px){.fform{padding:22px}}