:root{--orange:#FF7F00;--orange-deep:#FF6900;--ink:#282828;--body:#626262;--muted:#F1F1F1;--line:#D6D6D6;--dark:#242628;--pad:clamp(20px,6vw,120px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Oxygen","Helvetica Neue",Helvetica,Arial,sans-serif;background:#fff;color:var(--body);-webkit-font-smoothing:antialiased;line-height:1.6}
img{max-width:100%}
a{color:var(--ink)}a:hover{color:var(--orange-deep)}
h1,h2,h3{color:var(--ink);margin:0}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:var(--ink);padding:8px 12px;z-index:100}
.skip:focus{left:8px}
header.topp{min-height:72px;padding:12px var(--pad);display:flex;align-items:center;justify-content:space-between;background:#fff}
header.topp img{height:44px;width:auto;display:block}
header.topp a.lenke{font-size:15px;font-weight:700;text-decoration:none}
.hero{position:relative;overflow:hidden;background:var(--ink);padding:clamp(40px,8vw,96px) var(--pad);display:grid;grid-template-columns:1fr;gap:36px;align-items:center}
.hero .ring{position:absolute;right:-180px;top:-160px;width:620px;height:620px;opacity:.3;pointer-events:none}
.hero .tekst{position:relative;display:flex;flex-direction:column;gap:22px}
.hero h1{font-size:clamp(38px,8.5vw,76px);line-height:1.05;font-weight:700;letter-spacing:-.02em;color:#fff}
.hero h1 span{color:var(--orange)}
.hero p.under{margin:0;max-width:520px;font-size:clamp(17px,2.4vw,20px);line-height:1.55;color:#E0E0E0}
.hero .folk{display:flex;align-items:center;gap:14px}
.hero .folk div{display:flex}
.hero .folk img{width:52px;height:52px;object-fit:cover;object-position:50% 10%;border-radius:999px;border:3px solid var(--ink);background:#fff}
.hero .folk img+img{margin-left:-14px}
.hero .folk p{margin:0;font-size:15px;line-height:1.4;color:#C9C9C9}
form.skjema{position:relative;padding:clamp(22px,4vw,36px);border-radius:8px;background:#fff;display:flex;flex-direction:column;gap:18px}
.felt-gruppe{display:flex;flex-direction:column;gap:6px}
.felt-gruppe label,.felt-gruppe legend{font-size:14px;line-height:20px;font-weight:700;color:var(--ink)}
fieldset{margin:0;padding:0;border:0;min-width:0}
legend{padding:0;margin-bottom:6px}
input.felt{height:50px;padding:0 16px;border:1px solid #8C8C8C;border-radius:8px;font:inherit;font-size:16px;color:var(--ink);background:#fff;width:100%}
input.felt:focus{outline:2px solid var(--ink);outline-offset:1px;border-color:var(--ink)}
input.felt[aria-invalid="true"]{border-color:#B3261E;border-width:2px}
.feil{margin:0;font-size:14px;line-height:20px;color:#B3261E}
.feil:empty{display:none}
.valg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.valg label{position:relative;min-height:46px;padding:6px 8px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #8C8C8C;border-radius:8px;font-size:14px;line-height:17px;font-weight:400;color:var(--body);cursor:pointer;background:#fff}
.valg input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.valg label:focus-within{outline:2px solid var(--ink);outline-offset:2px}
.valg label:has(input:checked){border:2px solid var(--ink);background:#FFF1E0;font-weight:700;color:var(--ink)}
.samtykke{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:20px;color:var(--body);cursor:pointer}
.samtykke input{width:22px;height:22px;margin:0;flex-shrink:0;accent-color:var(--ink)}
.knapp{min-height:58px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--orange);color:var(--ink);font:inherit;font-size:18px;font-weight:700;text-decoration:none;border:0;cursor:pointer;padding:0 28px;transition:background-color .15s}
.knapp:hover,.knapp:focus-visible{background:var(--orange-deep);color:var(--ink)}
.knapp:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.knapp[disabled]{opacity:.7;cursor:progress}
.knapp.mork{background:var(--ink);color:#fff}.knapp.mork:hover{background:#000;color:#fff}
.liten{margin:0;text-align:center;font-size:14px;line-height:20px;color:var(--body)}
.skjema-feil{padding:12px 14px;border-radius:8px;background:#FDECEA;color:#7A1C16;font-size:14px;line-height:20px}
.skjema-feil:empty{display:none}
.skjema-feil a{color:#7A1C16;font-weight:700}
.honning{position:absolute;left:-9999px;height:0;overflow:hidden}
.bånd{height:64px;overflow:hidden;background:var(--orange);display:flex;align-items:center}
.bånd .rull{display:flex;flex-shrink:0;white-space:nowrap;font-size:20px;font-weight:700;color:var(--ink);animation:rull 36s linear infinite}
.bånd span{padding-right:40px}
@keyframes rull{to{transform:translateX(-50%)}}
@keyframes spinn{to{transform:rotate(360deg)}}
.spinn{transform-box:view-box;transform-origin:50% 50%;animation:spinn 40s linear infinite}
.spinn-mot{transform-box:view-box;transform-origin:50% 50%;animation:spinn 55s linear infinite reverse}
section.sek{padding:clamp(56px,9vw,112px) var(--pad)}
section.sek.grå{background:var(--muted)}
h2.sek-tittel{font-size:clamp(30px,5vw,48px);line-height:1.12;font-weight:700;letter-spacing:-.01em}
.todel{display:grid;grid-template-columns:1fr;gap:32px}
ol.steg{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
ol.steg li{padding:22px 0;border-bottom:1px solid var(--line);display:flex;gap:clamp(16px,4vw,40px);align-items:center}
ol.steg .tall{width:clamp(72px,12vw,150px);flex-shrink:0;font-size:clamp(52px,9vw,104px);line-height:1;font-weight:700;color:transparent;-webkit-text-stroke:2px var(--orange)}
ol.steg .t{font-size:clamp(18px,2.6vw,26px);line-height:1.4;color:var(--ink)}
.kort-rad{display:grid;grid-template-columns:1fr;gap:20px;margin-top:40px;align-items:start}
.kort{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;background:#fff}
.kort img{width:100%;height:auto;aspect-ratio:4/4.4;object-fit:cover;object-position:50% 8%;display:block;background:#fff}
.kort .i{padding:24px;display:flex;flex-direction:column;gap:4px}
.kort h3{font-size:26px;line-height:1.2}
.kort .rolle{font-size:14px;line-height:20px}
.kort p{margin:10px 0 0;font-size:16px;line-height:1.6}
.fakta{display:grid;grid-template-columns:1fr;gap:16px;margin-top:36px}
.fakta>div{padding:26px;border-radius:8px;background:var(--muted);display:flex;flex-direction:column;gap:8px}
.fakta b{font-size:28px;line-height:1.2;color:var(--ink)}
.fakta span{font-size:16px;line-height:1.5}
.faq{border-top:1px solid var(--line)}
.faq .p{border-bottom:1px solid var(--line)}
.faq h3{font-size:inherit}
.faq button{width:100%;min-height:72px;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;border:0;background:transparent;text-align:left;font:inherit;font-size:clamp(18px,2.4vw,21px);line-height:1.35;font-weight:700;color:var(--ink);cursor:pointer}
.faq button:hover{color:var(--orange-deep)}
.faq button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.faq svg .v{transition:transform .25s ease-out,opacity .25s ease-out;transform-origin:12px 12px}
.faq button[aria-expanded="true"] svg .v{transform:scaleY(0);opacity:0}
.faq .svar{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease-out}
.faq .svar>div{overflow:hidden}
.faq .svar p{margin:0;padding:0 0 24px;font-size:17px;line-height:1.65;opacity:0;transition:opacity .25s ease-out}
.faq .p.åpen .svar{grid-template-rows:1fr}
.faq .p.åpen .svar p{opacity:1}
.cta-bånd{position:relative;overflow:hidden;background:var(--orange);padding:clamp(56px,9vw,112px) var(--pad);display:flex;flex-direction:column;gap:28px;align-items:flex-start}
.cta-bånd h2{font-size:clamp(48px,11vw,96px);line-height:1;letter-spacing:-.02em}
.cta-bånd p{margin:0;font-size:20px;line-height:1.5;color:var(--ink)}
.cta-bånd .ring{position:absolute;right:-120px;top:-120px;width:420px;height:420px;opacity:.16;pointer-events:none}
.cta-bånd>*{position:relative}
.cta-bånd .knapp{min-width:260px}
footer.bunn{padding:48px var(--pad);background:var(--dark);color:#C9C9C9;display:grid;grid-template-columns:1fr;gap:28px;font-size:14px;line-height:1.6}
footer.bunn p{margin:0}
footer.bunn a{color:#fff}
footer.bunn a:hover{color:#FFB366}
footer.bunn .stor{font-size:16px;color:#fff}
.jscript .rev{opacity:0;transform:translateY(16px)}
.jscript .rev.inn{opacity:1;transform:none;transition:opacity .4s ease-out,transform .4s ease-out;transition-delay:var(--d,0s)}
.banner{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 20px rgba(0,0,0,.12);padding:18px var(--pad);display:flex;flex-direction:column;gap:14px}
.banner[hidden]{display:none}
.banner p{margin:0;font-size:14px;line-height:1.55;color:var(--ink);max-width:760px}
.banner .rad{display:flex;gap:10px;flex-wrap:wrap}
.banner button{min-height:46px;padding:0 24px;border-radius:999px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;border:2px solid var(--ink);background:#fff;color:var(--ink)}
.banner button.ja{background:var(--ink);color:#fff}
.banner button:focus-visible{outline:2px solid var(--orange-deep);outline-offset:2px}
.tekst-side{max-width:760px;padding:clamp(32px,6vw,72px) var(--pad) 96px}
.tekst-side h1{font-size:clamp(32px,6vw,48px);line-height:1.15;margin-bottom:20px}
.tekst-side h2{font-size:22px;line-height:1.3;margin:32px 0 8px}
.tekst-side p,.tekst-side li{font-size:17px;line-height:1.65}
.takk{min-height:70vh;padding:clamp(48px,10vw,120px) var(--pad);display:flex;flex-direction:column;gap:20px;align-items:flex-start;background:var(--ink)}
.takk h1{color:#fff;font-size:clamp(40px,8vw,72px);line-height:1.05}
.takk p{margin:0;color:#E0E0E0;font-size:20px;line-height:1.55;max-width:560px}
.takk a{color:#fff}
@media (min-width:900px){
  header.topp img{height:52px}
  .hero{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
  .hero .tekst{grid-column:span 7;padding-right:40px}
  .hero form.skjema{grid-column:span 5}
  .hero .ring{right:auto;left:380px;width:760px;height:760px}
  .todel{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
  .todel>h2{grid-column:span 4}
  .todel>.innhold{grid-column:span 8}
  .kort-rad{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .kort-rad .kort:nth-child(2){margin-top:64px}
  .kort-rad .kort:nth-child(3){margin-top:128px}
  .fakta{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cta-bånd{flex-direction:row;align-items:center;justify-content:space-between}
  footer.bunn{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
  .banner{flex-direction:row;align-items:center;justify-content:space-between}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .spinn,.spinn-mot,.bånd .rull{animation:none}
  .jscript .rev{opacity:1;transform:none}
  .jscript .rev.inn{transition:none}
  .faq .svar,.faq .svar p,.faq svg .v{transition:none}
  .knapp{transition:none}
}