/* Energipuls AS | felles stilark */

/* ---------- Skrift (ligger på serveren) ---------- */
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/inter-tight-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/inter-tight-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/inter-tight-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/inter-tight-latin-700-normal.woff2") format("woff2")}

/* ---------- Farger og mål ---------- */
:root{
  --navy:#1D1F24;
  --navy-dyp:#131417;
  --blaa:#9FB3C8;
  --blaa-lys:#D9DCE1;
  --off:#F8F7F4;
  --off-2:#EEECE6;
  --svart:#23262B;
  --svart-2:#1A1C20;
  --tekst-2:#474C55;
  --dempet:#646A73;
  --linje:rgba(35,38,43,.14);
  --linje-mork:rgba(248,247,244,.16);
  --varsel:#6E87A6;
  --varsel-bg:rgba(110,135,166,.14);

  --font:"Inter Tight",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --bredde:1280px;
  --kant:clamp(20px,4.5vw,64px);
  --radius:6px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--off);color:var(--svart);font-family:var(--font);font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0}
button,input,select,textarea{font:inherit;color:inherit}

h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.03em;line-height:1.02;text-wrap:balance;hyphens:manual;overflow-wrap:normal;word-break:normal}
h1{font-size:clamp(34px,6.6vw,96px);letter-spacing:-.034em;line-height:.98}
h2{font-size:clamp(28px,4.4vw,62px);letter-spacing:-.03em}
h3{font-size:clamp(21px,1.8vw,26px);letter-spacing:-.02em;line-height:1.15}
h4{font-size:18px;letter-spacing:-.01em;line-height:1.25}

.wrap{max-width:var(--bredde);margin:0 auto;padding:0 var(--kant)}
.skjult{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hopp{position:absolute;left:12px;top:-60px;z-index:100;background:var(--off);color:var(--svart);padding:10px 16px;border-radius:var(--radius);font-weight:600}
.hopp:focus{top:12px}

:focus-visible{outline:3px solid var(--blaa);outline-offset:3px}
.lys :focus-visible{outline-color:var(--navy)}

/* Etikett over overskrifter */
.etikett,.pakke-navn .nr{display:block;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--navy);margin:0 0 22px}
.mork .etikett,.navy .etikett,.mork-pakke .pakke-navn .nr{color:var(--blaa)}
.js .etikett,.js .pakke-navn .nr{opacity:0;letter-spacing:.42em;transition:opacity .9s ease,letter-spacing 1.1s cubic-bezier(.2,.7,.2,1)}
.js .etikett.is-in,.js .pakke-navn .nr.is-in{opacity:1;letter-spacing:.16em}

.ingress{font-size:clamp(19px,1.6vw,22px);line-height:1.5;color:var(--tekst-2);max-width:36em}
.mork .ingress,.navy .ingress{color:var(--blaa-lys)}

/* ---------- Flater ---------- */
.mork{background:var(--svart);color:var(--off)}
.navy{background:var(--navy);color:var(--off)}
.navy.dyp{background:var(--navy-dyp)}
.lys{background:var(--off);color:var(--svart)}
.lys-2{background:var(--off-2);color:var(--svart)}
.mork a,.navy a{color:var(--off)}
.mock a{color:var(--navy)}
.mock-rad svg{flex:none;margin-left:auto;margin-right:18px}

.seksjon{padding:clamp(80px,10vw,150px) 0}
.seksjon.tett{padding:clamp(56px,7vw,96px) 0}
.seksjon.hoy{padding:clamp(96px,13vw,190px) 0}

/* ---------- Knapper ---------- */
.knapper{display:flex;flex-wrap:wrap;gap:12px}
.knapp{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:16px;line-height:1;padding:17px 24px;border-radius:4px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.knapp .pil{transition:transform .2s}
.knapp:hover .pil{transform:translateX(3px)}
.knapp-lys{background:var(--off);color:var(--svart)!important}
.knapp-lys:hover{background:var(--blaa)}
.knapp-navy{background:var(--navy);color:var(--off)!important}
.knapp-navy:hover{background:var(--navy-dyp)}
.knapp-omriss{border-color:var(--linje-mork);color:var(--off)!important;background:transparent}
.knapp-omriss:hover{border-color:var(--off)}
.lys .knapp-omriss,.lys-2 .knapp-omriss{border-color:var(--linje);color:var(--svart)!important}
.lys .knapp-omriss:hover,.lys-2 .knapp-omriss:hover{border-color:var(--svart)}

.lenke-pil{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;color:var(--navy)}
.mork .lenke-pil,.navy .lenke-pil{color:var(--blaa-lys)}
.lenke-pil:hover{color:var(--svart)}
.mork .lenke-pil:hover,.navy .lenke-pil:hover{color:var(--off)}

/* ---------- Topp ---------- */
.topp{position:sticky;top:0;z-index:50;background:var(--navy);color:var(--off);border-bottom:1px solid var(--linje-mork)}
.topp .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px}
.logo{display:flex;align-items:center;gap:16px;text-decoration:none}
.logo img{height:30px;width:auto}
.logo-slagord{font-size:13px;color:var(--blaa);max-width:15em;line-height:1.3;padding-left:16px;border-left:1px solid var(--linje-mork)}
.meny{display:flex;align-items:center;gap:6px}
.meny a{text-decoration:none;font-size:16px;font-weight:500;padding:10px 14px;border-radius:4px;color:var(--blaa-lys)}
.meny a:hover,.meny a[aria-current="page"]{color:var(--off)}
.meny a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--blaa)}
.meny .knapp{margin-left:10px;padding:13px 20px;color:var(--svart)!important}
.meny .knapp[aria-current="page"]{box-shadow:none}
.meny-knapp{display:none;background:none;border:1px solid var(--linje-mork);color:var(--off);border-radius:4px;padding:10px 14px;font-weight:600;font-size:15px;cursor:pointer;align-items:center;gap:10px}
.meny-knapp .streker{width:18px;height:12px;position:relative}
.meny-knapp .streker::before,.meny-knapp .streker::after{content:"";position:absolute;left:0;right:0;height:2px;background:currentColor;transition:transform .2s}
.meny-knapp .streker::before{top:1px}
.meny-knapp .streker::after{bottom:1px}
.meny-knapp[aria-expanded="true"] .streker::before{transform:translateY(4px) rotate(45deg)}
.meny-knapp[aria-expanded="true"] .streker::after{transform:translateY(-5px) rotate(-45deg)}

@media (max-width:1080px){.logo-slagord{display:none}}
@media (max-width:900px){
  .meny-knapp{display:inline-flex}
  .meny{position:absolute;left:0;right:0;top:76px;background:var(--navy);flex-direction:column;align-items:stretch;gap:0;padding:8px var(--kant) 28px;border-bottom:1px solid var(--linje-mork);display:none}
  .meny.apen{display:flex}
  .meny a{padding:16px 0;font-size:20px;border-bottom:1px solid var(--linje-mork);border-radius:0}
  .meny a[aria-current="page"]{box-shadow:none;color:var(--off)}
  .meny .knapp{margin:20px 0 0;justify-content:center;border-bottom:0;font-size:17px}
}

/* ---------- Toppseksjon forside ---------- */
.hero{padding:clamp(64px,9vw,128px) 0 clamp(40px,5vw,72px);position:relative}
.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:end}
.hero h1{max-width:9.5em}
.hero .ingress{margin:32px 0 40px}
.hero-slagord{margin:56px 0 0;padding:22px 0;border-top:1px solid var(--linje-mork);font-size:15px;color:var(--blaa);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.hero-bilde{position:relative;margin-bottom:calc(-1 * clamp(40px,5vw,72px) - 110px);z-index:2}
.etter-hero{padding-top:clamp(150px,14vw,210px)}
@media (max-width:980px){
  .hero-grid{grid-template-columns:minmax(0,1fr)}
  .hero-bilde{margin:48px 0 0;max-width:560px}
  .etter-hero{padding-top:clamp(80px,10vw,150px)}
}

/* ---------- Sidetopp undersider ---------- */
.sidetopp{padding:clamp(64px,8vw,120px) 0 clamp(56px,7vw,100px)}
.sidetopp-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:40px;align-items:end}
.sidetopp h1{font-size:clamp(30px,5.6vw,80px)}
.sidetopp .ingress{margin:28px 0 0}
.sidetopp-merk{font-size:15px;color:var(--blaa);border-left:1px solid var(--linje-mork);padding-left:20px}
@media (max-width:860px){.sidetopp-grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- Produktgrafikk (ukerapport og varsel) ---------- */
.mock{background:#FFFFFF;color:var(--svart);border-radius:8px;box-shadow:0 1px 0 rgba(0,0,0,.04),0 30px 60px -30px rgba(10,14,24,.55);overflow:hidden;font-size:14px;line-height:1.4}
.mock-topp{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--linje);background:var(--off)}
.mock-topp b{font-weight:600}
.mock-topp span{color:var(--dempet);font-size:13px}
.mock-innhold{padding:18px}
.mock-rad{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--linje);font-size:13.5px}
.mock-rad:first-child{border-top:0}
.mock-rad .dempet{color:var(--dempet)}
.merke{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 8px;border-radius:3px;background:var(--blaa-lys);color:var(--navy)}
.merke-varsel{background:var(--varsel-bg);color:#3F5573}
.merke-varsel::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--varsel)}
.illustrasjon{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dempet);border:1px solid var(--linje);border-radius:3px;padding:4px 8px}
.mork .illustrasjon,.navy .illustrasjon{color:var(--blaa);border-color:var(--linje-mork)}
.mock .illustrasjon{color:var(--dempet);border-color:var(--linje)}
.varsel-kort{background:#FFFFFF;color:var(--svart);border-radius:8px;padding:18px 20px;box-shadow:0 24px 50px -28px rgba(10,14,24,.6);border-left:4px solid var(--varsel);max-width:360px;font-size:14.5px;line-height:1.45}
.varsel-kort .tid{font-size:12.5px;color:var(--dempet);margin-bottom:6px}
.varsel-kort b{display:block;font-size:16px;margin-bottom:4px;letter-spacing:-.01em}

/* ---------- Linjelister ---------- */
.linjeliste{list-style:none;border-top:1px solid var(--linje)}
.mork .linjeliste,.navy .linjeliste{border-color:var(--linje-mork)}
.linjeliste > li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;padding:30px 0;border-bottom:1px solid var(--linje)}
.mork .linjeliste > li,.navy .linjeliste > li{border-color:var(--linje-mork)}
.linjeliste .nr{font-size:15px;font-weight:600;color:var(--navy);padding-top:4px;font-variant-numeric:tabular-nums}
.mork .linjeliste .nr,.navy .linjeliste .nr{color:var(--blaa)}
.linjeliste h3{margin-bottom:8px}
.linjeliste p{margin:0;color:var(--tekst-2);max-width:40em}
.mork .linjeliste p,.navy .linjeliste p{color:var(--blaa-lys)}
@media (max-width:600px){.linjeliste > li{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:24px 0}}

/* ---------- Delte oppsett ---------- */
.to-del{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,110px);align-items:start}
.to-del.snudd{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.to-del.midt{align-items:center}
.klebrig{position:sticky;top:120px}
@media (max-width:900px){.to-del,.to-del.snudd{grid-template-columns:minmax(0,1fr)}.klebrig{position:static}}

/* Sparing */
.sparing h2{max-width:8.5em}
.sparing .ingress{margin-top:24px}

/* Før og etter */
.kurve-boks{background:var(--svart);color:var(--off);border-radius:8px;padding:clamp(20px,3vw,36px);margin-top:56px;position:relative}
.kurve-topp{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.kurve-topp b{font-size:17px;font-weight:600;letter-spacing:-.01em}
.kurve-forklaring{display:flex;gap:24px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid var(--linje-mork);font-size:14px;color:var(--blaa-lys)}
.kurve-forklaring span{display:inline-flex;align-items:center;gap:10px}
.prov{width:22px;height:12px;flex:none;border-radius:2px}
.prov-linje{width:22px;height:0;border-top:2px solid var(--off)}
.prov-stiplet{width:22px;height:0;border-top:2px dashed var(--blaa)}
.kurve-boks svg{width:100%;height:auto}
.tegn{stroke-dasharray:var(--lengde,3000);stroke-dashoffset:var(--lengde,3000)}
.is-in .tegn,.tegn.is-in{animation:tegn 2.2s cubic-bezier(.45,0,.2,1) forwards}
@keyframes tegn{to{stroke-dashoffset:0}}
.fram{opacity:0;transition:opacity .8s 1.4s}
.is-in .fram{opacity:1}

/* Hva dere får */
.faar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start}
.faar-liste{list-style:none;margin-top:48px}
.faar-liste li{padding:28px 0;border-top:1px solid var(--linje-mork)}
.faar-liste li:last-child{border-bottom:1px solid var(--linje-mork)}
.faar-liste h3{margin-bottom:10px}
.faar-liste p{margin:0;color:var(--blaa-lys);max-width:30em}
.faar-grafikk{position:relative;padding-top:20px}
.faar-grafikk .varsel-kort{position:relative;z-index:2;margin:-18px 0 0 auto;right:-28px}
@media (max-width:900px){.faar{grid-template-columns:minmax(0,1fr)}.faar-grafikk .varsel-kort{right:0;margin:-30px 0 0 auto}}

/* Slik fungerer det */
.steg{list-style:none;counter-reset:steg;position:relative;margin-top:8px}
.steg li{position:relative;padding:0 0 46px 64px}
.steg li::before{counter-increment:steg;content:counter(steg);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;border:1px solid var(--navy);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;background:var(--off)}
.steg li::after{content:"";position:absolute;left:20px;top:44px;bottom:4px;width:1px;background:var(--blaa)}
.steg li:last-child{padding-bottom:0}
.steg li:last-child::after{display:none}
.steg h3{margin:6px 0 8px}
.steg p{margin:0;color:var(--tekst-2);max-width:32em}

/* Miljø */
.miljo{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(32px,5vw,80px);align-items:end}
.miljo h2{font-size:clamp(30px,5.2vw,76px);max-width:11em}
.miljo-tekst p{color:var(--tekst-2);font-size:17px}
@media (max-width:900px){.miljo{grid-template-columns:minmax(0,1fr)}}

/* Pakker */
.pakker{list-style:none;border-top:1px solid var(--linje-mork);margin-top:56px}
.pakke-rad{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,3fr);gap:32px;padding:38px 0;border-bottom:1px solid var(--linje-mork);align-items:start}
.pakke-rad h3{font-size:clamp(26px,2.6vw,38px)}
.pakke-rad .for{font-size:14px;color:var(--blaa);margin-top:10px}
.pakke-rad p{margin:0;color:var(--blaa-lys)}
.pakke-rad .lenke-pil{justify-self:end;margin-top:6px}
@media (max-width:860px){.pakke-rad{grid-template-columns:minmax(0,1fr);gap:14px}.pakke-rad .lenke-pil{justify-self:start}}

/* Hvem står bak */
.folk{list-style:none;margin-top:40px;border-top:1px solid var(--linje)}
.folk li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:24px;padding:28px 0;border-bottom:1px solid var(--linje)}
.folk h3{font-size:22px}
.folk .rolle{font-size:14px;color:var(--navy);margin-top:6px}
.folk p{margin:0;color:var(--tekst-2)}
@media (max-width:640px){.folk li{grid-template-columns:minmax(0,1fr);gap:10px}}

/* Kontaktstripe */
.kontakt-stripe{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,6vw,96px);align-items:end}
.kontakt-stripe h2{font-size:clamp(32px,6vw,88px)}
.kontakt-linjer{list-style:none;border-top:1px solid var(--linje-mork)}
.kontakt-linjer li{border-bottom:1px solid var(--linje-mork)}
.kontakt-linjer a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;text-decoration:none;font-size:clamp(20px,2vw,26px);font-weight:500;letter-spacing:-.01em}
.kontakt-linjer a span{font-size:14px;color:var(--blaa);font-weight:500;letter-spacing:0}
.kontakt-linjer a:hover{color:var(--blaa)}
@media (max-width:900px){.kontakt-stripe{grid-template-columns:minmax(0,1fr)}}

/* ---------- Tjenester ---------- */
.felles{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,100px)}
.hake-liste{list-style:none;border-top:1px solid var(--linje)}
.hake-liste li{padding:18px 0 18px 34px;border-bottom:1px solid var(--linje);position:relative}
.hake-liste li::before{content:"";position:absolute;left:2px;top:27px;width:12px;height:6px;border-left:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(-45deg)}
.mork .hake-liste,.navy .hake-liste,.mork .hake-liste li,.navy .hake-liste li{border-color:var(--linje-mork)}
.mork .hake-liste li::before,.navy .hake-liste li::before{border-color:var(--blaa)}
@media (max-width:900px){.felles{grid-template-columns:minmax(0,1fr)}}

.pakke{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,5vw,90px);padding:clamp(56px,7vw,96px) 0;border-top:1px solid var(--linje)}
.pakke:first-child{border-top:0}

.pakke-navn h2{font-size:clamp(34px,4vw,56px)}
.pakke-navn .for{margin-top:18px;color:var(--tekst-2);font-size:17px;max-width:20em}
.pakke-innhold > p{font-size:19px;color:var(--tekst-2);max-width:34em}
.pakke-innhold .hake-liste{margin-top:28px}
.pris{margin-top:30px;font-size:14px;color:var(--dempet);line-height:1.7}
.pris table{border-collapse:collapse}
.pris td{padding:0 22px 0 0;vertical-align:top}
.pris td:last-child{white-space:nowrap;padding-right:0}
.pris caption{text-align:left;font-weight:600;margin-bottom:4px;color:var(--dempet)}
.mork .pris,.mork .pris caption{color:var(--blaa)}
@media (max-width:860px){.pakke{grid-template-columns:minmax(0,1fr)}}

.pakke.mork-pakke{background:var(--navy);color:var(--off);border-radius:8px;padding:clamp(40px,6vw,80px);border:0;margin:clamp(40px,5vw,60px) 0 0}
.pakke.mork-pakke .pakke-navn .for,.pakke.mork-pakke .pakke-innhold > p{color:var(--blaa-lys)}

/* ---------- Om oss ---------- */
.prinsipper{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--linje-mork)}
.prinsipper li{padding:32px 32px 32px 0;border-bottom:1px solid var(--linje-mork)}
.prinsipper li:nth-child(2n){padding-left:32px;border-left:1px solid var(--linje-mork)}
.prinsipper h3{margin-bottom:10px}
.prinsipper p{margin:0;color:var(--blaa-lys)}
@media (max-width:760px){.prinsipper{grid-template-columns:minmax(0,1fr)}.prinsipper li,.prinsipper li:nth-child(2n){padding:26px 0;border-left:0}}

.person{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,5vw,90px);padding:clamp(40px,5vw,64px) 0;border-top:1px solid var(--linje)}
.folk-kort h3{font-size:clamp(28px,3vw,40px)}
.person .rolle{color:var(--navy);margin-top:10px;font-size:16px}
.person-tekst p{font-size:19px;color:var(--tekst-2);max-width:34em}
.person-tekst .direkte{font-size:16px;margin-top:20px}
@media (max-width:760px){.person{grid-template-columns:minmax(0,1fr)}}

/* ---------- Skjema ---------- */
.skjema-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,110px);align-items:start}
@media (max-width:900px){.skjema-grid{grid-template-columns:minmax(0,1fr)}}
.skjema{background:#FFFFFF;border:1px solid var(--linje);border-radius:8px;padding:clamp(24px,4vw,48px)}
.felt{margin-bottom:22px}
.felt label,.felt legend{display:block;font-size:15px;font-weight:600;margin-bottom:8px}
.felt .valgfri{font-weight:400;color:var(--dempet)}
.felt input,.felt select,.felt textarea{width:100%;font-size:17px;padding:14px 14px;border:1px solid #B9BCC2;border-radius:4px;background:#FFFFFF;transition:border-color .15s,box-shadow .15s}
.felt textarea{min-height:150px;resize:vertical;line-height:1.5}
.felt select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2323262B' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:42px}
.felt input:focus,.felt select:focus,.felt textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(29,31,36,.25)}
.felt-rad{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
@media (max-width:560px){.felt-rad{grid-template-columns:minmax(0,1fr)}}
.valg-gruppe{border:0;margin:0 0 22px;padding:0}
.valg{display:flex;flex-wrap:wrap;gap:10px}
.valg label{position:relative;cursor:pointer}
.valg input{position:absolute;opacity:0;width:1px;height:1px}
.valg span{display:inline-block;padding:12px 18px;border:1px solid #B9BCC2;border-radius:4px;font-size:16px;font-weight:500;background:#FFFFFF;transition:background .15s,border-color .15s,color .15s}
.valg input:checked + span{background:var(--navy);border-color:var(--navy);color:var(--off)}
.valg input:focus-visible + span{outline:3px solid var(--navy);outline-offset:2px}
.honning{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.skjema .knapp{width:100%;justify-content:center;margin-top:6px}
.skjema-merk{font-size:14px;color:var(--dempet);margin:16px 0 0}
.skjema-merk a{color:var(--navy)}
.melding{display:none;margin-top:18px;padding:16px 18px;border-radius:4px;font-size:16px}
.melding.vis{display:block}
.melding.ok{background:rgba(29,31,36,.08);border-left:3px solid var(--navy)}
.melding.feil{background:var(--varsel-bg);border-left:3px solid var(--varsel)}
.takk{display:none}
.takk h3{margin-bottom:10px}
.skjema.sendt form{display:none}
.skjema.sendt .takk{display:block}

.direkte-liste{list-style:none;border-top:1px solid var(--linje);margin-top:36px}
.direkte-liste li{border-bottom:1px solid var(--linje);padding:18px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.direkte-liste .navn{color:var(--dempet);font-size:15px}
.direkte-liste a{font-weight:600;font-size:19px;text-decoration:none;color:var(--navy)}
.direkte-liste a:hover{text-decoration:underline}

/* ---------- Webinar ---------- */
.webinar-fakta{list-style:none;border-top:1px solid var(--linje-mork);margin-top:40px;max-width:520px}
.webinar-fakta li{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--linje-mork);font-size:16px}
.webinar-fakta .n{color:var(--blaa)}

/* ---------- Nyheter ---------- */
.sakliste{list-style:none;border-top:1px solid var(--linje)}
.sak-rad{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,7fr) minmax(0,2fr);gap:28px;padding:34px 0;border-bottom:1px solid var(--linje);align-items:baseline}
.sak-rad time{font-size:15px;color:var(--dempet);font-variant-numeric:tabular-nums}
.sak-rad h2{font-size:clamp(24px,2.6vw,34px);letter-spacing:-.025em}
.sak-rad h2 a{text-decoration:none}
.sak-rad h2 a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.sak-rad p{margin:12px 0 0;color:var(--tekst-2);max-width:40em}
.sak-rad .merke{justify-self:end}
@media (max-width:760px){.sak-rad{grid-template-columns:minmax(0,1fr);gap:10px}.sak-rad .merke{justify-self:start}}

.artikkel{max-width:760px}
.artikkel p,.artikkel li{font-size:19px;line-height:1.65;color:var(--tekst-2)}
.artikkel h2{font-size:clamp(28px,3vw,38px);margin:48px 0 16px}
.artikkel ul{padding-left:22px;margin:0 0 1em}
.eksempel-merk{background:var(--varsel-bg);border-left:4px solid var(--varsel);padding:18px 20px;border-radius:4px;margin-bottom:40px;font-size:16px;color:var(--svart)}
.tilbake{display:inline-flex;margin-top:56px}

/* ---------- Personvern ---------- */
.tekstside{max-width:780px}
.tekstside h2{font-size:clamp(26px,2.8vw,34px);margin:52px 0 14px}
.tekstside h2:first-child{margin-top:0}
.tekstside p,.tekstside li{color:var(--tekst-2);font-size:18px}
.tekstside ul{padding-left:22px;margin:0 0 1em}
.tekstside li{margin-bottom:6px}

/* ---------- Bunn ---------- */
.bunn{background:var(--svart);color:var(--off);padding:clamp(64px,8vw,110px) 0 36px}
.bunn-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,3fr) minmax(0,4fr);gap:40px}
.bunn .logo img{height:32px}
.bunn-slagord{margin:22px 0 0;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.02em;line-height:1.2;max-width:13em;font-weight:500}
.bunn h2{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blaa);margin:0 0 18px}
.bunn ul{list-style:none}
.bunn li{margin-bottom:10px}
.bunn a{text-decoration:none;color:var(--blaa-lys)}
.bunn a:hover{color:var(--off);text-decoration:underline}
.bunn-nederst{margin-top:72px;padding-top:24px;border-top:1px solid var(--linje-mork);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:14px;color:var(--blaa)}
@media (max-width:860px){.bunn-grid{grid-template-columns:1fr 1fr}.bunn-grid > div:first-child{grid-column:1 / -1}}
@media (max-width:520px){.bunn-grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- Bevegelse ---------- */
[data-glid]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
[data-glid].is-in{opacity:1;transform:none}
.no-js [data-glid]{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  [data-glid]{opacity:1;transform:none;transition:none}
  .tegn{stroke-dashoffset:0!important;animation:none!important}
  .fram{opacity:1;transition:none}
  *{transition-duration:.01ms!important}
}
@media print{.topp,.bunn,.meny-knapp{display:none}}

/* Mørk pakke: hake og pris på mørk flate */
.mork-pakke .pakke-navn h2{font-size:clamp(28px,3.3vw,48px)}
.mork-pakke .hake-liste,.mork-pakke .hake-liste li{border-color:var(--linje-mork)}
.mork-pakke .hake-liste li::before{border-color:var(--blaa)}
.mork-pakke .pris{color:var(--blaa)}

/* Tillegg: uthevet ingress, leveranser og kontaktpersoner */
.ingress.uthevet{margin-top:22px;color:var(--navy);font-weight:500}
.leveranser{list-style:none;counter-reset:lev;margin:28px 0 0;border-top:1px solid var(--linje-mork)}
.leveranser li{counter-increment:lev;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:18px 0;border-bottom:1px solid var(--linje-mork)}
.leveranser li::before{content:counter(lev,decimal-leading-zero);font-size:14px;font-weight:600;color:var(--blaa);padding-top:3px;font-variant-numeric:tabular-nums}
.kontaktperson{margin-top:40px}
.kontaktperson h3{font-size:24px}
.kontaktperson .rolle{color:var(--navy);margin:6px 0 0;font-size:16px}
.direkte-liste.kort{margin-top:16px}
.direkte-liste.kort a{font-size:18px}
.person-tekst .direkte-liste{max-width:30em}
@media (prefers-reduced-motion:reduce){
  .js .etikett,.js .pakke-navn .nr{opacity:1;letter-spacing:.16em;transition:none}
}
/* Ord med bindestrek holdes samlet */
.hel{white-space:nowrap}

/* ---------- Hva dere får: ikoner ---------- */
.faar-liste li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;align-items:start}
.faar-liste .ikon{width:48px;height:48px;border-radius:8px;border:1px solid var(--linje-mork);display:flex;align-items:center;justify-content:center;color:var(--blaa)}
.faar-liste .ikon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Byggene deres: oversikt ---------- */
.oversikt-mock .mock-topp span{font-size:13px;color:var(--dempet)}
.oversikt-mock .mock-rad{display:grid;grid-template-columns:minmax(0,1.2fr) 120px 92px;align-items:center;gap:16px;padding:12px 0}
.oversikt-mock .mock-rad svg{margin:0}
.oversikt-mock .mock-rad .merke{justify-self:end}
.oversikt-mock .mock-hode{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dempet);padding-top:0}
.oversikt-mock .mock-hode span:last-child{text-align:right}
.mock-bunn{display:flex;align-items:center;gap:10px;padding:14px 18px;border-top:1px solid var(--linje);background:var(--off);font-size:13.5px;color:var(--tekst-2)}
@media (max-width:420px){.oversikt-mock .mock-rad{grid-template-columns:minmax(0,1fr) 84px 76px;gap:10px}.oversikt-mock .mock-rad svg{width:84px}}

/* ---------- Slik fungerer det: tegning ---------- */
.flyt{margin:clamp(56px,7vw,96px) 0 0;padding:clamp(24px,4vw,48px);background:#FFFFFF;border:1px solid var(--linje);border-radius:12px}
.flyt svg{width:100%;height:auto}
.flyt-liten{display:none;max-width:380px;margin:0 auto}
.flyt-linje{fill:none;stroke:var(--blaa);stroke-width:1.6;stroke-dasharray:5 5}
.flyt-strom{fill:none;stroke:var(--navy);stroke-width:3;stroke-linecap:round;stroke-dasharray:2 22;animation:flyt 1.6s linear infinite}
@keyframes flyt{to{stroke-dashoffset:-24}}
@media (max-width:820px){.flyt-stor{display:none}.flyt-liten{display:block}}
@media (prefers-reduced-motion:reduce){.flyt-strom{animation:none}}

/* ---------- Pakker som kort ---------- */
.priskort{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:56px;align-items:stretch}
.pris-kort{position:relative;display:flex;flex-direction:column;background:#FFFFFF;border:1px solid var(--linje);border-radius:14px;padding:32px 30px 26px;text-decoration:none;color:var(--svart);transition:border-color .2s,box-shadow .2s,transform .2s}
.pris-kort:hover{border-color:var(--navy);box-shadow:0 24px 48px -30px rgba(19,20,23,.45)}
.pris-kort.anbefalt{border:2px solid var(--navy);box-shadow:0 30px 60px -34px rgba(19,20,23,.55);transform:translateY(-14px)}
.kort-merke{position:absolute;top:-14px;left:28px;background:var(--navy);color:var(--off);font-size:13px;font-weight:600;padding:5px 12px;border-radius:999px}
.kort-navn{font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--navy)}
.kort-pris{display:block;margin-top:18px;font-size:clamp(34px,3.4vw,48px);font-weight:600;letter-spacing:-.03em;line-height:1}
.kort-pris small{font-size:16px;font-weight:500;letter-spacing:0;color:var(--dempet)}
.kort-enhet{display:block;margin-top:10px;font-size:15px;color:var(--dempet)}
.kort-liste{list-style:none;margin:26px 0 28px}
.kort-liste li{position:relative;padding:9px 0 9px 28px;font-size:16px;color:var(--tekst-2)}
.kort-liste li::before{content:"";position:absolute;left:2px;top:15px;width:11px;height:6px;border-left:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(-45deg)}
.kort-bunn{margin-top:auto;padding-top:18px;border-top:1px solid var(--linje);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--dempet)}
.kort-lenke{font-weight:600;color:var(--navy);display:inline-flex;gap:8px;align-items:center}
.pris-kort:hover .kort-lenke .pil{transform:translateX(3px)}
.kort-lenke .pil{transition:transform .2s}
@media (max-width:980px){.priskort{grid-template-columns:minmax(0,1fr);max-width:560px;gap:28px}.pris-kort.anbefalt{transform:none}}
.kort-pris-tekst{font-size:clamp(28px,2.6vw,36px);padding-top:6px}
.oversikt-mock .mock-rad{grid-template-columns:minmax(0,1.2fr) 120px 104px}
@media (max-width:420px){.oversikt-mock .mock-rad{grid-template-columns:minmax(0,1fr) 84px 80px}}

/* ---------- Gratis oppstart ---------- */
.tilbud-kort{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(40px,6vw,96px);align-items:center}
.rapport-vifte{position:relative;display:block;height:clamp(260px,26vw,340px)}
.vifte-side{position:absolute;top:0;width:clamp(150px,15vw,200px);border-radius:4px;box-shadow:0 20px 40px -24px rgba(19,20,23,.55),0 0 0 1px rgba(35,38,43,.08);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.vifte-side svg{width:100%;height:auto;border-radius:4px}
.vifte-side.v1{left:0;transform:rotate(-6deg);z-index:5}
.vifte-side.v2{left:16%;transform:rotate(-2deg) translateY(8px);z-index:4}
.vifte-side.v3{left:32%;transform:rotate(2deg) translateY(4px);z-index:3}
.vifte-side.v4{left:48%;transform:rotate(5deg) translateY(12px);z-index:2}
.vifte-side.v5{left:62%;transform:rotate(8deg) translateY(22px);z-index:1}
.rapport-vifte:hover .v1{transform:rotate(-8deg) translateY(-6px)}
.rapport-vifte:hover .v5{transform:rotate(10deg) translateY(16px)}
@media (max-width:900px){.tilbud-kort{grid-template-columns:minmax(0,1fr)}.rapport-vifte{max-width:520px;width:100%}}
@media (max-width:520px){.vifte-side{width:42%}.rapport-vifte{height:230px}.vifte-side.v2{left:14%}.vifte-side.v3{left:28%}.vifte-side.v4{left:42%}.vifte-side.v5{left:56%}}

.rapport-sider{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-top:56px}
.rapport-sider .side-bilde{border-radius:4px;box-shadow:0 18px 36px -24px rgba(19,20,23,.5),0 0 0 1px rgba(35,38,43,.1);margin-bottom:18px;background:#fff}
.rapport-sider .side-bilde svg{width:100%;height:auto}
.rapport-sider .side-nr{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);margin:0 0 6px}
.rapport-sider h3{font-size:19px;margin-bottom:8px}
.rapport-sider p{font-size:15.5px;color:var(--tekst-2);margin:0}
.rapport-merk{margin:48px 0 0;padding:20px 22px;border-left:3px solid var(--navy);background:var(--off-2);color:var(--svart);max-width:46em}
@media (max-width:1080px){.rapport-sider{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.rapport-sider{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 16px}}
@media (max-width:1180px){.meny a{padding:10px 10px;font-size:15px}}
.h2-liten{font-size:clamp(28px,3.6vw,50px)}

/* ---------- Ikoner i sparelista ---------- */
.linjeliste .ikon-nr{width:48px;height:48px;padding:0;border-radius:8px;background:var(--blaa-lys);color:var(--navy);display:flex;align-items:center;justify-content:center}
.linjeliste .ikon-nr svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.linjeliste > li:has(.ikon-nr){grid-template-columns:48px minmax(0,1fr);gap:22px}
@media (max-width:600px){.linjeliste .ikon-nr{width:40px;height:40px}.linjeliste .ikon-nr svg{width:20px;height:20px}.linjeliste > li:has(.ikon-nr){grid-template-columns:40px minmax(0,1fr);gap:16px}}

/* ---------- Systemtegning ---------- */
.system-ramme{margin-top:clamp(56px,7vw,96px);background:var(--navy-dyp);color:var(--off);border-radius:14px;padding:clamp(28px,4.5vw,64px)}
.system{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr) 72px minmax(0,1.1fr);align-items:center}
.sys-ledd h3{font-size:22px;margin:0 0 8px}
.sys-ledd p{margin:0;color:var(--blaa-lys);font-size:16px}
.sys-bilde svg{width:100%;max-width:260px;height:auto;margin-bottom:22px}
.sys-hub{position:relative;background:var(--navy);border:1px solid var(--linje-mork);border-radius:12px;padding:30px 26px 26px;box-shadow:0 0 0 10px rgba(159,179,200,.07),0 30px 60px -30px rgba(0,0,0,.6)}
.sys-logo img{width:56px;height:56px;border-radius:12px;margin-bottom:18px;box-shadow:0 0 0 1px rgba(159,179,200,.4)}
.sys-hub ul{list-style:none}
.sys-hub li{padding:9px 0 9px 26px;border-top:1px solid var(--linje-mork);font-size:15.5px;color:var(--blaa-lys);position:relative}
.sys-hub li::before{content:"";position:absolute;left:2px;top:15px;width:10px;height:5px;border-left:2px solid var(--blaa);border-bottom:2px solid var(--blaa);transform:rotate(-45deg)}
.sys-vaer{position:absolute;top:-16px;right:20px;display:inline-flex;align-items:center;gap:8px;background:var(--off);color:var(--navy);font-size:13.5px;font-weight:600;padding:6px 12px 6px 10px;border-radius:999px}
.sys-vaer svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.sys-pil{position:relative;height:2px;margin:0 12px;background:repeating-linear-gradient(90deg,var(--blaa) 0 6px,transparent 6px 12px);opacity:.8}
.sys-pil span{position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:50%;background:var(--off);box-shadow:0 0 0 4px rgba(248,247,244,.15);animation:sys-gli 2.4s linear infinite}
@keyframes sys-gli{from{left:0}to{left:calc(100% - 10px)}}
.sys-ut{display:grid;gap:12px}
.ut-kort{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:center;background:#FFFFFF;color:var(--svart);border-radius:10px;padding:14px 16px;border-left:4px solid var(--navy)}
.ut-kort.varsel{border-left-color:var(--varsel)}
.ut-kort b{display:block;font-size:16.5px;letter-spacing:-.01em}
.ut-kort span{font-size:14px;color:var(--tekst-2)}
.ut-ikon{width:40px;height:40px;border-radius:8px;background:var(--blaa-lys);color:var(--navy);display:flex;align-items:center;justify-content:center}
.ut-kort.varsel .ut-ikon{background:var(--varsel-bg);color:#3F5573}
.ut-ikon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:980px){
  .system{grid-template-columns:minmax(0,1fr);max-width:460px;margin:0 auto}
  .sys-bygg{text-align:center}.sys-bilde svg{margin:0 auto 18px}
  .sys-pil{width:2px;height:56px;margin:12px auto;background:repeating-linear-gradient(180deg,var(--blaa) 0 6px,transparent 6px 12px)}
  .sys-pil span{left:-4px;top:0;animation-name:sys-gli-ned}
  .sys-hub{margin-top:14px}
}
@keyframes sys-gli-ned{from{top:0}to{top:calc(100% - 10px)}}
@media (prefers-reduced-motion:reduce){.sys-pil span{animation:none}}

/* ---------- Kontakt med folk ---------- */
.kontakt-folk{list-style:none;border-top:1px solid var(--linje-mork)}
.kontakt-folk li{padding:24px 0;border-bottom:1px solid var(--linje-mork);display:grid;gap:12px}
.kontakt-folk h3{font-size:24px}
.kontakt-folk p{margin:4px 0 0;color:var(--blaa);font-size:15px}
.kontakt-folk .lenker{display:flex;flex-wrap:wrap;gap:6px 22px}
.kontakt-folk .lenker a{font-size:18px;font-weight:500;text-decoration:none;border-bottom:1px solid var(--linje-mork)}
.kontakt-folk .lenker a:hover{border-color:var(--off)}
.system{grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr) 110px minmax(0,1.1fr)}
.sys-pil{margin:0 6px}
@media (max-width:1180px){.system{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr) 64px minmax(0,1.1fr)}}
@media (max-width:980px){.system{grid-template-columns:minmax(0,1fr)}.sys-pil{margin:12px auto}}

/* ---------- Tegning av bygg i toppen ---------- */
.hero-bilde.bygg-illu{margin-bottom:0;position:relative}
.hero-svg{width:100%;height:auto}
.hero-svg .lyst{fill:#F8F7F4}
.hero-svg .morkt{fill:#1D1F24}
.illu-lapp{position:absolute;left:2%;bottom:14%;background:var(--off);color:var(--svart);border-radius:8px;padding:12px 16px;box-shadow:0 18px 40px -20px rgba(0,0,0,.55);border-left:4px solid var(--blaa);max-width:250px}
.illu-lapp b{display:block;font-size:16px;letter-spacing:-.01em}
.illu-lapp span{font-size:14px;color:var(--tekst-2)}
.puls-prikk{offset-rotate:0deg;animation:puls-gaar 3.2s linear infinite;opacity:.95}
@keyframes puls-gaar{from{offset-distance:0%}to{offset-distance:100%}}
@media (prefers-reduced-motion:reduce){.puls-prikk{animation:none;offset-distance:100%}}
@media (max-width:980px){.hero-bilde.bygg-illu{margin-top:40px}}
@media (max-width:520px){.illu-lapp{position:static;margin-top:12px;max-width:none}}
.faar-grafikk{display:grid;gap:20px}
.hero-grid:has(.bygg-illu){align-items:center}
.illu-lapp{left:0;top:4%;bottom:auto}
.hero-svg .morkt{fill:#1D1F24}
.illu-lapp{left:auto;right:0;top:2%}

/* ---------- Strømprisen nå ---------- */
.kart-hero{margin:0}
.kart-topp{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid var(--linje-mork);padding-bottom:12px;margin-bottom:8px}
.kart-topp b{font-size:20px;letter-spacing:-.01em}
.kart-topp span{color:var(--blaa);font-size:15px}
.kart-svg{width:100%;height:auto}
.kart-liste{display:none;list-style:none;margin:8px 0 0;border-top:1px solid var(--linje-mork)}
.kart-liste li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--linje-mork);font-size:16px}
.kart-liste span{color:var(--blaa);font-weight:600}
.kart-status{margin:12px 0 0;color:var(--blaa-lys);font-size:15px}
.kart-merk{font-size:clamp(18px,1.6vw,21px);font-weight:600;letter-spacing:-.01em;margin:14px 0 4px}
.kart-liten{font-size:13px;color:var(--blaa);margin:0}
@media (max-width:600px){
  .kart-svg{max-width:300px;margin:0 auto}
  .kart-svg g,.kart-svg line{display:none}
  .kart-liste{display:block}
}
.kart-liten a{color:var(--blaa-lys)}

/* Hva dere får: tre punkter på rad */
.faar-tre{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,56px)}
.faar-tre li{padding-top:28px;border-top:1px solid var(--linje-mork)}
.faar-tre .ikon{width:48px;height:48px;border-radius:8px;border:1px solid var(--linje-mork);display:flex;align-items:center;justify-content:center;color:var(--blaa);margin-bottom:22px}
.faar-tre .ikon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.faar-tre h3{margin-bottom:10px}
.faar-tre p{margin:0;color:var(--blaa-lys)}
@media (max-width:900px){.faar-tre{grid-template-columns:minmax(0,1fr);margin-top:40px}}

/* Gratis-merke */
.gratis-merke{display:inline-flex;align-items:center;margin:0;padding:6px 12px;border-radius:999px;background:var(--blaa);color:var(--navy-dyp);font-size:13px;font-weight:600;letter-spacing:.04em;line-height:1.2;white-space:nowrap}
.etikett-rad{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:0 0 22px}
.etikett-rad .etikett{margin:0}
.meny-gratis{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;background:var(--blaa);color:var(--navy-dyp);font-size:11px;font-weight:600;letter-spacing:.03em;vertical-align:2px;line-height:1.4}
@media (max-width:1080px){.meny-gratis{font-size:12px}}

/* Webinarstripe på forsiden */
.webinar-stripe{background:var(--navy-dyp);color:var(--off);border-top:1px solid var(--linje-mork)}
.webinar-stripe-grid{display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:clamp(20px,3vw,48px);align-items:center;padding-top:30px;padding-bottom:30px}
.webinar-stripe-tekst{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.webinar-stripe-tekst p:last-child{margin:0;font-size:clamp(17px,1.5vw,20px);line-height:1.45;color:var(--off);max-width:32em}
.puls{width:200px;height:auto;display:block;overflow:visible}
.puls path{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.puls-spor{stroke:var(--linje-mork)}
.puls-linje{stroke:var(--blaa);stroke-dasharray:1;stroke-dashoffset:1;animation:puls-tegn 6s ease-in-out infinite}
@keyframes puls-tegn{0%{stroke-dashoffset:1;opacity:1}40%{stroke-dashoffset:0;opacity:1}80%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@media (prefers-reduced-motion:reduce){.puls-linje{animation:none;stroke-dashoffset:0}}
@media (max-width:900px){.webinar-stripe-grid{grid-template-columns:minmax(0,1fr);gap:18px}.puls{width:160px}}

/* Kort lenke til webinaret nederst på sider */
.webinar-hint{background:var(--off-2);padding:28px 0;border-top:1px solid var(--linje)}
.webinar-hint p{margin:0;font-size:18px;color:var(--svart)}
.webinar-hint a{color:var(--navy);font-weight:600}

/* Webinarsiden */
.webinar-topp{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end}
.webinar-topp .webinar-fakta{margin-top:0;max-width:none}
.undertittel{font-size:clamp(20px,2vw,26px);font-weight:500;color:var(--blaa);margin:20px 0 0;line-height:1.35}
.webinar-topp .ingress{margin-top:20px}
.valgfritt{font-weight:400;color:var(--dempet)}
@media (max-width:860px){.webinar-topp{grid-template-columns:minmax(0,1fr)}.webinar-topp .webinar-fakta{margin-top:16px}}
@media (max-width:420px){.webinar-fakta li{grid-template-columns:88px minmax(0,1fr);gap:12px}}
.holder{align-items:center}
.holder-rolle{color:var(--blaa);font-size:17px;margin:12px 0 28px}
.holder-tekst p{color:var(--blaa-lys);font-size:18px;line-height:1.6;max-width:34em}
.sitat{margin:0;padding:clamp(28px,4vw,48px);border:1px solid var(--linje-mork);border-radius:8px;position:relative}
.sitat::before{content:"«";display:block;font-size:72px;line-height:.8;height:44px;color:var(--blaa);margin-bottom:12px}
.sitat blockquote{margin:0}
.sitat blockquote p{margin:0;font-size:clamp(22px,2.4vw,32px);line-height:1.35;font-weight:500;letter-spacing:-.01em;color:var(--off)}
.sitat figcaption{margin:22px 0 28px;color:var(--blaa);font-size:16px}
.meny a{white-space:nowrap}
@media (min-width:1081px) and (max-width:1300px){.meny{gap:2px}.meny a{padding:10px 10px}}

/* Kontroll på byggene: gate om natta med pulslinje */
.ro-bilde{position:relative;margin:clamp(48px,6vw,80px) 0 0}
.ro-bilde svg{display:block;width:100%;height:auto}
.ro-prikk{transform-box:fill-box;transform-origin:center;animation:ro-puls 2.4s ease-in-out infinite}
@keyframes ro-puls{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.55}}
.ro-merknad{position:absolute;left:30.4%;top:0;transform:translate(-50%,-30%);margin:0;display:flex;align-items:center;gap:10px;background:var(--off);color:var(--svart);font-size:15px;line-height:1.35;padding:12px 16px;border-radius:6px;max-width:300px;box-shadow:0 10px 30px rgba(0,0,0,.25);opacity:0;transition:opacity .6s ease 1.6s}
.ro-bilde.is-in .ro-merknad{opacity:1}
.ro-merknad-prikk{flex:none;width:9px;height:9px;border-radius:50%;background:var(--varsel)}
.ro-liste{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,44px)}
.ro-liste li{padding-top:24px;border-top:1px solid var(--linje-mork)}
.ro-liste h3{margin-bottom:10px}
.ro-liste p{margin:0;color:var(--blaa-lys)}
.oppstart-fakta{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px 28px}
.oppstart-fakta li{position:relative;padding-left:26px;font-weight:500}
.oppstart-fakta li::before{content:"";position:absolute;left:0;top:.35em;width:14px;height:8px;border-left:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(-45deg)}
@media (max-width:1000px){.ro-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.ro-merknad{position:static;transform:none;margin:16px 0 0;max-width:none}.ro-liste{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.ro-prikk{animation:none}.ro-merknad{transition:none}}
.ro-strek{opacity:0;transition:opacity .6s ease 1.6s}
.ro-bilde.is-in .ro-strek{opacity:.6}
@media (max-width:700px){.ro-bilde{overflow:hidden}.ro-bilde svg{width:190%;max-width:none}.ro-strek{display:none}}
@media (prefers-reduced-motion:reduce){.ro-strek{transition:none}}

/* Strømprisen nå, ny grafikk */
.kart-topp b{display:inline-flex;align-items:center;gap:10px}
.kart-live{width:8px;height:8px;border-radius:50%;background:var(--blaa);box-shadow:0 0 0 0 rgba(159,179,200,.6);animation:kart-live 2.4s ease-out infinite}
@keyframes kart-live{0%{box-shadow:0 0 0 0 rgba(159,179,200,.55)}80%,100%{box-shadow:0 0 0 9px rgba(159,179,200,0)}}
.kart-svg{filter:none}
.kart-ring{transform-box:fill-box;transform-origin:center;animation:kart-ring 3s ease-out infinite;opacity:0}
@keyframes kart-ring{0%{transform:scale(1);opacity:.8}70%,100%{transform:scale(3.2);opacity:0}}
.kart-stolpe{transition:width .9s ease}
.kart-liste li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px}
.kart-sone{color:var(--blaa);font-weight:600}
.kart-bar{height:4px;border-radius:2px;background:var(--navy-dyp);overflow:hidden}
.kart-bar i{display:block;height:100%;width:0;background:var(--blaa);border-radius:2px;transition:width .9s ease}
.kart-liste b small{font-weight:400;color:var(--blaa);font-size:13px}
@media (prefers-reduced-motion:reduce){.kart-live,.kart-ring{animation:none}.kart-stolpe,.kart-bar i{transition:none}}

/* Gratis strømsjekk: ett døgn som ring */
.sjekk-kort{background:var(--navy-dyp);color:var(--off);border-radius:16px;padding:clamp(24px,3vw,36px);box-shadow:0 30px 60px rgba(19,20,23,.22);max-width:480px;width:100%;justify-self:end}
.sjekk-ring{display:block;width:100%;max-width:340px;height:auto;margin:0 auto}
.sjekk-strek{stroke-width:9;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .7s cubic-bezier(.3,0,.2,1)}
.sjekk-kort.is-in .sjekk-strek{stroke-dashoffset:0}
.sjekk-forklaring{display:flex;justify-content:center;gap:24px;margin:6px 0 0;font-size:14px;color:var(--blaa-lys)}
.sjekk-forklaring span{display:inline-flex;align-items:center;gap:8px}
.sjekk-forklaring i{width:10px;height:10px;border-radius:50%;display:inline-block}
.sjekk-forklaring .dag{background:var(--blaa)}.sjekk-forklaring .natt{background:var(--varsel)}
.sjekk-tekst{margin:18px 0 0;text-align:center;color:var(--blaa-lys);font-size:16px;line-height:1.5}
.sjekk-uker{margin-top:24px;padding-top:20px;border-top:1px solid var(--linje-mork)}
.sjekk-uker p{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--off)}
.sjekk-uker ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sjekk-uker li{font-size:13px;color:var(--blaa);opacity:.35;transition:opacity .5s ease}
.sjekk-uker li span{display:block;height:6px;border-radius:3px;background:var(--blaa);margin-bottom:8px}
.sjekk-kort.is-in .sjekk-uker li{opacity:1}
@media (max-width:900px){.sjekk-kort{justify-self:start}}
@media (prefers-reduced-motion:reduce){.sjekk-strek,.sjekk-uker li{transition:none}}
.gratis-over{margin:0 0 22px}

/* Oppstart: tre steg med strømmende linje */
.oppstart-flyt{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,56px);position:relative}
.oppstart-flyt::before{content:"";position:absolute;top:47px;left:calc(16.66% + 52px);right:calc(16.66% + 52px);height:2px;background:repeating-linear-gradient(90deg,var(--blaa) 0 8px,transparent 8px 16px);background-size:16px 2px;animation:flyt 1.2s linear infinite}
@keyframes flyt{to{background-position:16px 0}}
.oppstart-flyt li{text-align:center;position:relative}
.flyt-ikon{display:flex;align-items:center;justify-content:center;width:96px;height:96px;margin:0 auto 22px;border-radius:50%;background:#FFFFFF;border:1px solid var(--linje);box-shadow:0 12px 30px rgba(29,31,36,.10);position:relative;z-index:1}
.flyt-ikon svg{width:52px;height:52px}
.oppstart-flyt h3{margin-bottom:8px}
.oppstart-flyt p{margin:0 auto;color:var(--tekst-2);max-width:20em}
@media (max-width:760px){
  .oppstart-flyt{grid-template-columns:minmax(0,1fr);gap:36px}
  .oppstart-flyt::before{top:48px;bottom:48px;left:47px;right:auto;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--blaa) 0 8px,transparent 8px 16px);background-size:2px 16px;animation-name:flyt-ned}
  .oppstart-flyt li{text-align:left;display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:20px;align-items:center}
  .flyt-ikon{margin:0;grid-row:span 2}
  .oppstart-flyt h3{align-self:end;margin:0}
  .oppstart-flyt p{margin:0;align-self:start}
}
@keyframes flyt-ned{to{background-position:0 16px}}
@media (prefers-reduced-motion:reduce){.oppstart-flyt::before{animation:none}}

/* Mye kan spares: fire kort med små grafer */
.sparing h2{max-width:none}
.feil-kort{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.feil-kort li{background:#FFFFFF;border:1px solid var(--linje);border-radius:12px;padding:24px 22px 26px}
.feil-graf{margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid var(--linje)}
.feil-graf svg{display:block;width:100%;height:auto;overflow:visible}
.feil-kort h3{font-size:19px;margin-bottom:8px}
.feil-kort p{margin:0;color:var(--tekst-2);font-size:16px;line-height:1.5}
.vokser{transform-box:fill-box;transform-origin:left center;transform:scaleX(0);transition:transform .9s cubic-bezier(.3,0,.2,1)}
.vokser-opp{transform-box:fill-box;transform-origin:center bottom;transform:scaleY(0);transition:transform .6s cubic-bezier(.3,0,.2,1)}
.is-in .vokser,.is-in .vokser-opp{transform:none}
@media (max-width:1000px){.feil-kort{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.feil-kort{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.vokser,.vokser-opp{transform:none;transition:none}}

/* Mye kan spares: bygg i snitt */
.snitt-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,72px);align-items:center;margin-top:clamp(40px,5vw,64px)}
.snitt{display:block;width:100%;height:auto;overflow:visible}
.markor-ring{transform-box:fill-box;transform-origin:center;animation:markor 2.6s ease-out infinite}
.markor:nth-of-type(2) .markor-ring{animation-delay:.6s}
@keyframes markor{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(2);opacity:0}}
.markor{transition:transform .2s ease;transform-box:fill-box;transform-origin:center}
.markor.aktiv{transform:scale(1.18)}
.luft{animation:luft 1.4s linear infinite}
@keyframes luft{to{stroke-dashoffset:-12}}
.snitt-liste,.avslor-liste{list-style:none;margin:0;padding:0}
.snitt-liste li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;padding:20px 0;border-bottom:1px solid var(--linje);cursor:default}
.snitt-liste li:first-child{border-top:1px solid var(--linje)}
.snitt-nr{width:32px;height:32px;border-radius:50%;background:var(--varsel);color:var(--svart);font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center}
.snitt-liste h3,.avslor-liste h3{font-size:19px;margin-bottom:4px}
.snitt-liste p{margin:0;color:var(--tekst-2)}
@media (max-width:900px){.snitt-grid{grid-template-columns:minmax(0,1fr)}}

/* Gratis strømsjekk: en uke i et bygg */
.avslor-kort{margin-top:clamp(40px,5vw,64px);background:#16181C;border:1px solid var(--linje-mork);border-radius:16px;padding:clamp(18px,3vw,36px)}
.avslor{display:block;width:100%;height:auto;overflow:visible}
.avslor-felt{opacity:0;transition:opacity 1s ease 1.4s}
.avslor-kort.is-in .avslor-felt{opacity:.5}
.avslor-forklaring{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:18px;font-size:14px;color:var(--blaa-lys)}
.avslor-forklaring span{display:inline-flex;align-items:center;gap:10px}
.avslor-forklaring i{display:inline-block;width:22px;height:0;border-top:2px solid var(--off)}
.avslor-forklaring i.stiplet{border-top:2px dashed var(--blaa)}
.avslor-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin-top:36px}
.avslor-liste li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px}
.avslor-liste p{margin:0;color:var(--blaa-lys)}
@media (max-width:800px){.avslor-liste{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.avslor-kort{margin-left:calc(-1 * var(--kant) + 8px);margin-right:calc(-1 * var(--kant) + 8px)}}
@media (prefers-reduced-motion:reduce){.markor-ring,.luft{animation:none}.avslor-felt{transition:none}}
.avslor-mobil{display:none}
@media (max-width:600px){.avslor:not(.avslor-mobil){display:none}.avslor-mobil{display:block}}

/* Bestill gratis strømsjekk */
.bestill-topp{padding-bottom:clamp(64px,8vw,110px)}
.bestill-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);grid-template-areas:"tekst skjema" "veien skjema";gap:0 clamp(40px,6vw,96px);align-items:start}
.bestill-tekst{grid-area:tekst}
.bestill-skjema{grid-area:skjema;color:var(--svart);scroll-margin-top:100px;box-shadow:0 30px 60px rgba(10,14,28,.3)}
.veien{grid-area:veien;list-style:none;margin:44px 0 0;padding:0;position:relative}
.veien::before{content:"";position:absolute;left:19px;top:20px;bottom:30px;width:2px;background:repeating-linear-gradient(180deg,var(--blaa) 0 6px,transparent 6px 12px);opacity:.6}
.veien li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:18px;padding:0 0 26px;position:relative}
.veien-nr{width:40px;height:40px;border-radius:50%;border:2px solid var(--blaa);background:var(--navy);color:var(--off);font-weight:700;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.veien li.naa .veien-nr{background:var(--varsel);border-color:var(--varsel);color:var(--svart);box-shadow:0 0 0 6px rgba(110,135,166,.18)}
.veien h3{font-size:19px;margin:8px 0 4px;color:var(--off)}
.veien p{margin:0;color:var(--blaa-lys);font-size:16px;max-width:26em}
.skjema-tittel{font-size:clamp(24px,2.4vw,30px);margin-bottom:22px}
.knapp-full{width:100%;justify-content:center}
.takk-hake{display:flex;width:48px;height:48px;border-radius:50%;background:var(--navy);color:var(--off);align-items:center;justify-content:center;margin-bottom:18px}
.takk-hake svg{width:24px;height:24px}
@media (max-width:900px){.bestill-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"tekst" "veien" "skjema"}.veien{margin-top:32px}.bestill-skjema{margin-top:8px}}
@media (min-width:901px){.bestill-grid{grid-template-rows:auto 1fr}}
.veien.steg2 li.naa .veien-nr{background:var(--blaa);border-color:var(--blaa);box-shadow:none;color:var(--navy-dyp)}
.veien.steg2 li:nth-child(2) .veien-nr{background:var(--varsel);border-color:var(--varsel);color:var(--svart);box-shadow:0 0 0 6px rgba(110,135,166,.18)}

/* Pakker på forsiden, i stil med Whoop */
.pk-rad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:clamp(40px,5vw,64px);align-items:stretch}
.pk{background:#FFFFFF;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 0 var(--linje),0 18px 40px rgba(29,31,36,.08);transition:transform .25s ease,box-shadow .25s ease}
.pk:hover{transform:translateY(-4px);box-shadow:0 1px 0 var(--linje),0 26px 50px rgba(29,31,36,.14)}
.pk-topp{position:relative;padding:28px 20px 0;text-align:center;height:300px;overflow:hidden}
.pk-a{background:linear-gradient(160deg,#F8F7F4 0%,#D9DCE1 100%)}
.pk-b{background:linear-gradient(160deg,#D9DCE1 0%,#9FB3C8 100%)}
.pk-c{background:linear-gradient(160deg,#1D1F24 0%,#131417 100%);color:var(--off)}
.pk-navn{font-size:clamp(22px,2vw,28px);font-weight:500;letter-spacing:.22em;margin:0 0 6px;line-height:1.1}
.pk-pris{margin:0;font-size:14px;font-weight:600;color:var(--tekst-2)}
.pk-c .pk-pris{color:var(--blaa-lys)}
.pk-topp svg{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:340px;height:auto}
.pk-merke{position:absolute;top:14px;left:14px;font-size:12px;font-weight:600;background:var(--navy);color:var(--off);padding:4px 10px;border-radius:999px}
.pk-kropp{padding:24px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.pk-alt{margin:0;font-size:15px;color:var(--tekst-2)}
.pk-liste{list-style:none;margin:0 0 14px;padding:0;flex:1}
.pk-liste li{position:relative;padding:6px 0 6px 28px;font-size:16px}
.pk-liste li::before{content:"";position:absolute;left:0;top:9px;width:18px;height:18px;border-radius:50%;background:var(--navy)}
.pk-liste li::after{content:"";position:absolute;left:6px;top:13px;width:6px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.pk-anbefalt{box-shadow:0 0 0 2px var(--navy),0 26px 50px rgba(29,31,36,.16)}
.pk-merk{text-align:center;margin:28px 0 0;color:var(--tekst-2);font-size:15px}
.pk-merk a{color:var(--navy);font-weight:600}
@media (max-width:960px){.pk-rad{grid-template-columns:minmax(0,1fr);max-width:460px;margin-left:auto;margin-right:auto}.pk-topp{height:270px}}
@media (prefers-reduced-motion:reduce){.pk,.pk:hover{transition:none;transform:none}}
.veien-blokk{grid-area:veien}
.veien-blokk .veien{grid-area:auto}
.videre-boks{margin-top:8px;padding:22px 24px;border:1px solid var(--linje-mork);border-radius:12px;background:rgba(19,20,23,.55)}
.videre-boks h3{font-size:18px;margin:0 0 8px;color:var(--off)}
.videre-boks p{margin:0 0 12px;color:var(--blaa-lys);font-size:16px;line-height:1.5}
.videre-boks a{color:var(--off);font-weight:600}
.begrenset{margin:16px 0 0;font-size:14px;color:var(--blaa)}
.sjekk-erling{margin:20px 0 0;padding-top:18px;border-top:1px solid var(--linje-mork);text-align:center;font-weight:600;color:var(--off);font-size:15px}
@media (max-width:900px){.veien-blokk .veien{margin-top:32px}}
@media (max-width:900px){
  .bestill-grid{display:flex;flex-direction:column}
  .veien-blokk{display:contents}
  .bestill-tekst{order:1}.veien{order:2}.bestill-skjema{order:3;margin-top:8px}.videre-boks{order:4;margin-top:28px}.begrenset{order:5}
}

/* Se mer under kartet */
.kart-mer{margin-top:18px;padding:12px 20px;font-size:15px}

/* Strømprisen i dag */
.pris-kort-stor{background:#16181C;border:1px solid var(--linje-mork);border-radius:16px;padding:clamp(18px,3vw,36px)}
.pris-valg{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.pris-soner,.pris-dager{display:flex;flex-wrap:wrap;gap:6px;background:var(--navy-dyp);padding:4px;border-radius:999px;border:1px solid var(--linje-mork)}
.pris-valg button{font:inherit;font-size:15px;font-weight:600;color:var(--blaa-lys);background:transparent;border:0;border-radius:999px;padding:9px 16px;cursor:pointer}
.pris-valg button span{font-weight:400;color:var(--blaa);margin-left:4px}
.pris-valg button[aria-selected="true"]{background:var(--off);color:var(--svart)}
.pris-valg button[aria-selected="true"] span{color:var(--tekst-2)}
.pris-valg button:focus-visible{outline:2px solid var(--blaa);outline-offset:2px}
.pris-tall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0 18px}
.pris-tall div{border-top:1px solid var(--linje-mork);padding-top:12px}
.pris-tall div[hidden]{display:none}
.pris-tall dt{font-size:14px;color:var(--blaa);margin-bottom:4px}
.pris-tall dd{margin:0;font-size:clamp(22px,2.6vw,32px);font-weight:600;color:var(--off);letter-spacing:-.01em}
.pris-tall dd small{font-size:14px;font-weight:400;color:var(--blaa)}
.pris-graf{width:100%;min-height:260px}
.pris-graf svg{display:block;width:100%;height:auto;touch-action:pan-y}
.graf-tekst{font-size:12px;fill:#9FB3C8;font-family:"Inter Tight",system-ui,sans-serif}
.graf-tips{font-size:15px;font-weight:600;fill:#23262B;font-family:"Inter Tight",system-ui,sans-serif}
.graf-tips-liten{font-size:12px;fill:#646A73;font-family:"Inter Tight",system-ui,sans-serif}
.pris-tom{color:var(--blaa-lys)}
.pris-enhet{margin:10px 0 0;font-size:13px;color:var(--blaa)}
.pavirker{list-style:none;margin:clamp(32px,4vw,48px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.pav-ikon{display:flex;width:52px;height:52px;border-radius:14px;background:var(--blaa-lys);color:var(--navy);align-items:center;justify-content:center;margin-bottom:18px}
.pav-ikon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pavirker h3{font-size:19px;margin-bottom:6px}
.pavirker p{margin:0;color:var(--tekst-2)}
.om-prisene p{margin:0 0 12px;color:var(--tekst-2);font-size:17px;line-height:1.6}
.om-prisene a{color:var(--navy)}
@media (max-width:900px){.pavirker{grid-template-columns:repeat(2,minmax(0,1fr))}.pris-tall{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.pavirker{grid-template-columns:minmax(0,1fr)}.pris-valg button{padding:8px 11px;font-size:14px}.pris-valg button span{display:none}.pris-soner,.pris-dager{width:100%;justify-content:space-between}}
@media (max-width:560px){.pris-soner,.pris-dager{flex-wrap:nowrap;gap:2px}.pris-valg button{flex:1;padding:8px 0;text-align:center}}

/* Gratis strømsjekk på forsiden: en sjekk som går gjennom bygget */
.sjekk-kort{position:relative;overflow:hidden}
.sjekk-hode{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--linje-mork)}
.sjekk-bygg{display:flex;width:44px;height:44px;border-radius:12px;background:var(--navy);align-items:center;justify-content:center;color:var(--blaa-lys)}
.sjekk-bygg svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.sjekk-hode b{display:block;font-size:18px}
.sjekk-hode span{font-size:14px;color:var(--blaa)}
.sjekk-hode .sjekk-ferdig{margin-left:auto;font-size:13px;font-weight:600;color:var(--navy-dyp);background:var(--blaa);padding:5px 12px;border-radius:999px;opacity:0;transition:opacity .4s ease 2s}
.sjekk-kort.is-in .sjekk-ferdig{opacity:1}
.sjekk-rader{list-style:none;margin:8px 0 0;padding:0}
.sjekk-rader li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--linje-mork);opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease;transition-delay:calc(var(--n) * .3s + .2s)}
.sjekk-kort.is-in .sjekk-rader li{opacity:1;transform:none}
.sjekk-ikon{display:flex;width:36px;height:36px;border-radius:10px;background:rgba(159,179,200,.12);align-items:center;justify-content:center;color:var(--blaa-lys)}
.sjekk-ikon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sjekk-navn{font-weight:500;color:var(--off)}
.sjekk-ok,.sjekk-endre{font-size:13px;font-weight:600;padding:5px 11px;border-radius:999px;white-space:nowrap}
.sjekk-ok{color:var(--blaa-lys);background:rgba(159,179,200,.12)}
.sjekk-endre{color:#23262B;background:var(--varsel)}
.sjekk-rader li:has(.sjekk-endre) .sjekk-ikon{background:rgba(110,135,166,.18);color:var(--varsel)}
.sjekk-resultat{display:flex;align-items:center;gap:12px;margin-top:20px;font-weight:600;font-size:16px;color:var(--off);opacity:0;transition:opacity .5s ease 2.1s}
.sjekk-kort.is-in .sjekk-resultat{opacity:1}
.sjekk-prikk{flex:none;width:10px;height:10px;border-radius:50%;background:var(--varsel)}
.sjekk-kort::after{content:"";position:absolute;left:0;right:0;top:0;height:60px;background:linear-gradient(180deg,rgba(159,179,200,0),rgba(159,179,200,.14),rgba(159,179,200,0));transform:translateY(-80px);pointer-events:none}
.sjekk-kort.is-in::after{animation:skann 1.8s ease-in-out .2s 1 forwards}
@keyframes skann{0%{transform:translateY(60px)}100%{transform:translateY(420px);opacity:0}}
@media (prefers-reduced-motion:reduce){.sjekk-rader li,.sjekk-ferdig,.sjekk-resultat{transition:none}.sjekk-kort.is-in::after{animation:none}}

/* Meny: knappen helt til høyre */
.meny .meny-knapp-cta{margin-left:14px;color:var(--svart)!important;padding:12px 20px}
.meny .meny-knapp-cta[aria-current="page"]{box-shadow:none}
@media (max-width:1080px){.meny .meny-knapp-cta{margin:16px 0 0;text-align:center;justify-content:center;border-bottom:0}}

/* Forsiden: tre tall om oppfølging */
.tall-rad{list-style:none;margin:clamp(32px,4vw,48px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tall-rad li{background:#FFFFFF;border:1px solid var(--linje);border-radius:16px;padding:28px 26px}
.tall-rad b{display:block;font-size:clamp(40px,4.4vw,60px);font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--navy);margin-bottom:14px}
.tall-rad .tall-gull b{color:#3F5573}
.tall-rad p{margin:0;color:var(--tekst-2)}
.tall-kilde{margin:18px 0 0;font-size:14px;color:var(--dempet)}
.tall-kilde a{color:var(--navy);font-weight:600}
@media (max-width:800px){.tall-rad{grid-template-columns:minmax(0,1fr)}}

/* Hvorfor Energipuls */
.hvorfor-topp{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:center}
.aar-kort{margin:0;background:var(--navy-dyp);border:1px solid var(--linje-mork);border-radius:16px;padding:28px}
.aar-graf{display:block;width:100%;height:auto}
.uke{opacity:.15;transition:opacity .4s ease;transition-delay:calc(var(--n) * 25ms)}
.aar-kort.is-in .uke{opacity:1}
.aar-kort figcaption{margin-top:18px;color:var(--blaa-lys);font-size:15px;line-height:1.5}
.forsk-rad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:clamp(40px,5vw,64px)}
.forsk-kort{margin:0;background:#16181C;border:1px solid var(--linje-mork);border-radius:16px;padding:clamp(22px,3vw,32px)}
.forsk-graf{display:block;width:100%;height:auto;overflow:visible}
.forsk-kort figcaption{margin-top:20px;padding-top:18px;border-top:1px solid var(--linje-mork);color:var(--blaa-lys);font-size:16px;line-height:1.5}
.forsk-enova{margin:36px 0 0;font-size:clamp(19px,1.8vw,23px);line-height:1.45;color:var(--off);max-width:40em}
.forsk-bunn{margin-top:32px;display:flex;flex-wrap:wrap;gap:24px 48px;align-items:flex-start;justify-content:space-between}
.kilder{list-style:none;margin:0;padding:0;font-size:13px;max-width:36em}
.kilder li{margin-bottom:6px}
.kilder a{color:var(--blaa)}
.uavh{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.uavh li{background:#FFFFFF;border:1px solid var(--linje);border-radius:16px;padding:26px}
.uavh-x{display:block;width:40px;height:40px;border-radius:50%;border:2px solid var(--navy);position:relative;margin-bottom:18px}
.uavh-x::before{content:"";position:absolute;left:8px;right:8px;top:50%;height:2px;background:var(--navy);transform:rotate(-45deg)}
.uavh h3{font-size:19px;margin-bottom:6px}
.uavh p{margin:0;color:var(--tekst-2)}
.folk-rad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.folk-kort{background:#FFFFFF;border:1px solid var(--linje);border-radius:16px;padding:clamp(24px,3vw,36px)}
.folk-bilde{display:flex;width:72px;height:72px;border-radius:50%;background:var(--navy);color:var(--off);font-weight:600;font-size:22px;letter-spacing:.04em;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 0 0 5px var(--blaa-lys)}
.folk-kort h3{font-size:22px;margin-bottom:4px}
.folk-kort .rolle{color:var(--dempet);margin:0 0 14px;font-size:15px}
.folk-kort p{color:var(--tekst-2)}
.folk-lenker{display:flex;flex-wrap:wrap;gap:8px 20px;margin:18px 0 0}
.folk-lenker a{color:var(--navy);font-weight:600}
.folk-firma{margin:24px 0 0;font-size:14px;color:var(--dempet)}
@media (max-width:900px){.hvorfor-topp,.forsk-rad,.folk-rad{grid-template-columns:minmax(0,1fr)}.uavh{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.uke{opacity:1;transition:none}}

/* Pakker: kort tekst i Energiledelse */
.pk-tekst{margin:0 0 14px;flex:1;font-size:16px;line-height:1.55;color:var(--tekst-2)}

/* Tjenestesiden */
.kort-topp{padding:clamp(56px,7vw,96px) 0 clamp(40px,5vw,64px)}
.sml-boks{background:#FFFFFF;border:1px solid var(--linje);border-radius:16px;overflow:hidden}
.sml{width:100%;border-collapse:collapse;font-size:16px}
.sml th,.sml td{padding:16px 18px;border-bottom:1px solid var(--linje);text-align:center;vertical-align:middle}
.sml tbody tr:last-child th,.sml tbody tr:last-child td{border-bottom:0}
.sml thead th{font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:none;background:var(--off-2);color:var(--svart)}
.sml thead th.sml-anbefalt{background:var(--navy);color:var(--off)}
.sml tbody th{text-align:left;font-weight:500;color:var(--svart);width:46%}
.ja,.nei{display:inline-block;width:24px;height:24px;border-radius:50%;position:relative;vertical-align:middle}
.ja{background:var(--navy)}
.ja::after{content:"";position:absolute;left:8px;top:6px;width:6px;height:10px;border-right:2.4px solid #fff;border-bottom:2.4px solid #fff;transform:rotate(45deg)}
.nei{background:transparent}
.nei::after{content:"";position:absolute;left:6px;right:6px;top:11px;height:2px;border-radius:1px;background:#C9CCD2}
.pris-rad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pris-boks{background:#FFFFFF;border:1px solid var(--linje);border-radius:16px;padding:26px}
.pris-boks h3{font-size:20px;margin-bottom:2px}
.pris-under{margin:0 0 16px;font-size:14px;color:var(--dempet)}
.pris-boks dl{margin:0}
.pris-boks dl div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--linje)}
.pris-boks dt{color:var(--tekst-2);font-size:15px}
.pris-boks dd{margin:0;font-weight:600;white-space:nowrap}
@media (max-width:900px){.pris-rad{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.sml{font-size:14px}.sml th,.sml td{padding:12px 8px}.sml thead th{font-size:12px;letter-spacing:0}.sml tbody th{width:auto}.ja,.nei{width:20px;height:20px}.ja::after{left:6px;top:4px}.nei::after{top:9px}}
.ro-bilde{max-width:980px;margin-left:auto;margin-right:auto;margin-top:clamp(32px,4vw,48px)}
.ro-kort{list-style:none;margin:clamp(28px,3vw,40px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ro-kort li{border-top:1px solid var(--linje-mork);padding-top:16px;display:flex;flex-direction:column;gap:4px}
.ro-kort b{font-size:20px;color:var(--off)}
.ro-kort span{color:var(--blaa-lys)}
@media (max-width:700px){.ro-kort{grid-template-columns:minmax(0,1fr);gap:12px}}
.mot-rad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:980px;margin:clamp(28px,3vw,40px) auto 0}
.mot{border-radius:14px;padding:22px 24px}
.mot h3{font-size:18px;margin:0 0 12px}
.mot ul{list-style:none;margin:0;padding:0}
.mot li{position:relative;padding:8px 0 8px 30px;border-top:1px solid var(--linje-mork)}
.mot-regning{border:1px solid var(--linje-mork)}
.mot-regning h3{color:var(--blaa)}
.mot-regning li{color:var(--blaa)}
.mot-regning li::before{content:"";position:absolute;left:4px;top:50%;width:12px;height:2px;background:#41454E}
.mot-ep{background:var(--off);color:var(--svart)}
.mot-ep li{border-color:var(--linje)}
.mot-ep li::before{content:"";position:absolute;left:0;top:50%;margin-top:-10px;width:20px;height:20px;border-radius:50%;background:var(--navy)}
.mot-ep li::after{content:"";position:absolute;left:7px;top:50%;margin-top:-6px;width:5px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}
@media (max-width:640px){.mot-rad{grid-template-columns:minmax(0,1fr)}}

/* Mye kan spares: mørk scene med valg */
.spar{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:clamp(36px,4vw,56px)}
.spar-scene{position:relative;background:radial-gradient(120% 90% at 50% 20%,#2A2D33 0%,#131417 60%,#16181C 100%);border-radius:20px;padding:clamp(20px,3vw,36px) clamp(16px,3vw,36px) 0;overflow:hidden;box-shadow:0 30px 60px rgba(19,20,23,.25)}
.spar-scene .snitt{display:block;width:100%;height:auto}
.komp{transition:opacity .3s ease,filter .3s ease;opacity:.8}
.spar[data-aktiv="1"] .komp[data-punkt="1"],.spar[data-aktiv="2"] .komp[data-punkt="2"],.spar[data-aktiv="3"] .komp[data-punkt="3"],.spar[data-aktiv="4"] .komp[data-punkt="4"]{opacity:1;filter:drop-shadow(0 0 10px rgba(159,179,200,.55))}
.spar .markor{opacity:.45;transition:opacity .3s ease}
.spar[data-aktiv="1"] .markor[data-punkt="1"],.spar[data-aktiv="2"] .markor[data-punkt="2"],.spar[data-aktiv="3"] .markor[data-punkt="3"],.spar[data-aktiv="4"] .markor[data-punkt="4"]{opacity:1}
.spar-info{position:relative;margin:0 calc(-1 * clamp(16px,3vw,36px));padding:18px clamp(16px,3vw,36px) 22px;background:rgba(10,11,13,.6);border-top:1px solid var(--linje-mork);min-height:150px}
.spar-graf p{margin:0 0 10px;font-weight:600;color:var(--off)}
.spar-graf svg{display:block;width:100%;max-width:340px;height:auto;overflow:visible}
.spar-valg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.spar-valg button{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start;padding:16px 18px;border-radius:14px;border:1px solid transparent;transition:background .2s ease,border-color .2s ease}
.spar-valg button:hover{background:rgba(255,255,255,.6)}
.spar-valg button[aria-selected="true"]{background:#FFFFFF;border-color:var(--linje);box-shadow:0 10px 30px rgba(29,31,36,.08)}
.spar-valg button:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.spar-valg b{display:block;font-size:18px;margin-bottom:2px;color:var(--svart)}
.spar-valg button > span:last-child > span{color:var(--tekst-2);font-size:16px}
.spar-valg button[aria-selected="false"] .snitt-nr{background:var(--blaa-lys)}
@media (max-width:900px){.spar{grid-template-columns:minmax(0,1fr)}}

/* Gratis strømsjekk: ET-kurve, året og uka */
.sjekk-ny{max-width:520px}
.sjekk-ny figure{margin:0}
.sjekk-ny figcaption b{display:block;color:var(--off);font-size:16px}
.sjekk-ny figcaption span{display:block;color:var(--blaa);font-size:13px;margin-top:2px}
.sjekk-et{margin-top:18px!important}
.sjekk-et svg{display:block;width:100%;height:auto;margin-top:10px;overflow:visible}
.et-pkt{fill:#9FB3C8;opacity:0;transition:opacity .4s ease;transition-delay:calc(var(--n) * 14ms + .2s)}
.sjekk-kort.is-in .et-pkt{opacity:.8}
.et-tekst{font-size:11px;fill:#9FB3C8;font-family:"Inter Tight",system-ui,sans-serif}
.et-merke{font-size:12px;font-weight:600;fill:#D9DCE1;font-family:"Inter Tight",system-ui,sans-serif}
.et-gull{fill:#9FB3C8}
.sjekk-sma{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px;padding-top:18px;border-top:1px solid var(--linje-mork)}
.sjekk-sma svg{display:block;width:100%;height:auto;margin-top:10px}
@media (prefers-reduced-motion:reduce){.et-pkt{opacity:.8;transition:none}}

/* Gratis strømsjekk: funn og enkle grep */
.funn-kort{max-width:500px}
.funn-hode{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--linje-mork)}
.funn-hode b{display:block;font-size:18px}
.funn-hode div span{font-size:13px;color:var(--blaa)}
.vinter{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--navy-dyp);background:var(--blaa-lys);padding:6px 12px;border-radius:999px;white-space:nowrap}
.vinter svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.funn-tittel{margin:22px 0 14px;font-size:clamp(22px,2.2vw,28px);font-weight:600;letter-spacing:-.01em;color:var(--off)}
.funn-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.funn-liste li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;background:rgba(159,179,200,.08);border:1px solid var(--linje-mork);border-radius:14px;padding:14px 16px;opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease;transition-delay:calc(var(--n) * .25s + .15s)}
.funn-kort.is-in .funn-liste li{opacity:1;transform:none}
.funn-ikon{display:flex;width:44px;height:44px;border-radius:12px;background:rgba(159,179,200,.16);color:var(--varsel);align-items:center;justify-content:center}
.funn-ikon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.funn-liste b{display:block;color:var(--off);font-size:16px;margin-bottom:4px}
.grep{display:flex;align-items:center;gap:8px;color:var(--blaa-lys);font-size:15px}
.grep-merke{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--svart);background:var(--varsel);padding:2px 8px;border-radius:999px}
@media (prefers-reduced-motion:reduce){.funn-liste li{opacity:1;transform:none;transition:none}}

/* Strømsjekk: fordeling i dag */
.funn-hode b{font-size:18px}
.fordeling{margin-top:20px}
.fordeling p{margin:0 0 10px;color:var(--blaa-lys);font-size:15px}
.fordeling-stolpe{display:flex;height:26px;border-radius:13px;overflow:hidden;background:#1D1F24}
.fordeling-stolpe span{display:block;height:100%;width:0;transition:width 1s cubic-bezier(.3,0,.2,1)}
.fordeling-stolpe .i-bruk{background:var(--blaa)}
.fordeling-stolpe .tomt{background:var(--varsel);transition-delay:.5s}
.funn-kort.is-in .fordeling-stolpe .i-bruk{width:58%}
.funn-kort.is-in .fordeling-stolpe .tomt{width:42%}
.fordeling-forklaring{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:10px;font-size:14px;color:var(--blaa-lys)}
.fordeling-forklaring span{display:inline-flex;align-items:center;gap:8px}
.fordeling-forklaring i{width:10px;height:10px;border-radius:50%}
.fordeling-forklaring i.i-bruk{background:var(--blaa)}.fordeling-forklaring i.tomt{background:var(--varsel)}
@media (prefers-reduced-motion:reduce){.fordeling-stolpe span{transition:none}}

/* Ingen installasjon: tre steg med flyt */
.flyt2{position:relative;margin-top:clamp(36px,4vw,56px);background:#FFFFFF;border:1px solid var(--linje);border-radius:20px;padding:clamp(28px,4vw,48px) clamp(20px,3vw,40px)}
.flyt2 ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;position:relative;z-index:1}
.flyt2 li{text-align:center}
.flyt2-spor{position:absolute;left:calc(16.66% + 20px);right:calc(16.66% + 20px);top:calc(clamp(28px,4vw,48px) + 54px);height:4px;border-radius:2px;background:var(--blaa-lys);overflow:hidden}
.flyt2-spor span{position:absolute;top:0;bottom:0;width:22%;border-radius:2px;background:linear-gradient(90deg,rgba(29,31,36,0),var(--navy),rgba(29,31,36,0));animation:flyt2 2.6s ease-in-out infinite}
@keyframes flyt2{0%{left:-22%}100%{left:100%}}
.flyt2-ikon{position:relative;display:flex;width:108px;height:108px;margin:0 auto 22px;border-radius:28px;background:var(--off);border:1px solid var(--linje);align-items:center;justify-content:center;box-shadow:0 16px 30px rgba(29,31,36,.10)}
.flyt2 li:last-child .flyt2-ikon{background:var(--navy);border-color:var(--navy)}
.flyt2-ikon svg{width:56px;height:56px}
.flyt2-nr{position:absolute;top:-10px;left:-10px;width:32px;height:32px;border-radius:50%;background:var(--varsel);color:var(--svart);font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #FFFFFF}
.flyt2 h3{font-size:20px;margin-bottom:6px}
.flyt2 p{margin:0;color:var(--tekst-2)}
@media (max-width:760px){
  .flyt2 ol{grid-template-columns:minmax(0,1fr);gap:28px}
  .flyt2 li{display:grid;grid-template-columns:84px minmax(0,1fr);column-gap:18px;align-items:center;text-align:left}
  .flyt2-ikon{width:84px;height:84px;border-radius:22px;margin:0;grid-row:span 2}
  .flyt2-ikon svg{width:44px;height:44px}
  .flyt2 h3{align-self:end;margin:0}.flyt2 p{align-self:start}
  .flyt2-spor{left:calc(clamp(20px,3vw,40px) + 40px);right:auto;top:calc(clamp(28px,4vw,48px) + 42px);bottom:calc(clamp(28px,4vw,48px) + 42px);width:4px;height:auto}
  .flyt2-spor span{left:0;right:0;width:auto;height:22%;background:linear-gradient(180deg,rgba(29,31,36,0),var(--navy),rgba(29,31,36,0));animation-name:flyt2-ned}
}
@keyframes flyt2-ned{0%{top:-22%}100%{top:100%}}
@media (prefers-reduced-motion:reduce){.flyt2-spor span{animation:none;display:none}}

/* Hvorfor Energipuls: ukentlig beskjed */
.melding-kort{background:#F8F7F4;color:var(--svart);border-radius:22px;padding:22px;box-shadow:0 30px 60px rgba(10,14,28,.35);max-width:420px;justify-self:end;width:100%}
.melding-hode{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--linje)}
.melding-logo{display:flex;width:40px;height:40px;border-radius:11px;background:var(--navy);align-items:center;justify-content:center}
.melding-logo svg{width:22px;height:22px;fill:#F8F7F4}
.melding-hode b{display:block;font-size:16px}
.melding-hode span{font-size:13px;color:var(--dempet)}
.melding-rader{list-style:none;margin:12px 0 0;padding:0}
.melding-rader li{display:grid;grid-template-columns:12px auto minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--linje);font-size:15px;opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}
.melding-rader li:nth-child(2){transition-delay:.15s}.melding-rader li:nth-child(3){transition-delay:.3s}
.melding-kort.is-in .melding-rader li{opacity:1;transform:none}
.melding-rader li span:last-child{color:var(--tekst-2);text-align:right}
.m-prikk{width:10px;height:10px;border-radius:50%;background:var(--blaa)}
.melding-rader li.avvik .m-prikk{background:var(--varsel)}
.melding-rader li.avvik span:last-child{color:var(--svart);font-weight:500}
.melding-erling{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start;margin-top:16px;background:#FFFFFF;border:1px solid var(--linje);border-radius:16px 16px 16px 4px;padding:14px;opacity:0;transition:opacity .5s ease .7s}
.melding-kort.is-in .melding-erling{opacity:1}
.melding-bilde{display:flex;width:40px;height:40px;border-radius:50%;background:var(--navy);color:var(--off);font-weight:600;font-size:14px;align-items:center;justify-content:center}
.melding-erling p{margin:0;font-size:15px;line-height:1.45;color:var(--tekst-2)}
.melding-erling b{display:block;color:var(--svart);font-size:14px;margin-bottom:2px}
.ulik{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ulik li{background:#FFFFFF;border:1px solid var(--linje);border-radius:18px;padding:28px}
.ulik-ikon{display:flex;width:56px;height:56px;border-radius:16px;background:var(--navy);color:var(--off);align-items:center;justify-content:center;margin-bottom:20px}
.ulik-ikon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ulik h3{font-size:20px;margin-bottom:6px}
.ulik p{margin:0;color:var(--tekst-2)}
.kp-om{margin:6px 0 12px;color:var(--tekst-2);font-size:16px;line-height:1.55;max-width:34em}
@media (max-width:900px){.ulik{grid-template-columns:minmax(0,1fr)}.melding-kort{justify-self:start}}
@media (prefers-reduced-motion:reduce){.melding-rader li,.melding-erling{opacity:1;transform:none;transition:none}}

.pris-boks dt small{display:block;font-size:13px;color:var(--tekst-3,#7A8194);margin-top:2px;font-weight:400}
.pris-merk{margin:16px 0 0;font-size:14px;color:var(--tekst-2)}

.rg-ingress{max-width:560px;color:var(--blaa-lys);margin:10px 0 36px;font-size:17px}
.rg-rad{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.rg-kort{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:26px 24px}
.rg-ikon{width:56px;height:56px;border-radius:14px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:var(--off);margin-bottom:18px}
.rg-ikon svg{width:34px;height:34px}
.rg-kort h3{font-size:19px;margin:0 0 8px;color:var(--off)}
.rg-kort p{margin:0;font-size:15px;line-height:1.55;color:var(--blaa-lys)}
@media (max-width:980px){.rg-rad{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.rg-rad{grid-template-columns:1fr}.rg-kort{padding:22px 20px}}
.rg-kort .rg-ikon{width:64px;height:64px}.rg-kort .rg-ikon svg{width:42px;height:42px;max-width:none}

.dg-tekst{font-size:18px;line-height:1.6;color:var(--tekst-2);margin:16px 0 0;max-width:520px}
.dg-kort{margin:0;background:#FFFFFF;border:1px solid var(--linje);border-radius:20px;padding:24px 24px 18px}
.dg-forklaring{display:flex;flex-wrap:wrap;gap:18px;font-size:14px;color:var(--tekst-2);margin-bottom:6px}
.dg-forklaring span{display:inline-flex;align-items:center;gap:8px}
.dg-forklaring i{width:18px;height:3px;border-radius:2px;display:inline-block}
.dg-std{background:#9FB3C8}.dg-tilp{background:var(--navy)}
.anlegg-graf{width:100%;height:auto;display:block}
.dg-kort figcaption{font-size:14px;color:var(--tekst-2);margin-top:8px}
.dg-under{margin:clamp(56px,7vw,88px) 0 28px}
.dg-steg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.dg-steg li{display:flex;gap:16px;background:#FFFFFF;border:1px solid var(--linje);border-radius:16px;padding:24px}
.dg-nr{flex:0 0 36px;height:36px;border-radius:50%;background:var(--navy);color:var(--off);display:grid;place-items:center;font-weight:600}
.dg-steg h3{font-size:18px;margin:4px 0 6px}
.dg-steg p{margin:0;font-size:15px;line-height:1.55;color:var(--tekst-2)}
.dg-slutt{font-size:19px;font-weight:500;max-width:640px;margin:32px 0 0;color:var(--svart)}
@media (max-width:900px){.dg-steg{grid-template-columns:1fr}}
@media (max-width:560px){.dg-kort{padding:18px 14px 14px}.dg-tekst{font-size:17px}}

.logo-slagord{display:none}
@media (min-width:1500px){.logo-slagord{display:block}}
.meny a{padding:10px 11px}
@media (max-width:1180px){
  .meny-knapp{display:inline-flex}
  .meny{position:absolute;left:0;right:0;top:76px;background:var(--navy);flex-direction:column;align-items:stretch;gap:0;padding:8px var(--kant) 28px;border-bottom:1px solid var(--linje-mork);display:none}
  .meny.apen{display:flex}
  .meny a{padding:16px 0;font-size:20px;border-bottom:1px solid var(--linje-mork);border-radius:0}
  .meny a[aria-current="page"]{box-shadow:none;color:var(--off)}
  .meny .knapp{margin:20px 0 0;justify-content:center;border-bottom:0;font-size:17px}
}
.tj-rad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tj-kort{display:flex;flex-direction:column;background:#FFFFFF;border:1px solid var(--linje);border-radius:18px;padding:28px;text-decoration:none;color:var(--svart);transition:transform .2s,box-shadow .2s}
.tj-kort:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(29,31,36,.12)}
.tj-ikon{width:64px;height:64px;border-radius:16px;background:var(--navy);color:var(--off);display:grid;place-items:center;margin-bottom:20px}
.tj-ikon svg{width:40px;height:40px}
.tj-kort h3{font-size:22px;margin:0 0 8px}
.tj-kort p{margin:0 0 20px;color:var(--tekst-2);font-size:16px;line-height:1.55;flex:1}
.tj-mer{font-weight:600;color:var(--navy)}
@media (max-width:900px){.tj-rad{grid-template-columns:1fr}}
.vei-ingress{color:var(--blaa-lys);font-size:18px;margin:10px 0 40px;max-width:560px}
.vei{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;position:relative}
.vei-spor{position:absolute;left:24px;right:24px;top:24px;height:2px;background:rgba(255,255,255,.18);overflow:hidden}
.vei-spor span{position:absolute;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(90deg,transparent,#9FB3C8,transparent);animation:veiglid 3.2s linear infinite}
@keyframes veiglid{to{left:100%}}
.vei li{position:relative}
.vei-nr{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;background:var(--off);color:var(--navy);display:grid;place-items:center;font-weight:700;font-size:18px;margin-bottom:18px}
.vei li:first-child .vei-nr{background:#9FB3C8}
.vei h3{font-size:18px;margin:0 0 6px;color:var(--off)}
.vei p{margin:0;font-size:15px;line-height:1.5;color:var(--blaa-lys)}
@media (max-width:900px){.vei{grid-template-columns:1fr;gap:22px}.vei-spor{left:23px;right:auto;top:24px;bottom:24px;width:2px;height:auto}.vei-spor span{animation:none}.vei li{display:grid;grid-template-columns:48px 1fr;column-gap:18px}.vei-nr{grid-row:span 2;margin:0}}
@media (prefers-reduced-motion:reduce){.vei-spor span{animation:none}}
.steg-fler{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.enova-kort{margin:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:28px}
.enova-kort svg{width:100%;height:auto;display:block}
.enova-kort figcaption{margin-top:14px;font-size:13px;color:var(--blaa-lys)}
.info-rad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.info-rad.tre{grid-template-columns:repeat(3,minmax(0,1fr))}
.info-kort{background:#FFFFFF;border:1px solid var(--linje);border-radius:18px;padding:28px}
.info-kort h3{font-size:20px;margin:0 0 8px}
.info-kort > p{margin:0;color:var(--tekst-2);font-size:16px;line-height:1.6}
.info-kort .pk-liste{margin-top:18px}
.info-tall{font-size:clamp(28px,3vw,38px);font-weight:700;color:var(--navy)!important;margin:0 0 10px!important;letter-spacing:-.01em}
@media (max-width:980px){.info-rad.tre{grid-template-columns:1fr}}
@media (max-width:760px){.info-rad{grid-template-columns:1fr}}
.kilder-lys a{color:var(--navy)}
.kilder-lys{font-size:14px}
.hero h1{font-size:clamp(40px,5.4vw,76px)}
.vei li:first-of-type .vei-nr{background:#9FB3C8}
.hero h1{font-size:clamp(36px,4.7vw,68px);max-width:11.5em}
.info-kort > p.info-tall{font-size:clamp(28px,3vw,38px);font-weight:700;color:var(--navy);margin:0 0 10px;line-height:1.1}
.steg-fler{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.kilder-boks{margin-top:48px;padding-top:24px;border-top:1px solid var(--linje)}

/* ---------- Ny profil: lys topp og kobber ---------- */
:root{--kobber:#6E87A6;--kobber-dyp:#1D1F24;--kobber-lys:#EEF1F5;--sand:#F5F5F7}
.sand{background:var(--sand);color:var(--svart)}
.kobber{color:var(--kobber)}
.knapp-kobber{background:var(--kobber);color:#FFFFFF!important}
.knapp-kobber:hover{background:var(--kobber-dyp)}
.knapp-strek{border:1px solid var(--linje);color:var(--svart)!important;background:transparent}
.knapp-strek:hover{border-color:var(--svart)}

/* Mindre blått på resten av forsiden */
.vokser{transform-origin:left}

/* Regning og påslag */
.regning{margin:0;background:#FFFFFF;border:1px solid var(--linje);border-radius:20px;padding:26px 26px 20px;box-shadow:0 24px 50px rgba(35,38,43,.08)}
.regning-topp{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--linje);padding-bottom:14px;margin-bottom:6px}
.regning-topp b{font-size:20px}
.regning-topp span{font-size:14px;color:var(--dempet)}
.regning ul{list-style:none;margin:0;padding:0}
.regning li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;border-bottom:1px dashed var(--linje);font-size:16px;color:var(--tekst-2)}
.regning li i{display:block;width:70px;height:10px;border-radius:5px;background:var(--off-2)}
.regning li.regning-enova{margin-top:10px;border:0;border-radius:12px;background:var(--kobber-lys);padding:14px 16px;color:var(--svart);font-weight:500}
.regning-enova b{color:var(--kobber-dyp);font-size:18px}
.regning figcaption{font-size:13px;color:var(--dempet);margin-top:12px}
.tall-rad{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tall-rad li{background:var(--sand);border-radius:14px;padding:16px}
.tall-rad b{display:block;font-size:clamp(20px,2vw,26px);color:var(--kobber-dyp);letter-spacing:-.01em}
.tall-rad span{font-size:14px;color:var(--tekst-2)}
@media (max-width:480px){.tall-rad{grid-template-columns:1fr}}

/* Erfaring */
.erfaring{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:center}
.erfaring-tall{border:1px solid var(--linje-mork);border-radius:24px;padding:36px;text-align:center}
.erfaring-tall b{display:block;font-size:clamp(64px,9vw,120px);line-height:1;color:var(--kobber);letter-spacing:-.04em}
.erfaring-tall span{display:block;margin-top:10px;font-size:18px;color:var(--blaa-lys)}
@media (max-width:820px){.erfaring{grid-template-columns:1fr}}

/* Ikonkort og store tall */
.ik-ikon{width:56px;height:56px;border-radius:14px;background:var(--sand);color:var(--navy);display:grid;place-items:center;margin-bottom:18px}
.ik-ikon svg{width:34px;height:34px}
.stor-tall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.stor-tall.en{grid-template-columns:1fr}
.stor-tall > div{background:#FFFFFF;border-radius:20px;padding:30px;border-top:4px solid var(--kobber)}
.stor-tall b{display:block;font-size:clamp(40px,4.4vw,60px);line-height:1;letter-spacing:-.03em;color:var(--svart);margin-bottom:14px}
.stor-tall p{margin:0;color:var(--tekst-2);font-size:16px;line-height:1.6}
.lys .stor-tall > div{background:var(--sand)}
@media (max-width:900px){.stor-tall{grid-template-columns:1fr}}

/* Tidslinje */
.hvit-kort{margin:0;background:#FFFFFF;border:1px solid var(--linje);border-radius:20px;padding:26px}
.kort-over{font-size:14px;font-weight:600;color:var(--dempet);margin:0 0 6px}
.tidslinje{width:100%;height:auto}

/* Frist */
.frist{margin:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:30px;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}
.frist-kal{width:96px;border-radius:14px;overflow:hidden;background:var(--off);text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.frist-kal span{display:block;background:var(--kobber);color:#fff;font-size:14px;font-weight:600;padding:6px 0;text-transform:none}
.frist-kal b{display:block;font-size:46px;color:var(--svart);padding:6px 0 10px;line-height:1}
.frist-tittel{margin:0;color:var(--blaa-lys);font-size:15px}
.frist-dato{margin:2px 0 12px;font-size:clamp(24px,2.6vw,32px);font-weight:600;color:var(--off)}
.frist-merke{display:inline-block;background:var(--kobber);color:#fff;font-size:13px;font-weight:600;padding:5px 12px;border-radius:999px}
.frist figcaption{grid-column:1 / -1;font-size:14px;color:var(--blaa-lys);border-top:1px solid rgba(255,255,255,.12);padding-top:16px}

/* Investering */
.inv-kort{margin:0;background:#FFFFFF;border-radius:20px;padding:24px 24px 16px;box-shadow:0 24px 50px rgba(35,38,43,.08)}
.inv-kort svg{width:100%;height:auto;display:block}
.inv-kort figcaption{font-size:13px;color:var(--dempet);margin-top:6px}
.inv-rad{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.inv-rad li{background:#FFFFFF;border-radius:18px;padding:26px;border-left:4px solid var(--kobber)}
.inv-rad h3{font-size:19px;margin:0 0 8px}
.inv-rad p{margin:0;color:var(--tekst-2);font-size:16px;line-height:1.55}
.inv-rad.inv-mork li{background:rgba(255,255,255,.06);border-left-color:var(--kobber)}
.inv-rad.inv-mork h3{color:var(--off)}
.inv-rad.inv-mork p{color:var(--blaa-lys)}
.inv-rad.inv-mork{margin-top:0}
@media (max-width:900px){.inv-rad{grid-template-columns:1fr}}
.enova-kort .vokser{fill:var(--kobber)}
.tall-rad b{white-space:nowrap;font-size:clamp(18px,1.8vw,24px)}

/* ---------- Elegant profil: grafitt, hvitt og lite farge ---------- */
:root{--navy:#1D1F24;--navy-dyp:#131417;--blaa-lys:#C3C7CE;--off:#FFFFFF;--off-2:#F5F5F7;--linje:rgba(29,31,36,.12)}
body{background:#FFFFFF}
.lys{background:#FFFFFF}
.lys-2,.sand{background:#F5F5F7}
.hero h1 .demp{color:#8A8F98}
.meny a{font-size:15px;padding:10px 9px}
@media (max-width:1240px){
  .meny-knapp{display:inline-flex}
  .meny{position:absolute;left:0;right:0;top:76px;background:var(--navy);flex-direction:column;align-items:stretch;gap:0;padding:8px var(--kant) 28px;border-bottom:1px solid var(--linje-mork);display:none}
  .meny.apen{display:flex}
  .meny a{padding:16px 0;font-size:20px;border-bottom:1px solid var(--linje-mork);border-radius:0}
  .meny a[aria-current="page"]{box-shadow:none;color:var(--off)}
  .meny .knapp{margin:20px 0 0;justify-content:center;border-bottom:0;font-size:17px}
}
.tj-rad{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tj-kort{background:#F5F5F7;border:0;border-radius:24px;padding:32px 28px}
.tj-kort:hover{transform:none;box-shadow:none;background:#EEEEF1}
.tj-ikon{background:#FFFFFF;color:var(--svart)}
.tj-mer{color:var(--svart)}
@media (max-width:1100px){.tj-rad{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.tj-rad{grid-template-columns:1fr}}
.stor-tall > div{border-top:0}
.inv-rad li{border-left:0;background:#FFFFFF}
.inv-rad.inv-mork li{background:rgba(255,255,255,.05)}
.lys .stor-tall > div{background:#F5F5F7}
.erfaring-tall b{color:var(--off)}
.frist-kal span{background:var(--svart)}
.frist-merke{background:rgba(255,255,255,.14);color:var(--off)}
.regning li.regning-enova{background:#F5F5F7}
.tall-rad li{background:#F5F5F7}
.tall-rad b,.regning-enova b{color:var(--svart)}
.info-kort{border:0;background:#FFFFFF}
.lys .info-kort{background:#F5F5F7}
.dg-steg li,.dg-kort,.hvit-kort{border:0}
.lys .hvit-kort{background:#F5F5F7}
.ik-ikon{background:#FFFFFF}
.lys .ik-ikon{background:#FFFFFF}
.lys .inv-rad li{background:#F5F5F7}
.lys .inv-kort{background:#F5F5F7;box-shadow:none}
.kart-num{display:none}
.kart-sone small{display:block;font-size:13px;font-weight:400;color:var(--blaa-lys);margin-top:2px}
@media (max-width:600px){.kart-num{display:block}.kart-liste li{grid-template-columns:64px minmax(0,1fr) auto}}

.paaslag{margin:0;background:#F5F5F7;border-radius:28px;padding:clamp(32px,4vw,56px);text-align:center}
.paaslag-over{margin:0;font-size:15px;font-weight:600;color:var(--dempet)}
.paaslag-tall{margin:14px 0 4px;font-size:clamp(64px,8vw,104px);font-weight:600;line-height:1;letter-spacing:-.04em;color:var(--svart)}
.paaslag-under{margin:0;font-size:18px;color:var(--tekst-2)}
.paaslag figcaption{margin-top:28px;padding-top:20px;border-top:1px solid var(--linje);font-size:14px;color:var(--dempet)}
.feil-rad{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.feil-rad li{background:#FFFFFF;border-radius:20px;padding:28px}
.feil-rad h3{font-size:19px;margin:0 0 8px}
.feil-rad p{margin:0;color:var(--tekst-2);font-size:16px;line-height:1.6}
@media (max-width:760px){.feil-rad{grid-template-columns:1fr}}
.lys .knapp-omriss{border-color:var(--linje)}
@media (min-width:1241px){.meny a.kun-meny{display:none}}
/* Strømsjekk-rapporten */
.rk{justify-self:end}
.rk-hode{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--linje-mork)}
.rk-hode b{font-size:18px}
.rk-hode span{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--navy-dyp);background:var(--blaa);padding:3px 8px;border-radius:6px}
.rk-over{margin:22px 0 10px;font-size:13px;font-weight:600;color:var(--blaa)}
.rk-tall{list-style:none;margin:0;padding:0}
.rk-tall li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--linje-mork);font-size:15px;color:var(--blaa-lys)}
.rk-tall i{display:block;height:10px;border-radius:5px;background:rgba(255,255,255,.18);flex:none}
.rk-sider{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rk-sider li{background:rgba(255,255,255,.04);border:1px solid var(--linje-mork);border-radius:12px;padding:12px}
.rk-sider svg{width:100%;height:auto;display:block}
.rk-sider span{display:block;margin-top:8px;font-size:13px;color:var(--blaa-lys)}
.rk-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(40px,6vw,96px);align-items:center}
.rk-liste{list-style:none;margin:0;padding:0}
.rk-liste li{padding:16px 0;border-top:1px solid var(--linje-mork)}
.rk-liste h3{font-size:18px;margin:0 0 4px;color:var(--off)}
.rk-liste p{margin:0;font-size:16px;line-height:1.55;color:var(--blaa-lys)}
.rk-merk{margin:24px 0 0;font-size:15px;color:var(--blaa)}
@media (max-width:900px){.rk-grid{grid-template-columns:1fr}.rk{justify-self:stretch;max-width:none}}
.kjede{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative}
.kjede::before{content:"";position:absolute;left:12.5%;right:12.5%;top:28px;height:2px;background:var(--linje)}
.kjede li{position:relative;text-align:center;font-size:17px;font-weight:600;color:var(--svart);padding:0 8px}
.kjede span{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:var(--navy);color:var(--off);font-size:18px;font-weight:600}
@media (max-width:760px){.kjede{grid-template-columns:1fr;gap:18px}.kjede::before{left:27px;right:auto;top:28px;bottom:28px;width:2px;height:auto}.kjede li{display:flex;align-items:center;gap:18px;text-align:left;padding:0}.kjede span{margin:0;flex:none}}
.flyt2-nr,.snitt-nr,.veien li.naa .veien-nr,.veien.steg2 li:nth-child(2) .veien-nr{color:#FFFFFF!important}
.flyt2-nr{background:var(--svart)!important}
.pk-a{background:linear-gradient(180deg,#F5F5F7 0%,#E9EAED 100%)}
.pk-b{background:linear-gradient(180deg,#E9EAED 0%,#D9DCE1 100%)}
.melding-kort{background:#FFFFFF}
.pav-ikon{background:#F5F5F7!important;color:var(--svart)!important}
[id]{scroll-margin-top:96px}
.hero{padding:clamp(56px,7vw,104px) 0 clamp(56px,6vw,88px)}
.hero-grid{align-items:center}
.hero-bilde{margin-bottom:0}

/* ---------- Apple-inspirert: lett meny, runde knapper, flater ---------- */
.topp{background:rgba(250,250,252,.86);color:var(--svart);border-bottom:1px solid rgba(0,0,0,.08);backdrop-filter:saturate(1.8) blur(18px);-webkit-backdrop-filter:saturate(1.8) blur(18px)}
.topp .wrap{height:52px}
.logo img{height:22px;width:auto}
.logo-slagord{display:none!important}
.meny{gap:2px}
.meny a{font-size:13.5px;font-weight:400;color:#3A3D44;padding:8px 12px;letter-spacing:0}
.meny a:hover,.meny a[aria-current="page"]{color:#000}
.meny a[aria-current="page"]{box-shadow:none;font-weight:600}
.meny-knapp{border:0;color:var(--svart);padding:8px 0;font-size:14px}
@media (max-width:1240px){
  .meny{top:52px;background:rgba(250,250,252,.98);border-bottom:1px solid rgba(0,0,0,.08)}
  .meny a{font-size:22px;font-weight:600;color:var(--svart);border-bottom:1px solid rgba(0,0,0,.08);padding:14px 0}
}
@media (max-width:1000px){.meny-knapp{display:inline-flex}.meny{position:absolute;left:0;right:0;flex-direction:column;align-items:stretch;padding:8px var(--kant) 28px;display:none}.meny.apen{display:flex}}
@media (min-width:1001px){.meny-knapp{display:none!important}.meny{position:static;display:flex!important;flex-direction:row;background:none;border:0;padding:0}.meny a{font-size:13.5px;font-weight:400;border:0;padding:8px 12px;color:#3A3D44}.meny a[aria-current="page"]{font-weight:600;color:#000}}
[id]{scroll-margin-top:72px}

.knapp{border-radius:999px;padding:13px 22px;font-size:16px;font-weight:500}
.knapp-fylt{background:var(--svart);color:#FFFFFF!important}
.knapp-fylt:hover{background:#000}
.knapp-kant{background:transparent;border-color:var(--svart);color:var(--svart)!important}
.knapp-kant:hover{background:var(--svart);color:#FFFFFF!important}
.flate-mork .knapp-fylt{background:#FFFFFF;color:var(--svart)!important}
.flate-mork .knapp-fylt:hover{background:#E8E8ED}
.flate-mork .knapp-kant{border-color:#FFFFFF;color:#FFFFFF!important}
.flate-mork .knapp-kant:hover{background:#FFFFFF;color:var(--svart)!important}

.banner{display:block;text-align:center;background:#F5F5F7;color:var(--svart);font-size:14px;padding:12px var(--kant);text-decoration:none;border-bottom:1px solid rgba(0,0,0,.05)}
.banner span{color:#1D1F24;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.banner:hover span{text-decoration:none}

.flate{position:relative;overflow:hidden;text-align:center;padding:clamp(48px,6vw,72px) var(--kant) 0;display:flex;flex-direction:column;align-items:center}
.flate-lys{background:#F5F5F7;color:var(--svart)}
.flate-mork{background:#000000;color:#F5F5F7}
.flate + .flate,.flate + .flate-rad,.flate-rad + .flate-rad,.flate-rad + .flate{margin-top:12px}
.flate-tittel{font-size:clamp(36px,4.6vw,56px);font-weight:600;letter-spacing:-.015em;line-height:1.07;margin:0}
.flate-stor .flate-tittel{font-size:clamp(40px,5.6vw,72px)}
.flate-tittel a{color:inherit;text-decoration:none}
.flate-linje{font-size:clamp(19px,1.9vw,26px);font-weight:400;letter-spacing:-.005em;margin:8px 0 0;line-height:1.25}
.flate-mork .flate-linje{color:#F5F5F7}
.flate-knapper{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.flate-bilde{width:100%;display:flex;justify-content:center;margin-top:clamp(36px,4vw,56px)}
.flate-stor{min-height:clamp(560px,62vw,720px)}
.flate-rad{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 12px}
.flate-rad .flate{min-height:clamp(520px,44vw,640px);margin-top:0}
.flate-rad{margin-left:0;margin-right:0}
@media (max-width:860px){.flate-rad{grid-template-columns:1fr;padding:0}.flate-rad .flate + .flate{margin-top:12px}}

/* Strømsjekk: rapporten som produktbilde */
.flate-stor .rk{max-width:560px;width:100%;justify-self:center;margin-bottom:-24px;box-shadow:0 40px 80px rgba(0,0,0,.18);border-radius:24px 24px 0 0;text-align:left}

/* Oppfølging: telefon */
.tlf{width:min(330px,82vw);background:#2A2C31;border-radius:52px 52px 0 0;padding:12px 12px 0;box-shadow:0 0 0 2px #3A3D44 inset,0 40px 90px rgba(159,179,200,.12);margin-bottom:-2px}
.tlf-skjerm{background:#0B0C0E;border-radius:42px 42px 0 0;padding:18px 20px 28px;text-align:left;min-height:420px}
.tlf-status{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:#F5F5F7;padding:0 8px 18px}
.tlf-ikoner{display:flex;gap:4px}.tlf-ikoner i{width:14px;height:8px;border-radius:2px;background:#F5F5F7;opacity:.8}
.tlf-tittel{margin:0;font-size:28px;font-weight:700;color:#F5F5F7;letter-spacing:-.01em}
.tlf-under{margin:2px 0 16px;font-size:13px;color:#8A8F98}
.tlf-liste{list-style:none;margin:0;padding:0}
.tlf-liste li{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#1A1C20;border-radius:16px;padding:12px 14px;margin-bottom:8px}
.tlf-liste b{display:block;font-size:15px;color:#F5F5F7}
.tlf-liste span{display:block;font-size:12px;color:#8A8F98;margin-top:2px}
.tlf-liste svg{width:60px;height:24px;flex:none;fill:#41454E}
.tlf-liste li.avvik svg{fill:#9FB3C8}
.tlf-liste li.avvik span{color:#C3D0DE}

/* Enova: store tall */
.stort-tall{display:flex;gap:clamp(24px,5vw,64px);justify-content:center;align-items:flex-end;padding-bottom:clamp(48px,6vw,72px)}
.stort-tall b{display:block;font-size:clamp(64px,8vw,120px);font-weight:700;letter-spacing:-.04em;line-height:1;background:linear-gradient(180deg,#1D1F24 0%,#6E87A6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.stort-tall span{display:block;margin-top:10px;font-size:16px;color:#646A73}

/* Energimerking på svart */
.flate-mork .enova-kort{background:none;border:0;padding:0 0 clamp(40px,5vw,64px);max-width:440px;width:100%;text-align:left}
.flate-mork .enova-kort figcaption{color:#8A8F98;text-align:center}

/* Kartlegging: kalender */
.flate-lys .flate-bilde{flex-direction:column;align-items:center}
.kal-stor{width:170px;border-radius:30px;overflow:hidden;background:#FFFFFF;box-shadow:0 30px 60px rgba(0,0,0,.1);text-align:center}
.kal-stor span{display:block;background:#1D1F24;color:#FFFFFF;font-size:16px;font-weight:600;padding:10px 0}
.kal-stor b{display:block;font-size:96px;font-weight:600;line-height:1;padding:14px 0 24px;color:var(--svart);letter-spacing:-.04em}
.kal-tekst{margin:22px 0 clamp(40px,5vw,64px);font-size:16px;color:#646A73}

/* Strømprisen: kartet i flaten */
.flate-kart .kart-hero{margin:0;max-width:520px;width:100%;text-align:left;padding-bottom:24px}
.flate-kart .kart-topp,.flate-kart .kart-mer{display:none}
.flate-kart .kart-status{color:#8A8F98;text-align:center}

/* Kontakt */
.flate-kontakt{padding-bottom:clamp(56px,7vw,88px);min-height:0}
.flate-kontakt .flate-tittel{font-size:clamp(40px,5.6vw,72px)}

@media (max-width:600px){.flate-knapper .knapp{padding:12px 20px;font-size:15px}.stort-tall{flex-direction:column;align-items:center}}
.knapp .hel{display:contents}.flate-knapper .knapp{gap:0}
@media (max-width:1000px){.meny{background:#FAFAFC!important;box-shadow:0 30px 60px rgba(0,0,0,.12)}}
/* Egne knapper: ikke Apple-piller */
.knapp{border-radius:10px}
.flate-knapper{gap:22px;align-items:center}
.flate-lenke{font-size:17px;font-weight:500;color:var(--svart);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.flate-lenke span{display:inline-block;transition:transform .2s}
.flate-lenke:hover span{transform:translateX(3px)}
.flate-mork .flate-lenke{color:#F5F5F7}
.flate-kart .flate-knapper .flate-lenke{font-size:18px}
.flate-stor.flate-kart .kart-hero{max-width:640px}
.flate-stor.flate-kart{min-height:0}
.web-vis{width:100%;max-width:440px;padding-bottom:clamp(48px,6vw,72px)}
.web-vis svg{width:100%;height:auto;display:block;overflow:visible}
.web-vis .puls-spor{fill:none;stroke:#2E3138;stroke-width:2.4}
.web-vis .puls-linje{fill:none;stroke:#9FB3C8;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.web-live{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#F5F5F7;background:#1A1C20;border-radius:999px;padding:6px 14px;margin-bottom:28px}
.web-live i{width:8px;height:8px;border-radius:50%;background:#9FB3C8}
.web-tid{display:block;margin-top:20px;font-size:15px;color:#8A8F98}
.flate-topp .flate{min-height:clamp(620px,52vw,760px)}
.flate-topp .flate-tittel{font-size:clamp(36px,4.4vw,60px)}
.flate-sjekk .rk{max-width:480px;width:100%;margin-bottom:-24px;box-shadow:0 40px 80px rgba(0,0,0,.16);border-radius:22px 22px 0 0;text-align:left}
.flate-topp .flate-kart .kart-hero{max-width:560px}
.ring-vis{display:flex;flex-direction:column;align-items:center;padding-bottom:clamp(40px,5vw,64px)}
.ring-vis svg{width:220px;height:220px}
.ring-vis ul{list-style:none;margin:18px 0 0;padding:0;display:flex;gap:18px;font-size:15px;color:#3A3D44}
.ring-vis li{display:flex;align-items:center;gap:8px}
.ring-vis i{width:12px;height:12px;border-radius:3px;display:inline-block}
.om-vis{list-style:none;margin:0;padding:0 0 clamp(40px,5vw,64px);width:100%;max-width:340px;text-align:left;position:relative}
.om-vis::before{content:"";position:absolute;left:21px;top:22px;bottom:calc(clamp(40px,5vw,64px) + 22px);width:2px;background:#2E3138}
.om-vis li{position:relative;display:flex;align-items:center;gap:18px;font-size:18px;font-weight:500;color:#F5F5F7;padding:10px 0}
.om-vis span{flex:none;width:44px;height:44px;border-radius:50%;background:#1A1C20;border:1px solid #41454E;display:grid;place-items:center;font-size:16px;font-weight:600;color:#F5F5F7}
.om-vis li:last-child span{background:#F5F5F7;color:#000;border-color:#F5F5F7}
/* Strømsjekk: to ark */
.ark-stabel{position:relative;width:min(440px,86%);margin:0 auto -30px;padding-top:10px}
.ark{background:#FFFFFF;border-radius:18px 18px 0 0;box-shadow:0 30px 70px rgba(0,0,0,.12)}
.ark-bak{position:absolute;inset:0 -6% 0 6%;transform:rotate(4deg);transform-origin:bottom center;background:#E9EAED;box-shadow:none}
.ark-foran{position:relative;padding:28px 28px 46px;text-align:left}
.ark-hode{display:flex;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid #EEEFF2}
.ark-hode b{font-size:17px;color:var(--svart)}
.ark-logo,.v-ikon{display:inline-flex;align-items:flex-end;gap:2px;height:16px}
.ark-logo i,.v-ikon i{width:3px;background:#1D1F24;border-radius:1px}
.ark-logo i:nth-child(1),.v-ikon i:nth-child(1){height:7px}.ark-logo i:nth-child(2),.v-ikon i:nth-child(2){height:11px}.ark-logo i:nth-child(3),.v-ikon i:nth-child(3){height:6px}.ark-logo i:nth-child(4),.v-ikon i:nth-child(4){height:15px}
.ark-tall{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.ark-tall div{background:#F5F5F7;border-radius:12px;padding:12px}
.ark-tall span{display:block;font-size:11.5px;color:#646A73;line-height:1.3;min-height:30px}
.ark-tall i{display:block;height:9px;border-radius:5px;background:#1D1F24;margin-top:8px}
.ark-graf{width:100%;height:auto;display:block;margin:6px 0 18px}
.ark-spar{display:flex;gap:14px;align-items:flex-start;background:#1D1F24;border-radius:14px;padding:16px}
.ark-spar-ikon{flex:none;width:34px;height:34px;border-radius:50%;background:#FFFFFF;color:#1D1F24;display:grid;place-items:center}
.ark-spar-ikon svg{width:18px;height:18px}
.ark-spar div{flex:1}
.ark-spar b{display:block;font-size:15px;color:#FFFFFF;margin-bottom:8px}
.ark-spar i{display:block;height:7px;border-radius:4px;background:rgba(255,255,255,.28);margin-top:7px}
.flate-sjekk .flate-bilde{margin-top:clamp(30px,3vw,44px)}
/* Oppfølging: låseskjerm med varsler */
.tlf-laas{background:radial-gradient(120% 80% at 50% 0%,#2A2E36 0%,#0B0C0E 70%);text-align:center;min-height:470px;padding-top:34px}
.laas-dato{margin:0;font-size:15px;font-weight:500;color:#C3C7CE}
.laas-tid{margin:2px 0 26px;font-size:68px;font-weight:600;letter-spacing:-.03em;line-height:1;color:#F5F5F7}
.varsler{list-style:none;margin:0;padding:0;text-align:left}
.varsler li{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:18px;padding:12px 14px;margin-bottom:8px}
.v-hode{display:flex;align-items:center;gap:8px;font-size:12px;color:#C3C7CE}
.v-hode .v-ikon{width:20px;height:20px;border-radius:5px;background:#F5F5F7;justify-content:center;align-items:flex-end;padding:3px 0}
.v-hode .v-ikon i{width:2px}
.v-hode b{font-weight:600;color:#F5F5F7}
.v-hode em{margin-left:auto;font-style:normal}
.v-tittel{margin:6px 0 2px;font-size:14px;font-weight:600;color:#F5F5F7}
.v-tekst{margin:0;font-size:13px;line-height:1.4;color:#C3C7CE}
.varsler li:nth-child(n+2){opacity:.85}
.bygg-liste{list-style:none;margin:0 0 clamp(40px,5vw,64px);padding:0;width:100%;max-width:440px;text-align:left}
.bygg-liste li{display:flex;align-items:center;gap:14px;background:#141518;border:1px solid #23252A;border-radius:18px;padding:16px 18px;margin-bottom:10px}
.bygg-liste li div{flex:1;min-width:0}
.bygg-liste b{display:block;font-size:16px;color:#F5F5F7}
.bygg-liste li div span{display:block;font-size:13px;color:#8A8F98;margin-top:2px}
.bl-prikk{flex:none;width:10px;height:10px;border-radius:50%;background:#41454E}
.bygg-liste svg{width:74px;height:28px;flex:none;fill:#41454E}
.bygg-liste li.avvik{background:#1C1E23;border-color:#3A3D44;transform:scale(1.03);box-shadow:0 20px 40px rgba(0,0,0,.4)}
.bygg-liste li.avvik .bl-prikk{background:#9FB3C8;box-shadow:0 0 0 5px rgba(159,179,200,.18)}
.bygg-liste li.avvik svg{fill:#9FB3C8}
.bygg-liste li.avvik div span{color:#C3D0DE}
.strompris-topp .kart-hero{margin:0}
.strompris-topp .kart-mer{display:none}
.ark-stabel{width:min(480px,90%)}
.ark-foran{padding:24px 24px 44px}
.ark-hode em{margin-left:auto;font-style:normal;font-size:12px;color:#8A8F98}
.ark-tall{margin:16px 0 12px}
.ark-tall b{display:block;font-size:20px;font-weight:600;color:var(--svart);margin-top:6px;letter-spacing:-.01em}
.ark-tall span{min-height:28px}
.ark-tall i{display:none}
.ark-boks{background:#F5F5F7;border-radius:12px;padding:12px 12px 8px}
.ark-boks > b{display:block;font-size:12px;color:var(--svart);margin-bottom:8px}
.ark-boks-hode{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}
.ark-boks-hode b{font-size:12px;color:var(--svart)}
.ark-boks-hode span{display:flex;align-items:center;gap:5px;font-size:10px;color:#646A73}
.ark-boks-hode i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-left:6px}
.ark-boks-hode i.f{background:#D9DCE1}.ark-boks-hode i.a{background:#1D1F24}.ark-boks-hode i.t{background:#6E87A6;height:2px;width:10px}
.ark-graf{margin:0}
.ark-to{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.ark-to svg{width:100%;height:auto;display:block}
.ark-spar span:not(.ark-spar-ikon){display:block;font-size:13px;color:#C3C7CE}
.ark-spar b{margin-bottom:4px}
.ark-tall b{white-space:nowrap}
@media (max-width:520px){.ark-foran{padding:18px 16px 36px}.ark-tall{gap:6px}.ark-tall div{padding:10px 8px}.ark-tall span{font-size:10.5px;min-height:26px}.ark-tall b{font-size:15px}.ark-boks-hode span{display:none}.ark-hode em{display:none}.ark-boks > b{font-size:11px}}
/* Intro øverst */
.intro{text-align:center;padding:clamp(56px,7vw,96px) var(--kant) clamp(44px,5vw,64px);background:#FFFFFF}
.intro h1{font-size:clamp(32px,4.2vw,56px);font-weight:600;letter-spacing:-.02em;line-height:1.1;max-width:16em;margin:0 auto}
.intro > p{font-size:clamp(18px,1.7vw,22px);color:#646A73;max-width:34em;margin:18px auto 0;line-height:1.45}
.intro-fakta{list-style:none;margin:clamp(32px,4vw,48px) auto 0;padding:0;display:flex;justify-content:center;gap:clamp(24px,6vw,88px);flex-wrap:wrap}
.intro-fakta b{display:block;font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-.02em;color:var(--svart)}
.intro-fakta span{display:block;font-size:15px;color:#646A73;margin-top:2px}
/* Folka */
.flate-hvit{background:#FFFFFF;color:var(--svart)}
.flate-folk{padding-bottom:clamp(56px,7vw,88px)}
.folk-rad{display:grid;grid-template-columns:repeat(2,minmax(0,360px));gap:clamp(20px,4vw,56px);justify-content:center;margin-top:clamp(36px,4vw,56px);text-align:left}
.folk-kort .person-bilde{aspect-ratio:4/5;border-radius:24px;background:linear-gradient(160deg,#EEEFF2 0%,#D9DCE1 100%);background-size:cover;background-position:center;display:grid;place-items:center;margin-bottom:18px}
.person-bilde span{font-size:64px;font-weight:600;letter-spacing:-.03em;color:#B9BDC5}
.folk-kort h3{font-size:22px;margin:0}
.folk-kort .person-rolle{margin:2px 0 10px;font-size:15px;color:#646A73}
.folk-kort p:not(.person-rolle){margin:0 0 12px;font-size:16px;line-height:1.55;color:#3A3D44}
.folk-kort a{font-weight:600;color:var(--svart);text-decoration:none;border-bottom:1px solid currentColor}
@media (max-width:640px){.folk-rad{grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto}}
.kontakt-adr{margin:28px 0 0;font-size:14px;color:#646A73}
.flate-kontakt .flate-tittel{font-size:clamp(32px,4.2vw,52px)}
.person-bilde.har-bilde span{display:none}
.folk-kort{display:block}.folk-kort .person-bilde{width:100%}
@media (max-width:600px){.intro-fakta{gap:16px 28px}.intro-fakta li{flex:1 1 40%}}

/* ================= Pulsen: Energipuls sin egen forside ================= */
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/jetbrains-mono-latin-500-normal.woff2") format("woff2")}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
:root{--rutenett:linear-gradient(rgba(29,31,36,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(29,31,36,.045) 1px,transparent 1px)}

/* Strømprisen som en stripe øverst */
.ticker{background:#0E0F11;color:#C3C7CE;font-size:13px}
.ticker-inn{display:flex;align-items:center;justify-content:space-between;gap:24px;height:40px}
.ticker a{color:inherit;text-decoration:none}
.ticker-pris{display:flex;align-items:center;gap:14px;min-width:0;overflow:hidden;white-space:nowrap}
.ticker-live{flex:none;width:7px;height:7px;border-radius:50%;background:#9FB3C8;animation:kart-live 2.4s ease-out infinite}
.ticker-tittel{color:#F5F5F7;font-weight:600}
.ticker ul{list-style:none;margin:0;padding:0;display:flex;gap:18px}
.ticker li{display:flex;gap:6px}
.ticker li span{color:#8A8F98}
.ticker li b{color:#F5F5F7;font-weight:500;min-width:4.2em}
.ticker-enhet{color:#8A8F98}
.ticker-web{flex:none;color:#F5F5F7!important;font-weight:500}
.ticker-pris:hover .ticker-tittel,.ticker-web:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){.ticker-web{display:none}.ticker li:nth-child(n+4){display:none}.ticker-enhet{display:none}}
@media (max-width:420px){.ticker-tittel{display:none}}

/* Toppen */
.puls-topp{position:relative;background:#FFFFFF;background-image:var(--rutenett);background-size:32px 32px;padding:clamp(64px,8vw,120px) 0 0;overflow:hidden}
.puls-topp::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 60%,#FFFFFF 100%);pointer-events:none}
.puls-topp .wrap{position:relative;z-index:1}
.puls-topp h1{font-size:clamp(38px,5.4vw,76px);font-weight:600;letter-spacing:-.03em;line-height:1.04;max-width:13.5em;margin:0}
.puls-ingress{font-size:clamp(19px,1.8vw,24px);color:#4A4E57;max-width:32em;margin:24px 0 0;line-height:1.45}
.puls-fakta{list-style:none;margin:clamp(36px,4vw,56px) 0 0;padding:0;display:flex;gap:clamp(28px,6vw,96px);flex-wrap:wrap}
.puls-fakta b{display:block;font-size:clamp(30px,3.4vw,44px);font-weight:500;color:var(--svart)}
.puls-fakta span{display:block;font-size:15px;color:#646A73;margin-top:4px}
.hero-puls{position:relative;z-index:1;display:block;width:100%;height:clamp(80px,9vw,120px);margin-top:clamp(40px,5vw,64px)}
.hp-spor{fill:none;stroke:#E4E6EA;stroke-width:2;vector-effect:non-scaling-stroke}
.hp-linje{fill:none;stroke:#1D1F24;stroke-width:2.4;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;animation:hp-tegn 2.6s cubic-bezier(.5,0,.2,1) .2s forwards}
@keyframes hp-tegn{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.hp-linje{animation:none;stroke-dashoffset:0}}

/* Kjeden med ledd */
.puls-kjede{position:relative;--ry:max(var(--kant),calc((100vw - var(--bredde))/2 + var(--kant)))}
.ryggrad{position:absolute;top:0;bottom:0;left:calc(var(--ry) + 19px);width:2px;background:rgba(128,132,140,.22);z-index:2}
.ryggrad-fyll{position:absolute;top:0;left:0;width:100%;height:0;background:#9FB3C8;transition:height .12s linear}
.ledd{position:relative;padding:clamp(80px,9vw,136px) 0;background:#FFFFFF;color:var(--svart)}
.ledd:nth-of-type(odd):not(.ledd-mork){background:#FFFFFF}
.ledd-mork{background:#111214;color:#F5F5F7}
.node{position:absolute;z-index:3;top:clamp(80px,9vw,136px);left:var(--ry);width:40px;height:40px;border-radius:50%;background:#FFFFFF;border:2px solid #C3C7CE;display:grid;place-items:center;transition:background .3s,border-color .3s}
.ledd-mork .node{background:#111214;border-color:#41454E}
.node b{font-size:13px;font-weight:500;color:#8A8F98}
.node.paa{background:#1D1F24;border-color:#1D1F24}.node.paa b{color:#FFFFFF}
.ledd-mork .node.paa{background:#F5F5F7;border-color:#F5F5F7}.ledd-mork .node.paa b{color:#111214}
.ledd-grid{max-width:var(--bredde);margin:0 auto;padding:0 var(--kant) 0 calc(var(--kant) + 80px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px);align-items:center}
.funn{font-size:clamp(28px,3.2vw,44px);font-weight:600;letter-spacing:-.025em;line-height:1.12;margin:0}
.ledd-tittel{font-size:20px;font-weight:600;letter-spacing:-.01em;margin:clamp(32px,4vw,48px) 0 0;padding-top:20px;border-top:1px solid rgba(128,132,140,.3)}
.ledd-linje{font-size:18px;color:#646A73;margin:4px 0 0}
.ledd-mork .ledd-linje{color:#A9AEB6}
.ledd .flate-knapper{justify-content:flex-start;margin-top:24px}
.ledd-mork .knapp-fylt{background:#FFFFFF;color:#111214!important}
.ledd-mork .knapp-fylt:hover{background:#E4E6EA}
.ledd-mork .flate-lenke{color:#F5F5F7}
.ledd-bilde{display:flex;justify-content:center}

/* Målinger: grafer som ser målt ut */
.maling{margin:0;width:100%;max-width:640px;background:#FFFFFF;background-image:var(--rutenett);background-size:24px 24px;border:1px solid #E4E6EA;border-radius:18px;padding:20px 20px 16px}
.maling svg{width:100%;height:auto;display:block}
.maling-hode{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:600;color:var(--svart);margin-bottom:8px}
.maling-hode .mono{font-weight:400;color:#8A8F98;font-size:12px}
.maling figcaption{font-size:12px;color:#8A8F98;margin-top:10px}
.maling-forkl{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#4A4E57;margin-top:6px}
.maling-forkl span{display:inline-flex;align-items:center;gap:7px}
.maling-forkl i{display:inline-block;width:16px;height:3px;border-radius:2px}
.f-linje{background:#1D1F24}.f-behov{background:repeating-linear-gradient(90deg,#9FB3C8 0 4px,transparent 4px 7px)}.f-tomt{background:rgba(29,31,36,.1);height:10px!important;width:12px!important}
.uk-tomt{fill:rgba(29,31,36,.05)}
.uk-grunn{stroke:#D9DCE1;stroke-width:1.5}
.uk-behov{fill:none;stroke:#9FB3C8;stroke-width:2;stroke-dasharray:5 4}
.uk-linje{fill:none;stroke:#1D1F24;stroke-width:2.4;stroke-linejoin:round}
.uk-akse{fill:#8A8F98}
.maling-mork{background-color:#17181B;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);border-color:#26282D}
.maling-mork .maling-hode{color:#F5F5F7}
.maling-mork .uk-linje{stroke:#F5F5F7}
.maling-mork .uk-grunn{stroke:#33363D}
.av-felt{fill:rgba(159,179,200,.14)}
.av-punkt{fill:#9FB3C8;stroke:#17181B;stroke-width:3}
.beskjed{display:flex;gap:14px;align-items:flex-start;margin-top:12px;background:#0E0F11;border:1px solid #26282D;border-radius:12px;padding:14px 16px}
.beskjed-tid{flex:none;font-size:12px;color:#9FB3C8;padding-top:2px}
.beskjed p{margin:0;font-size:14px;line-height:1.5;color:#A9AEB6}
.beskjed b{color:#F5F5F7;font-weight:600}
/* Enova som måler */
.maler{max-width:460px;padding:28px}
.maler-rad{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:2px 16px;padding:16px 0;border-bottom:1px solid #EEEFF2}
.maler-rad:last-child{border-bottom:0}
.maler-rad span{font-size:15px;color:#646A73}
.maler-rad b{font-size:clamp(32px,3.6vw,48px);font-weight:500;color:var(--svart);grid-row:span 2;text-align:right}
.maler-rad em{font-style:normal;font-size:13px;color:#8A8F98}
.maler-pil{color:#9FB3C8;display:flex;justify-content:center;padding:4px 0}
.maler-pil svg{width:16px;height:36px}
/* Energimerking og kartlegging i kjeden */
.ledd-mork .enova-kort{background:none;border:0;padding:0;max-width:460px;width:100%}
.ledd-mork .enova-kort figcaption{color:#8A8F98}
.ledd .ring-vis{padding-bottom:0}

@media (max-width:860px){
  .ryggrad,.node{display:none}
  .ledd-grid{grid-template-columns:1fr;padding:0 var(--kant)}
  .ledd{padding:clamp(64px,12vw,88px) 0}
}
.flate-folk{background:#FFFFFF}
.flate-folk{text-align:left;align-items:stretch;padding-left:0;padding-right:0}
.flate-folk .flate-tekst{max-width:var(--bredde);margin:0 auto;width:100%;padding:0 var(--kant)}
.flate-folk .folk-rad{max-width:var(--bredde);margin-left:auto;margin-right:auto;width:100%;padding:0 var(--kant);justify-content:start;grid-template-columns:repeat(2,minmax(0,380px))}
.flate-folk .flate-tittel{font-size:clamp(32px,3.6vw,48px)}
.flate-kontakt{background:#111214;color:#F5F5F7}
.flate-kontakt .flate-linje{color:#A9AEB6}
.flate-kontakt .knapp-fylt{background:#FFFFFF;color:#111214!important}
.flate-kontakt .flate-lenke{color:#F5F5F7}
.flate-kontakt .kontakt-adr{color:#8A8F98}
@media (max-width:640px){.flate-folk .folk-rad{grid-template-columns:1fr}}
/* Enklere: bare navn og en linje */
.ledd-grid{padding:0 var(--kant)}
.ledd-tittel{font-size:clamp(40px,5vw,68px);font-weight:600;letter-spacing:-.03em;line-height:1.04;margin:0;padding:0;border:0}
.ledd-linje{font-size:clamp(20px,1.9vw,26px);color:#4A4E57;margin:12px 0 0;line-height:1.3}
.ledd-mork .ledd-linje{color:#C3C7CE}
.ledd .flate-knapper{margin-top:32px}
.ledd-tittel{font-size:clamp(34px,3.9vw,58px)}@media (max-width:1100px) and (min-width:861px){.ledd-tittel{font-size:clamp(30px,3.4vw,40px)}}

/* ================= Rolig forside ================= */
:root{--is:#E4ECF3;--stein:#EEEAE3;--skifer:#E2E5EA;--bakgrunn:#FAFAF8;--grafitt:#1D1F24}
body{background:var(--bakgrunn)}
.ro-topp{padding:clamp(48px,6vw,88px) 0 clamp(40px,5vw,72px)}
.ro-topp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.ro-topp h1{font-size:clamp(38px,4.6vw,64px);font-weight:600;letter-spacing:-.03em;line-height:1.06;margin:0;max-width:12em}
.ro-knapper{margin-top:36px;gap:12px}
.ro-fakta{list-style:none;margin:40px 0 0;padding:0;display:flex;gap:32px;flex-wrap:wrap;font-size:16px;color:#4A4E57}
.ro-fakta b{color:var(--grafitt);font-weight:600}
.topp-bilde{position:relative;aspect-ratio:5/4;border-radius:28px;background:var(--is);background-size:cover;background-position:center}
.topp-bilde-tom{position:absolute;inset:0;display:grid;place-items:center;font-size:15px;color:#8A93A0}
.ro-bilde.har-bilde .topp-bilde-tom{display:none}
.ro-kort{position:absolute;left:clamp(-40px,-3vw,-16px);bottom:28px;max-width:330px;display:flex;gap:12px;background:#FFFFFF;border-radius:18px;padding:16px 18px;box-shadow:0 24px 50px rgba(29,31,36,.14)}
.ro-kort-ikon{flex:none;width:34px;height:34px;border-radius:10px;background:var(--grafitt);display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:8px 0}
.ro-kort-ikon i{width:3px;background:#FFFFFF;border-radius:1px}
.ro-kort-ikon i:nth-child(1){height:8px}.ro-kort-ikon i:nth-child(2){height:13px}.ro-kort-ikon i:nth-child(3){height:7px}.ro-kort-ikon i:nth-child(4){height:17px}
.ro-kort p{margin:0;font-size:14px;line-height:1.45;color:#3A3D44}
.ro-kort-hode{font-weight:600;color:var(--grafitt)!important;margin-bottom:2px!important}
.ro-kort-hode em{font-style:normal;font-weight:400;color:#8A8F98;margin-left:6px;font-size:12px}
@media (max-width:860px){.ro-topp-grid{grid-template-columns:1fr}.ro-kort{left:16px;right:16px;bottom:16px;max-width:none}}

.ro-seksjon{padding:clamp(48px,6vw,88px) 0}
.ro-h2{font-size:clamp(30px,3.4vw,44px);font-weight:600;letter-spacing:-.025em;margin:0 0 clamp(28px,3vw,40px)}
.ro-under{font-size:19px;color:#646A73;margin:-24px 0 36px}

.ro-pris{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:clamp(24px,4vw,56px);align-items:center;background:#16181C;color:#F5F5F7;border-radius:28px;padding:clamp(28px,4vw,56px)}
.ro-pris h2{font-size:clamp(30px,3.4vw,44px);font-weight:600;letter-spacing:-.025em;margin:0}
.ro-pris p{color:#A9AEB6;font-size:18px;margin:12px 0 24px}
.ro-pris .flate-lenke{color:#F5F5F7}
.ro-pris .kart-hero{margin:0}
.ro-pris .kart-mer,.ro-pris .kart-topp{display:none}
@media (max-width:860px){.ro-pris{grid-template-columns:1fr}}

.fordel-rad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.fordel{border-radius:24px;padding:24px 24px 28px}
.fordel-is{background:var(--is)}.fordel-stein{background:var(--stein)}.fordel-skifer{background:var(--skifer)}
.fordel-bilde{background:#FFFFFF;border-radius:16px;padding:18px;min-height:168px;display:flex;align-items:center;margin-bottom:22px}
.fordel h3{font-size:21px;margin:0 0 6px}
.fordel p{margin:0;font-size:16px;line-height:1.55;color:#3A3D44}
.ut{width:100%;font-size:14px;color:#3A3D44}
.fordel .ut-tittel{margin:0 0 10px;font-weight:600;color:var(--grafitt)}
.ut-uke ul{list-style:none;margin:0;padding:0}
.ut-uke li{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid #EEEFF2;font-weight:500;color:var(--grafitt)}
.ut-uke em{margin-left:auto;font-style:normal;font-weight:400;color:#8A8F98;font-size:12px;text-align:right}
.pr{width:8px;height:8px;border-radius:50%;flex:none}.pr.ok{background:#B9BDC5}.pr.av{background:#6E87A6;box-shadow:0 0 0 4px rgba(110,135,166,.18)}
.ut-pris{text-align:center}
.fordel .ut-tall{margin:0;font-size:44px;font-weight:600;letter-spacing:-.03em;color:var(--grafitt);line-height:1}
.fordel .ut-liten{margin:6px 0 0;color:#8A8F98;font-size:13px}
.ut-melding{display:flex;gap:12px;align-items:flex-start}
.ut-avatar{flex:none;width:36px;height:36px;border-radius:50%;background:var(--skifer);display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--grafitt)}
.ut-melding p{margin:0;line-height:1.5}
.ut-navn{font-weight:600;color:var(--grafitt);margin-bottom:2px!important}
@media (max-width:900px){.fordel-rad{grid-template-columns:1fr}}

.ro-folk{justify-content:start;margin-top:0;grid-template-columns:repeat(2,minmax(0,380px))}
.ro-folk .folk-kort{background:#FFFFFF;border:0;border-radius:24px;padding:20px}
.ro-folk .person-bilde{background:var(--stein)}
@media (max-width:640px){.ro-folk{grid-template-columns:1fr}}

.tj-liste{list-style:none;margin:0;padding:0;border-top:1px solid #E4E5E8}
.tj-liste a{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr) auto;gap:16px;align-items:center;padding:24px 4px;border-bottom:1px solid #E4E5E8;text-decoration:none;color:var(--grafitt);transition:background .2s,padding .2s}
.tj-liste a:hover{background:#FFFFFF;padding-left:16px;padding-right:16px}
.tj-liste b{font-size:clamp(20px,2vw,26px);font-weight:600;letter-spacing:-.015em}
.tj-liste span{font-size:17px;color:#646A73}
.tj-liste i{font-style:normal;font-size:20px}
@media (max-width:700px){.tj-liste a{grid-template-columns:1fr auto}.tj-liste span{grid-column:1;grid-row:2}.tj-liste i{grid-row:1/span 2;grid-column:2}}

.ro-priskort{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;background:var(--is);border-radius:28px;padding:clamp(32px,5vw,64px)}
.ro-priskort h2{font-size:clamp(30px,3.4vw,44px);font-weight:600;letter-spacing:-.025em;margin:0;line-height:1.1}
.ro-priskort p{font-size:18px;color:#4A4E57;margin:12px 0 28px}
@media (max-width:760px){.ro-priskort{grid-template-columns:1fr}}

.ro-spm{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,4vw,64px)}
.spm details{border-bottom:1px solid #E4E5E8}
.spm details:first-child{border-top:1px solid #E4E5E8}
.spm summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:22px 0;font-size:19px;font-weight:600;color:var(--grafitt)}
.spm summary::-webkit-details-marker{display:none}
.spm summary::after{content:"+";font-weight:400;font-size:24px;line-height:1;color:#646A73;transition:transform .2s}
.spm details[open] summary::after{transform:rotate(45deg)}
.spm details p{margin:0 0 22px;font-size:17px;line-height:1.6;color:#4A4E57;max-width:36em}
@media (max-width:760px){.ro-spm{grid-template-columns:1fr}}

.ro-slutt{padding:clamp(72px,9vw,128px) 0;text-align:center;background:var(--stein)}
.ro-slutt h2{font-size:clamp(34px,4.4vw,60px);font-weight:600;letter-spacing:-.03em;margin:0}
.ro-slutt .ro-knapper{justify-content:center}
.ro-slutt .kontakt-adr{color:#646A73}
.topp-bilde{width:100%}.ro-kort{width:330px}.fordel .ut p{font-size:14px}.fordel .ut-melding p{font-size:14px;color:#3A3D44}
@media (max-width:860px){.ro-kort{width:auto}}
.fordel .ut .ut-tall{font-size:44px;font-weight:600;letter-spacing:-.03em;color:var(--grafitt);line-height:1;margin:4px 0 0}
.fordel .ut .ut-liten{font-size:13px;color:#8A8F98}
.ro-kort p{text-align:left}
.ro-kort p b{display:inline;font-weight:600;color:var(--grafitt)}
.ro-kort > div{flex:1;min-width:0}
.ro-kort p b{font-size:14px}
.ut-graf svg{width:100%;height:auto;display:block}
.fordel .ut .ut-merk{display:flex;align-items:center;gap:8px;margin:10px 0 0;font-size:13px;color:#3A3D44}
.ut-pris .flate-lenke{display:inline-block;margin-top:14px;font-size:14px}
.ut-avatar svg{width:20px;height:20px}
.ro-pris h2{margin-bottom:20px}
.fordel .ut .ut-linje{display:flex;justify-content:space-between;gap:12px;margin:0;padding:7px 0;border-top:1px solid #EEEFF2;font-size:13px;color:#4A4E57}
.ut-linje b{color:var(--grafitt);font-weight:600}
.fordel .ut .ut-sum{border-top:1.5px solid #1D1F24;font-weight:600;color:var(--grafitt)}
/* Produktrader */
.prader{display:flex;flex-direction:column;gap:16px;max-width:var(--bredde);margin:0 auto;padding:clamp(24px,3vw,40px) var(--kant)}
.prad{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,4vw,64px);align-items:center;border-radius:28px;padding:clamp(32px,5vw,72px);min-height:clamp(360px,34vw,460px);overflow:hidden}
.prad-snu .prad-tekst{order:2}
.prad-is{background:var(--is)}.prad-stein{background:var(--stein)}.prad-skifer{background:var(--skifer)}
.prad-mork{background:#16181C;color:#F5F5F7}
.prad h2{font-size:clamp(36px,4.4vw,60px);font-weight:600;letter-spacing:-.03em;line-height:1.05;margin:0}
.prad-tekst > p{font-size:clamp(18px,1.7vw,22px);line-height:1.4;color:#4A4E57;margin:14px 0 0;max-width:22em}
.prad-mork .prad-tekst > p{color:#C3C7CE}
.prad .flate-knapper{justify-content:flex-start;margin-top:28px}
.prad-mork .knapp-fylt{background:#FFFFFF;color:#16181C!important}
.prad-mork .flate-lenke{color:#F5F5F7}
.prad-bilde{display:flex;justify-content:center}
.prad .maler{background:#FFFFFF;background-image:none;border:0}
.prad-mork .enova-kort{background:none;border:0;padding:0;max-width:440px;width:100%}
.prad-mork .enova-kort figcaption{color:#8A8F98}
@media (max-width:860px){.prad{grid-template-columns:1fr}.prad-snu .prad-tekst{order:0}}
.vis{width:100%;max-width:440px;background:#FFFFFF;border-radius:20px;padding:22px;box-shadow:0 24px 50px rgba(29,31,36,.08)}
.vis-tittel{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--grafitt)}
.vis-oversikt ul{list-style:none;margin:0;padding:0}
.vis-oversikt li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #EEEFF2}
.vis-oversikt li div{flex:1;min-width:0}
.vis-oversikt b{display:block;font-size:15px;color:var(--grafitt)}
.vis-oversikt em{display:block;font-style:normal;font-size:13px;color:#8A8F98}
.vis-oversikt svg{width:60px;height:24px;fill:#D9DCE1}
.vis-oversikt li.av svg{fill:#6E87A6}
.vis-oversikt li.av em{color:#3F5573}
.vis-melding{display:flex;gap:12px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid #EEEFF2}
.vis-avatar{flex:none;width:40px;height:40px;border-radius:50%;background:var(--stein);display:grid;place-items:center;color:var(--grafitt)}
.vis-avatar svg{width:22px;height:22px}
.vis-melding b{display:block;font-size:14px;color:var(--grafitt)}
.vis-melding p{margin:2px 0 0;font-size:14px;line-height:1.5;color:#3A3D44}
.vis-sjekk{list-style:none;margin:14px 0 0;padding:0}
.vis-sjekk li{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:14px;color:var(--grafitt)}
.vis-sjekk li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:#1D1F24 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.5l2.5 2.5L13 6.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.vis-person{width:100%;max-width:400px;height:auto}
/* Energioppfølging som en gruppe med tre kort */
.ok-gruppe{background:#FFFFFF;border-radius:28px;padding:clamp(32px,5vw,64px) clamp(20px,3vw,40px) clamp(20px,3vw,40px)}
.ok-hode{text-align:center;margin-bottom:clamp(28px,4vw,48px)}
.ok-hode h2{font-size:clamp(36px,4.4vw,60px);font-weight:600;letter-spacing:-.03em;line-height:1.05;margin:0}
.ok-hode p{font-size:clamp(18px,1.7vw,22px);color:#4A4E57;margin:12px 0 0}
.ok-hode .flate-knapper{justify-content:center;margin-top:24px}
.ok-kort{display:flex;flex-direction:column}
.ok-kort .fordel-bilde{min-height:250px;justify-content:center;padding:20px}
.ok-kort h3{font-size:24px}
.ok-kort .ok-pris{margin:6px 0 16px;font-weight:600;color:var(--grafitt)}
.ok-kort .flate-lenke{margin-top:auto}
.ok-kort .vis{box-shadow:none;padding:0;max-width:none;border-radius:0}
.ok-kort .vis-person{width:100%;max-width:220px;height:auto}
.ok-kort .vis-melding p{font-size:13px}
.ok-kort .vis-sjekk li{font-size:13px}
/* Enova: hva dere får tilbake */
.vis-enova .ve-kost{margin:0 0 14px;font-size:15px;color:#4A4E57}
.vis-enova .ve-kost b{color:var(--grafitt)}
.ve-stolpe{display:flex;height:22px;border-radius:11px;overflow:hidden}
.ve-dere{flex:3;background:#D9DCE1}.ve-enova{flex:1;background:#6E87A6}
.ve-tall{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.ve-tall span{display:block;font-size:13px;color:#8A8F98}
.ve-tall b{display:block;font-size:20px;font-weight:600;color:#4A4E57;letter-spacing:-.02em;margin-top:2px}
.ve-tall .ve-hoved b{font-size:34px;color:#3F5573;letter-spacing:-.03em}
.ve-tall .ve-hoved span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#6E87A6;margin-right:7px}
.ve-tall div:not(.ve-hoved) span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#D9DCE1;margin-right:7px}
.ve-merk{margin:18px 0 0;padding-top:14px;border-top:1px solid #EEEFF2;font-size:14px;line-height:1.5;color:#4A4E57}
@media (max-width:420px){.ok-hode h2,.prad h2{font-size:30px}.ok-gruppe{padding-left:14px;padding-right:14px}}
.ok-kort .flate-lenke{align-self:flex-start}
@media (max-width:520px){.ve-tall .ve-hoved b{font-size:26px}.ve-tall b{font-size:17px}.vis-enova{padding:18px}.ve-tall{gap:10px}}
/* Energioppfølging-siden i rolig stil */
.ro-sidetopp{padding:clamp(56px,8vw,112px) 0 clamp(24px,3vw,40px);text-align:center}
.ro-sidetopp h1{font-size:clamp(40px,6vw,80px);font-weight:600;letter-spacing:-.035em;line-height:1.02;margin:0}
.ro-sidetopp p{font-size:clamp(18px,1.8vw,24px);color:#4A4E57;margin:14px 0 0}
.ro-tett{padding-top:0}
.ro-merk{margin:20px 0 0;text-align:center;font-size:14px;color:#8A8F98}
.pk-ny .ok-pris{margin:6px 0 14px}
.pk-ny .pk-alt{margin:0 0 8px;font-size:14px;color:#8A8F98}
.pk-ny .pk-liste{margin:0 0 24px;flex:1}
.pk-ny .pk-liste li{font-size:15px}
.pk-ny > .knapp{align-self:stretch;justify-content:center}
.ro-rg{background:var(--stein);border-radius:28px;padding:clamp(32px,5vw,64px)}
.ro-rg .rg-ingress{color:#4A4E57}
.ro-rg .rg-kort{background:#FFFFFF;border:0;color:var(--grafitt)}
.ro-rg .rg-kort h3{color:var(--grafitt)}
.ro-rg .rg-kort p{color:#4A4E57}
.ro-rg .rg-ikon{background:var(--stein);color:var(--grafitt)}
@media (max-width:420px){.ro-sidetopp h1{font-size:34px}}

/* ===== Undersidene i samme rolige stil som forsiden ===== */
body{background:var(--bakgrunn)}
.lys,.lys-2,.sand{background:var(--bakgrunn);color:var(--grafitt)}
.seksjon{padding:clamp(48px,6vw,88px) 0}
.seksjon.tett{padding:clamp(40px,5vw,72px) 0}
/* Toppen: lys, som forsiden */
.sidetopp.navy{background:var(--bakgrunn);color:var(--grafitt);padding:clamp(56px,7vw,104px) 0 clamp(32px,4vw,56px)}
.sidetopp.navy h1{color:var(--grafitt);font-weight:600;letter-spacing:-.035em;line-height:1.02;font-size:clamp(36px,5.6vw,76px)}
.sidetopp.navy .ingress,.sidetopp.navy p{color:#4A4E57}
.sidetopp.navy .knapp-lys{background:#16181C;color:#FFFFFF!important}
.sidetopp.navy .knapp-lys:hover{background:#2A2D33}
.sidetopp.navy .knapp-omriss{border-color:rgba(29,31,36,.22);color:var(--grafitt)!important}
.sidetopp.navy .knapp-omriss:hover{border-color:var(--grafitt)}
.sidetopp.navy .sidetopp-merk{color:#4A4E57;border-color:rgba(29,31,36,.15)}
.sidetopp.navy a:not(.knapp){color:var(--grafitt)}
/* Mørke seksjoner blir mørke kort med runde hjørner */
.seksjon.navy{background:transparent;color:var(--grafitt);padding:clamp(16px,2vw,24px) var(--kant)}
.seksjon.navy > .wrap{max-width:calc(var(--bredde) - 2 * var(--kant));background:#16181C;color:#F5F5F7;border-radius:28px;padding:clamp(40px,6vw,88px) clamp(24px,5vw,72px)}
.seksjon.navy.dyp > .wrap{background:#16181C}
.knapp-navy{background:#16181C}
/* Kort på lys bakgrunn blir hvite */
.lys .info-kort,.lys-2 .info-kort,.lys .hvit-kort,.lys-2 .hvit-kort,.lys .inv-kort,.lys-2 .inv-kort,.lys .inv-rad li,.lys-2 .inv-rad li,.lys .stor-tall > div,.lys-2 .stor-tall > div{background:#FFFFFF;border:0;box-shadow:none}
/* Toppen på undersidene: grafikk som trenger mørk bakgrunn får et mørkt kort */
.sidetopp.navy .enova-kort,.sidetopp.navy .frist,.sidetopp.navy .kart-hero{background:#16181C;color:#F5F5F7;border:0;border-radius:28px;padding:clamp(24px,3vw,40px)}
.sidetopp.navy .enova-kort p,.sidetopp.navy .frist p,.sidetopp.navy .kart-hero p{color:#C3C7CE}
.sidetopp.navy .kart-hero .kart-topp{color:#F5F5F7}
.sidetopp.navy .melding-kort{background:#FFFFFF;box-shadow:0 24px 50px rgba(29,31,36,.08)}
/* Ingen små merkelapper over overskriftene */
.gratis-over,.etikett-rad{display:none}
/* Strømsjekk: stegene og boksen under på lys bakgrunn */
.sidetopp.navy .veien::before{background:repeating-linear-gradient(180deg,#C3C7CE 0 6px,transparent 6px 12px)}
.sidetopp.navy .veien-nr{background:#FFFFFF;border-color:#C3C7CE;color:var(--grafitt)}
.sidetopp.navy .veien li.naa .veien-nr{background:#16181C;border-color:#16181C;color:#FFFFFF;box-shadow:none}
.sidetopp.navy .veien h3{color:var(--grafitt)}
.sidetopp.navy .videre-boks{background:var(--is);border:0;border-radius:20px}
.sidetopp.navy .videre-boks h3,.sidetopp.navy .videre-boks a{color:var(--grafitt)}
.sidetopp.navy .videre-boks p{color:#4A4E57}
.sidetopp.navy .begrenset{color:#8A8F98}
/* Webinar */
.sidetopp.navy .undertittel{color:#4A4E57}
.sidetopp.navy .webinar-fakta,.sidetopp.navy .webinar-fakta li{border-color:rgba(29,31,36,.12)}
.sidetopp.navy .webinar-fakta .n{color:#8A8F98}
.sidetopp.navy .webinar-fakta li{color:var(--grafitt)}
.sidetopp.navy [style*="var(--off)"]{color:var(--grafitt)!important}
/* Toppbilde: tegnet bygg */
.topp-bilde{overflow:visible}
.topp-bygg{display:block;width:100%;height:100%;border-radius:28px}
.kp-bilde{display:block;width:88px;height:88px;border-radius:50%;object-fit:cover;margin:0 0 14px}
.holder-bilde{display:block;width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 0 24px}
.topp-bilde .ro-kort{top:auto;bottom:-28px;left:clamp(-40px,-3vw,-16px)}
@media (max-width:860px){.topp-bilde .ro-kort{bottom:-24px;left:12px;right:12px}.topp-bilde{margin-bottom:40px}}
.ro-topp .ro-topp-grid h1{font-size:clamp(36px,4.2vw,58px);max-width:none}
/* Energikartlegging: hvor energien går */
.sidetopp.navy .kart-fordeling{background:#16181C;color:#F5F5F7;border-radius:28px;padding:clamp(24px,3vw,40px);margin:0}
.kf-tittel{margin:0;font-size:18px;font-weight:600;color:#F5F5F7!important}
.kf-under{margin:4px 0 20px;font-size:14px;color:#8A8F98!important}
.kart-fordeling ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.kart-fordeling li{display:grid;grid-template-columns:minmax(0,9em) minmax(0,1fr) 3.2em;gap:12px;align-items:center;font-size:14px}
.kf-navn{color:#C3C7CE}
.kf-stolpe{height:10px;border-radius:5px;background:#2A2D33;overflow:hidden}
.kf-stolpe i{display:block;height:100%;border-radius:5px;background:#9FB3C8}
.kart-fordeling li:first-child .kf-stolpe i{background:#E4ECF3}
.kart-fordeling li b{text-align:right;font-weight:600;color:#F5F5F7}
.kart-fordeling figcaption{margin-top:22px;padding-top:16px;border-top:1px solid #2A2D33;font-size:13px;color:#8A8F98}
@media (max-width:420px){.kart-fordeling li{grid-template-columns:minmax(0,7.5em) minmax(0,1fr) 3em;font-size:13px}}