/* Fontene ligger lokalt (SIL OFL 1.1), så siden ikke henter noe fra andre. */
@font-face{font-family:"Sora";font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonter/sora-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:"Sora";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonter/sora-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Sora";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonter/sora-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonter/ibm-plex-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonter/ibm-plex-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonter/ibm-plex-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonter/ibm-plex-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonter/ibm-plex-mono-latin-500-normal.woff2) format("woff2")}
/* Skjold nettside – felles stil. Tokens fra skjold/design/README.md */
:root{
  --svart:#000;--kort:#111113;--linje-m:#26262a;--tekst-l:#f5f5f2;--demp-l:#a8a8a3;--demp-l2:#8b8b86;
  --flate:#0b0b0c;--studio-s1:#000;--studio-node:#000;--tekst-m:#f5f5f2;--demp-m:#a8a8a3;--demp-m2:#8b8b86;--linje-l:#26262a;--felt:#1a1a1d;--felt-l:#3a3a3f;
  --khaki:#d8cfb4;--khaki-m:#8a7f60;--radio:#e8893a;--bt:#4a8cff;--spotify:#1ed760;
  --sora:Sora,system-ui,sans-serif;--plex:"IBM Plex Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;
  --ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--svart);color:var(--tekst-l);font-family:var(--plex);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%}
a{color:inherit;text-decoration:none}
a:hover{opacity:.8}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,label.pille:focus-within{outline:2px solid var(--bt);outline-offset:3px}
h1,h2,h3,p{margin:0}
.sr{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(--tekst-l);color:#000;padding:8px 14px;border-radius:99px}
.hopp:focus{top:10px}

/* Nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.74);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(255,255,255,.08);color:var(--tekst-l)}
.nav-inn{max-width:1080px;margin:0 auto;padding:0 22px;height:52px;display:flex;align-items:center;gap:26px}
.logo{display:flex;align-items:center;gap:10px;flex:none}
.logo-stolper{display:flex;gap:2px;align-items:flex-start;height:16px;transform:scale(1.25);transform-origin:left center;margin-right:5px}
.logo-stolper i{display:block;width:3px;border-radius:2px;background:currentColor}
.logo-ord{font-family:var(--sora);font-weight:600;letter-spacing:3.5px;font-size:17px}
.nav-lenker{display:flex;gap:22px;font-size:12.5px;flex:1;min-width:0;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);padding-right:24px}
.nav-lenker::-webkit-scrollbar{display:none}
.nav-lenker a{color:var(--demp-l);padding:14px 0}
.nav-lenker a[aria-current=page]{color:var(--tekst-l)}
@media (max-width:520px){.nav-inn{gap:16px;padding:0 16px}.nav-lenker{gap:18px}}

/* Felles typografi */
.etikett{font-family:var(--mono);font-size:13px;letter-spacing:.1em;color:var(--demp-l2)}
.h2{font-family:var(--sora);font-weight:600;font-size:clamp(34px,5vw,56px);line-height:1.05;letter-spacing:-.02em;max-width:760px;text-wrap:balance}
.etikett+.h2{margin-top:12px}
.innhold{max-width:1080px;margin:0 auto}
.seksjon{padding:110px 22px}
.lys{color:var(--tekst-m)}
.lys .etikett{color:var(--demp-m2)}
.knapper{display:flex;gap:14px;flex-wrap:wrap}
.knapp{display:inline-block;padding:11px 22px;border-radius:99px;font-size:15px;font-weight:500;white-space:nowrap;border:1px solid transparent;font-family:inherit;cursor:pointer;line-height:1.4}
.knapp-m{background:var(--tekst-m);color:#fff}
.knapp-o{border-color:var(--tekst-m);color:var(--tekst-m);font-weight:400}
.knapp-l{background:var(--tekst-l);color:#000}
.kommer{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;padding:3px 8px;border-radius:99px;border:1px solid currentColor;color:var(--khaki-m);vertical-align:middle;white-space:nowrap}
.mork .kommer{color:var(--khaki)}

/* Reveal (settes av JS kun når bevegelse er tillatt) */
.fx [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0ms)}
.fx [data-reveal].synlig{opacity:1;transform:none}
[data-zoom]{transform-origin:50% 40%}

/* Forside */
.hjem-hero{padding:120px 22px 90px;text-align:center}
.stor-logo{display:flex;gap:6px;align-items:flex-start;justify-content:center;height:54px}
.stor-logo i{display:block;width:10px;border-radius:5px;background:var(--tekst-l)}
.hjem-hero h1{margin:30px auto 0;font-family:var(--sora);font-weight:600;font-size:clamp(46px,9vw,104px);line-height:1;letter-spacing:-.03em;max-width:980px;text-wrap:balance}
.hjem-hero p{margin:20px auto 0;max-width:560px;font-size:clamp(18px,2.2vw,23px);line-height:1.45;color:var(--demp-l)}
.produkter{padding:0 12px 12px;display:flex;flex-direction:column;gap:12px}
.produkt{display:block;color:var(--tekst-m);border-radius:28px;padding:70px 22px 0;text-align:center;overflow:hidden}
.produkt .k{font-family:var(--sora);font-size:19px;font-weight:600;color:var(--khaki-m)}
.produkt .h{margin-top:8px;font-family:var(--sora);font-weight:600;font-size:clamp(38px,6vw,68px);line-height:1.03;letter-spacing:-.02em;text-wrap:balance}
.produkt .p{margin:14px auto 0;max-width:560px;font-size:17px;line-height:1.45;color:var(--demp-m);text-wrap:pretty}
.produkt .mer{margin-top:18px;font-size:16px}
.produkt img{display:block;width:min(1000px,110%);max-width:none;height:auto;margin:10px 0 0 50%;translate:-50% 0}
.kort-rutenett{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px}
.kort{background:var(--kort);border-radius:28px;padding:44px 34px;display:flex;flex-direction:column;gap:12px;min-height:280px}
.kort .k{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--khaki)}
.kort .h{font-family:var(--sora);font-size:30px;font-weight:600;line-height:1.1;letter-spacing:-.01em;text-wrap:balance}
.kort .p{font-size:16px;line-height:1.5;color:var(--demp-l);flex:1;text-wrap:pretty}
.kort .mer{font-size:15px}
@media (max-width:520px){.kort{padding:34px 24px}}

/* Produktsider */
.p-hero{padding:80px 22px 0;color:var(--tekst-m);text-align:center;overflow:hidden}
.p-hero .k{font-family:var(--sora);font-size:21px;font-weight:600;color:var(--khaki-m)}
.p-hero h1{margin:10px auto 0;font-family:var(--sora);font-weight:600;font-size:clamp(46px,8.5vw,96px);line-height:1;letter-spacing:-.025em;max-width:920px;text-wrap:balance}
.p-hero p{margin:20px auto 0;max-width:620px;font-size:clamp(17px,2vw,21px);line-height:1.45;color:var(--demp-m);text-wrap:pretty}
.p-hero .knapper{justify-content:center;margin-top:26px}
.p-hero img{display:block;width:min(1180px,118%);max-width:none;height:auto;margin:30px 0 0 50%;translate:-50% 0;transform-origin:50% 30%;will-change:transform}
.s1-bg{background:var(--studio-s1)}.node-bg{background:var(--studio-node)}
.fliser{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}
.flis{background:var(--kort);border-radius:24px;padding:30px 26px 32px;display:flex;flex-direction:column;gap:10px;min-height:230px}
.flis .k{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--khaki)}
.flis .h{font-family:var(--sora);font-size:25px;font-weight:600;line-height:1.15;letter-spacing:-.01em;text-wrap:balance}
.flis .p{font-size:15.5px;line-height:1.5;color:var(--demp-l);text-wrap:pretty}
a.flis .p{flex:1}

/* Sticky bildesekvens */
.scrolly{height:400vh;color:var(--tekst-m);position:relative}
.scrolly-inn{position:sticky;top:52px;height:calc(100vh - 52px);height:calc(100svh - 52px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);align-items:center;gap:20px;max-width:1240px;margin:0 auto;padding:0 22px;overflow:hidden}
.tekster{position:relative;height:240px}
.tekst{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:14px;opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s}
.tekst.paa{opacity:1;transform:none}
.tekst h3{font-family:var(--sora);font-weight:600;font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
.tekst p{font-size:17px;line-height:1.5;color:var(--demp-m);max-width:380px;text-wrap:pretty}
.prikker{position:absolute;left:0;bottom:-30px;display:flex;gap:6px}
.prikker i{display:block;height:7px;width:7px;border-radius:4px;background:#cfccc2;transition:all .4s}
.prikker i.paa{background:var(--tekst-m);width:22px}
.bilder{position:relative;height:min(70vh,640px)}
.bilder picture,.bilder img{position:absolute;inset:0;width:100%;height:100%}
.bilder img{object-fit:contain;opacity:0;transform:scale(.96);transition:opacity .7s,transform 1.1s var(--ease)}
.bilder img.paa{opacity:1;transform:scale(1)}
.bilder img.forbi{transform:scale(1.04)}
@media (max-width:760px){
  .scrolly-inn{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:center;gap:40px}
  .tekster{order:2;height:190px}
  .bilder{height:min(48vh,420px)}
}
/* Uten JS eller med redusert bevegelse: vis sekvensen som vanlige blokker */
.statisk .scrolly{height:auto}
.statisk .scrolly-inn{position:static;height:auto;display:block;padding:80px 22px}
.statisk .tekster,.statisk .bilder{display:contents}
.statisk .tekst{position:static;opacity:1;transform:none;margin:24px 0 8px}
.statisk .bilder img{position:static;opacity:1;transform:none;height:auto}
.statisk .bilder picture{position:static;display:block}
.statisk .prikker{display:none}
.statisk .scrolly-ramme{display:grid;gap:10px}

/* Signalvei */
.kjede{margin-top:48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px}
.ledd{background:#fff;border-radius:18px;padding:20px 18px;display:flex;flex-direction:column;gap:10px}
.ledd-topp{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:12px;color:#9a978d}
.ledd-topp span{font-family:var(--plex);font-size:18px;color:#c9c5b8}
.ledd h3{font-family:var(--sora);font-size:19px;font-weight:600}
.ledd ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.ledd li{font-size:14px;color:var(--demp-m);display:flex;gap:8px;align-items:center}
.ledd li::before,.kilde::before{content:"";width:6px;height:6px;border-radius:3px;background:var(--c);flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.12)}

/* Kilder */
.kilder{margin-top:44px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0 40px}
.kilde{padding:22px 0;border-top:1px solid var(--linje-m);display:grid;grid-template-columns:14px minmax(0,1fr);gap:14px}
.kilde::before{width:10px;height:10px;border-radius:5px;margin-top:8px;box-shadow:none}
.kilde h3{font-family:var(--sora);font-size:20px;font-weight:600}
.kilde p{margin-top:6px;font-size:15px;line-height:1.5;color:var(--demp-l);text-wrap:pretty}

/* USB-bryter */
.usb{background:#0b0b0c}
.usb-rutenett{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:50px;align-items:center}
.usb .etikett{color:var(--bt)}
.usb-tekst p{margin-top:18px;font-size:17px;line-height:1.55;color:var(--demp-l);text-wrap:pretty}
.usb-demo{background:var(--kort);border-radius:28px;padding:30px 26px;display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);align-items:center}
.verter{display:flex;flex-direction:column;gap:14px}
.vert{padding:16px 14px;border-radius:14px;border:1.5px solid #2a2a2c;font-size:15px;font-weight:600;color:var(--demp-l2);transition:all .35s}
.vert.paa{border-color:var(--bt);background:rgba(74,140,255,.12);color:var(--tekst-l)}
.bryter{position:relative;height:150px}
.bryter .l1{position:absolute;left:0;right:50%;top:30px;height:2px;background:var(--bt);transition:top .35s var(--ease)}
.bryter .l2{position:absolute;left:50%;top:30px;width:2px;height:46px;background:var(--bt);transition:all .35s var(--ease)}
.bryter .l3{position:absolute;left:50%;right:0;top:74px;height:2px;background:var(--bt)}
.usb-demo.pc .l1{top:118px}.usb-demo.pc .l2{top:74px;height:46px}
.bryter button{position:absolute;left:50%;top:75px;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:29px;border:0;background:#2a2b2d;box-shadow:0 0 0 4px var(--tekst-l),0 0 22px 4px rgba(242,242,238,.25);font:700 12px/1 var(--plex);letter-spacing:1px;color:var(--tekst-l);cursor:pointer}
.enheter{display:flex;flex-direction:column;gap:10px}
.enheter div{padding:12px 14px;border-radius:12px;background:#1c1c1e;font-size:14px;color:#d8d8d3}
.usb-hint{grid-column:1/-1;margin-top:20px;text-align:center;font-size:13px;color:var(--demp-l2)}
@media (max-width:420px){.usb-demo{padding:24px 16px;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)}.vert{font-size:13.5px;padding:14px 10px}.enheter div{font-size:13px;padding:10px}}

/* Integrasjoner */
.hvit{background:#fff;color:var(--tekst-m)}
.integ{margin-top:44px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}
.integ>div{background:var(--flate);border-radius:22px;padding:28px 24px;display:flex;flex-direction:column;gap:10px;min-height:250px}
.integ .k{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;color:var(--khaki-m)}
.integ h3{font-family:var(--sora);font-size:26px;font-weight:600;letter-spacing:-.01em}
.integ p{font-size:15px;line-height:1.5;color:var(--demp-m);text-wrap:pretty}
.integ .snart{opacity:.78}

/* Spesifikasjoner */
.spes{max-width:880px;margin:0 auto}
.spes h2{font-family:var(--sora);font-weight:600;font-size:clamp(34px,5vw,56px);letter-spacing:-.02em}
.spes dl{margin:36px 0 0}
.rad{display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px;padding:15px 0;border-bottom:1px solid var(--linje-l)}
.rad dt{font-size:14px;color:var(--demp-m2);padding-top:1px}
.rad dd{margin:0;font-size:16px;line-height:1.5}
.spes .knapper{margin-top:30px}
@media (max-width:520px){.rad{grid-template-columns:110px minmax(0,1fr);gap:12px}}

/* Interesse */
.interesse{background:var(--flate);color:var(--tekst-m)}
.interesse .innhold{max-width:640px}
.interesse .ingress{margin-top:16px;font-size:18px;line-height:1.5;color:var(--demp-m);text-wrap:pretty}
.skjema{margin-top:34px;display:flex;flex-direction:column;gap:14px}
.to-felt{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}
.felt{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--demp-m2)}
.felt input,.felt textarea{border-radius:12px;border:1px solid #d9d6cc;background:#fff;padding:0 14px;font:inherit;font-size:16px;color:var(--tekst-m);width:100%}
.felt input{height:48px}
.felt textarea{padding:12px 14px;resize:vertical;min-height:90px}
fieldset{border:0;margin:0;padding:0;min-width:0}
legend{padding:0;margin-bottom:6px;font-size:13px;color:var(--demp-m2)}
.piller{display:flex;gap:8px;flex-wrap:wrap}
.pille{position:relative;cursor:pointer}
.pille input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.pille span{display:block;padding:10px 18px;border-radius:99px;border:1px solid #d9d6cc;background:#fff;color:var(--tekst-m);font-size:15px;white-space:nowrap}
.pille input:checked+span{background:var(--tekst-m);border-color:var(--tekst-m);color:#fff}
.pille input:focus-visible+span{outline:2px solid var(--bt);outline-offset:3px}
.honning{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.feil{font-size:14px;color:#b4442f;min-height:0}
.feil:empty{display:none}
.send{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px}
.send .knapp{padding:13px 26px;font-size:16px;background:var(--tekst-m);color:#fff}
.send .knapp[disabled]{opacity:.6;cursor:default}
.send small{font-size:13px;color:var(--demp-m2)}
.takk{margin-top:34px;padding:26px;border-radius:20px;background:#fff;display:flex;align-items:center;gap:16px}
.takk[hidden]{display:none}
.takk b{width:44px;height:44px;border-radius:22px;background:var(--tekst-m);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}
.takk span{font-family:var(--sora);font-size:20px;font-weight:600}

/* Enkle sidetopper */
.side-topp{padding:110px 22px 60px;text-align:center}
.side-topp h1{margin:14px auto 0;font-family:var(--sora);font-weight:600;font-size:clamp(44px,8vw,92px);line-height:1;letter-spacing:-.025em;max-width:900px;text-wrap:balance}
.side-topp .etikett{color:var(--khaki)}
.ramme{max-width:1080px;margin:0 auto;border-radius:28px;overflow:hidden}
.ramme img{display:block;width:100%;height:auto}
.os-liste{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0 48px}
.os-liste>div{padding:22px 0;border-top:1px solid #d9d6cc}
.os-liste h3{font-family:var(--sora);font-size:20px;font-weight:600}
.os-liste p{margin-top:6px;font-size:15.5px;line-height:1.5;color:var(--demp-m)}

/* Sammenlign */
.h1-midt{font-family:var(--sora);font-weight:600;font-size:clamp(36px,9vw,80px);overflow-wrap:anywhere;hyphens:auto;letter-spacing:-.025em;text-align:center;line-height:1.05}
.to-prod{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.to-prod a{border-radius:24px;padding:28px 18px 18px;text-align:center;display:flex;flex-direction:column;gap:6px}
.to-prod img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain}
.to-prod .h{font-family:var(--sora);font-size:26px;font-weight:600}
.to-prod .mer{font-size:15px;color:#6b6a64}
@media (max-width:520px){.to-prod{gap:10px}.to-prod a{padding:18px 10px 14px}.to-prod .h{font-size:19px}}
.tabell-rull{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tabell{width:100%;min-width:620px;border-collapse:collapse}
.tabell th,.tabell td{text-align:left;vertical-align:top;border-top:1px solid var(--linje-l);padding:16px}
.tabell th[scope=row]{padding-left:0;font-weight:400;font-size:14px;color:var(--demp-m2);width:22%}
.tabell td{font-size:16px;line-height:1.45}
.tabell thead th{border-top:0;font-family:var(--sora);font-weight:600;font-size:15px;padding-top:0}
.spes-to{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:48px}
.spes-to h3{font-family:var(--sora);font-size:24px;font-weight:600;padding-bottom:14px;border-bottom:2px solid var(--tekst-m)}
.spes-to dl{margin:0}
.spes-to .rad{grid-template-columns:130px minmax(0,1fr);gap:14px;padding:13px 0}
.spes-to .rad dt{font-size:13px;padding-top:2px}.spes-to .rad dd{font-size:15px}

/* Støtte */
.manualer{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}
.manualer a{background:var(--kort);border-radius:20px;padding:26px 22px;display:flex;flex-direction:column;gap:8px;min-height:160px}
.manualer .h{font-family:var(--sora);font-size:20px;font-weight:600}
.manualer .p{font-size:14.5px;line-height:1.5;color:var(--demp-l);flex:1}
.manualer .mer{font-size:14px;color:var(--khaki)}
.steg{margin-top:44px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px}
.steg>div{border:1px solid var(--linje-m);border-radius:20px;padding:24px 22px;display:flex;flex-direction:column;gap:10px}
.steg .n{font-family:var(--sora);font-size:40px;font-weight:300;color:var(--khaki);line-height:1}
.steg h3{font-family:var(--sora);font-size:19px;font-weight:600}
.steg p{font-size:14.5px;line-height:1.5;color:var(--demp-l);text-wrap:pretty}
.nedlast{margin-top:36px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:0 40px}
.nedlast a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--linje-l)}
.nedlast a>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.nedlast b{font-size:15.5px;font-weight:500}
.nedlast code{font-family:var(--mono);font-size:12px;color:var(--demp-m2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nedlast span{font-size:18px;color:var(--khaki-m);flex:none}

/* Om */
.historie-topp{padding:120px 22px;background:var(--flate);color:var(--tekst-m)}
.historie-topp .innhold{max-width:760px}
.historie-topp h1{margin-top:12px;font-family:var(--sora);font-weight:600;font-size:clamp(40px,6vw,68px);line-height:1.04;letter-spacing:-.02em}
.baktanke{margin-top:28px;font-size:21px;line-height:1.6;color:#3a3935;text-wrap:pretty}
.baktanke.plassholder{border-left:3px solid var(--khaki);padding-left:16px;color:var(--demp-m2);font-style:italic}
.person{margin-top:36px;display:flex;align-items:center;gap:14px}
.person .foto{width:60px;height:60px;border-radius:30px;background:#e3e0d7;flex:none;display:flex;align-items:center;justify-content:center;font-family:var(--sora);font-weight:600;color:var(--khaki-m)}
.person b{display:block;font-weight:600;font-size:16px}
.person small{font-size:14px;color:var(--demp-m2)}
.tidslinje{margin:50px 0 0;padding:0;list-style:none}
.tidslinje li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px}
.tidslinje .spor{display:flex;flex-direction:column;align-items:center}
.tidslinje .nr{width:38px;height:38px;border-radius:19px;border:1.5px solid var(--c);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;color:var(--c);flex:none}
.tidslinje .strek{width:1.5px;flex:1;background:var(--linje-m);min-height:26px}
.tidslinje .t{padding:6px 0 38px}
.tidslinje h3{font-family:var(--sora);font-size:22px;font-weight:600}
.tidslinje p{margin-top:6px;font-size:15.5px;line-height:1.55;color:var(--demp-l);max-width:680px;text-wrap:pretty}
@media (max-width:520px){.tidslinje li{grid-template-columns:44px minmax(0,1fr);gap:12px}}
.bildepar{padding:0 12px 12px;background:#0b0b0c;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px}
.bildepar>div{border-radius:28px;overflow:hidden}
.bildepar img{display:block;width:100%;height:auto}

/* Bunntekst */
.bunn{padding:40px 22px 60px;background:#000;border-top:1px solid #1c1c1e}
.bunn .innhold{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--demp-l2)}
.bunn .mono{font-family:var(--mono)}

@media (max-width:520px){.seksjon{padding:80px 18px}.hjem-hero{padding:90px 18px 70px}.side-topp{padding:80px 18px 40px}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}


/* skjermbilder av app og web (Programvare) */
.skjermbilder{display:grid;grid-template-columns:1fr;gap:28px;margin-top:40px;align-items:end}
.skjermbilder figure{margin:0}
.skjermbilder img{display:block;width:100%;height:auto;border-radius:20px;border:1px solid var(--linje-lys,#e3e0d7);box-shadow:0 24px 60px -30px rgba(0,0,0,.45)}
.skjermbilder .sb-mobil{max-width:280px;justify-self:center}
.skjermbilder .sb-mobil img{border-radius:28px}
.skjermbilder figcaption{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--dempet-m,#7a776d);margin-top:12px;text-align:center}
@media (min-width:860px){.skjermbilder{grid-template-columns:280px 1fr;gap:40px}}
.bunn .kopi{font-size:12.5px;line-height:1.5;opacity:.75;margin-top:6px;max-width:760px}

.integ-logo{display:block;width:40px;height:40px;margin-bottom:18px}
.bunn .kopi a{color:inherit;text-decoration:underline}
.lead-p{font-size:18px;line-height:1.55;max-width:620px;margin:14px 0 0}
.baktanke+.baktanke{margin-top:16px}

/* Skjold Core-stripe på forsiden */
.core-stripe{display:block;border-radius:28px;padding:44px 28px;text-align:center;background:#1d1d1f;color:var(--tekst-l)}
.core-stripe .k{font-family:var(--sora);font-size:17px;font-weight:600;color:var(--khaki)}
.core-stripe .h{margin-top:6px;font-family:var(--sora);font-weight:600;font-size:clamp(26px,4vw,40px);line-height:1.1;letter-spacing:-.02em;text-wrap:balance}
.core-stripe .p{margin:12px auto 0;max-width:640px;font-size:16px;line-height:1.5;color:var(--demp-l);text-wrap:pretty}
.core-stripe .mer{margin-top:14px;font-size:15px}
.tabell-core{min-width:780px}

/* Språkbryter i menyen */
.spraak{display:flex;align-items:center;gap:6px;flex:none;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em}
.spraak a{color:var(--demp-l);padding:14px 2px}
.spraak a[aria-current]{color:var(--tekst-l)}
.spraak span{opacity:.4}

/* ===== Mørk profil (Apple-inspirert produktside, Skjold-tokens) ===== */
.etikett{text-transform:uppercase;font-size:12px;letter-spacing:.14em}
.lys .etikett{color:var(--khaki)}
.hvit{background:#000;color:var(--tekst-l)}
.knapp-m{background:var(--tekst-l);color:#000}
.knapp-m:hover{opacity:.88}
.knapp-o{border-color:rgba(245,245,242,.4);color:var(--tekst-l)}
.knapp-o:hover{border-color:var(--tekst-l);opacity:1}
.kommer{color:var(--khaki)}
/* Gradient i store titler */
.hjem-hero h1,.p-hero h1,.side-topp h1,.h1-midt{background:linear-gradient(180deg,#fff 30%,#c9c3ad 115%);-webkit-background-clip:text;background-clip:text;color:transparent}
.glans{background:linear-gradient(90deg,var(--khaki) 0%,#f5f5f2 55%,#a99d78 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hjem-hero h1{font-size:clamp(48px,10vw,124px);letter-spacing:-.04em}
.h2{letter-spacing:-.03em}
.seksjon{padding:140px 22px}
.seksjon+.seksjon{border-top:1px solid rgba(255,255,255,.06)}
.seksjon.hvit+.seksjon,.usb{border-top:0}
/* Produktbilder: mørke studio-varianter, kanter tones ut mot en myk glød */
.produkt,.p-hero,.to-prod a,.ramme,.bildepar>div{background:radial-gradient(ellipse 60% 55% at 50% 62%,#24242a 0%,#121214 60%,#0b0b0c 100%)}
.p-hero{background:#000}
.produkt img,.p-hero img,.to-prod img,.ramme img,.bildepar img,.bilder img{-webkit-mask-image:radial-gradient(ellipse 75% 75% at 50% 50%,#000 65%,transparent 100%);mask-image:radial-gradient(ellipse 75% 75% at 50% 50%,#000 65%,transparent 100%)}
.produkt{color:var(--tekst-l);border:1px solid rgba(255,255,255,.06)}
.produkt .k,.p-hero .k{color:var(--khaki)}
.produkt .p,.p-hero p{color:var(--demp-l)}
.produkt .mer,.kort .mer,.core-stripe .mer{color:var(--khaki)}
.p-hero{color:var(--tekst-l)}
.kort,.flis{border:1px solid rgba(255,255,255,.05);transition:transform .5s var(--ease),border-color .5s}
a.kort:hover,a.flis:hover{opacity:1;border-color:rgba(216,207,180,.35);transform:translateY(-3px)}
.core-stripe{background:linear-gradient(135deg,#17171a,#0e0e10);border:1px solid rgba(216,207,180,.18)}
/* Sticky sekvens */
.scrolly{color:var(--tekst-l)}
.scrolly.s1-bg,.scrolly.node-bg{background:#111113}
.bilder img{-webkit-mask-image:none;mask-image:none}
.tekst p{color:var(--demp-l)}
.prikker i{background:#3a3a3f}
.prikker i.paa{background:var(--khaki)}
/* Signalvei og integrasjoner */
.ledd,.integ>div{background:var(--kort);border:1px solid rgba(255,255,255,.05)}
.ledd-topp{color:var(--demp-l2)}
.ledd-topp span{color:#55555a}
.ledd li{color:var(--demp-l)}
.ledd li::before{box-shadow:none}
.integ .k{color:var(--khaki)}
.integ p{color:var(--demp-l)}
.integ .snart{opacity:.85}
/* Skjema */
.interesse{background:radial-gradient(ellipse 80% 60% at 50% 0%,#17171a 0%,#0b0b0c 70%)}
.felt,legend,.send small{color:var(--demp-l)}
.felt input,.felt textarea{background:var(--felt);border-color:var(--felt-l);color:var(--tekst-l);caret-color:var(--khaki)}
.felt input::placeholder,.felt textarea::placeholder{color:#76767a}
.felt input:focus-visible,.felt textarea:focus-visible{border-color:var(--bt);outline:2px solid var(--bt);outline-offset:1px}
.pille span{background:var(--felt);border-color:var(--felt-l);color:var(--tekst-l)}
.pille input:checked+span{background:var(--tekst-l);border-color:var(--tekst-l);color:#000}
.feil{color:#ff8f7a}
.send .knapp{background:var(--tekst-l);color:#000}
.takk{background:var(--kort);border:1px solid var(--linje-m)}
.takk b{background:var(--khaki);color:#000}
/* Diverse lyse rester */
.os-liste>div{border-top-color:var(--linje-m)}
.to-prod a{border:1px solid rgba(255,255,255,.06)}
.to-prod .mer{color:var(--khaki)}
.spes-to h3{border-bottom-color:rgba(245,245,242,.5)}
.historie-topp{background:radial-gradient(ellipse 70% 60% at 30% 0%,#17171a 0%,#000 70%);color:var(--tekst-l)}
.baktanke{color:#d6d6d0}
.person .foto{background:#1c1c1f;color:var(--khaki)}
.bildepar{background:#000}
.nedlast span{color:var(--khaki)}
.skjermbilder img{border-color:var(--linje-m);box-shadow:0 30px 80px -30px rgba(216,207,180,.18)}
.skjermbilder figcaption{color:var(--demp-l2)}
.ramme{border:1px solid rgba(255,255,255,.06)}
@media (max-width:520px){.seksjon{padding:96px 18px}}
.p-hero h1{font-size:clamp(40px,7.2vw,84px);overflow-wrap:anywhere;hyphens:auto}
.produkt .h{overflow-wrap:anywhere;hyphens:auto}
/* Skjold Touch: lyse renders – ingen mørk vignett, avrundet som et fotokort */
img[src*="-touch"],img[src*="-s1"]{-webkit-mask-image:none;mask-image:none;border-radius:22px}
/* Bruksanvisning (PDF-visning) */
.pdf{max-width:1180px;margin:0 auto;padding:0 16px 80px}
.pdf-verktoy{position:sticky;top:60px;z-index:5;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 14px;margin:0 0 18px;border-radius:16px;background:rgba(18,18,20,.85);backdrop-filter:blur(12px);border:1px solid #2a2a2e}
.pdf-verktoy .mono{color:#8b8b86;font-size:12px;margin-right:auto}
.pdf-verktoy button{height:36px;min-width:40px;padding:0 12px;border-radius:10px;border:1px solid #2e2e30;background:#161618;color:#f2f2ee;font-size:15px;cursor:pointer}
.pdf-sider{display:flex;flex-direction:column;align-items:center;gap:18px}
.pdf-side{width:100%;display:flex;justify-content:center}
.pdf-side canvas{background:#fff;border-radius:6px;box-shadow:0 10px 40px rgba(0,0,0,.5);max-width:100%}
.pdf-feil{color:#c9c9c4}

.familie{max-width:1200px;margin:8px auto 48px;padding:0 20px}.familie img{display:block;width:100%;height:auto;border-radius:18px}

/* S1: skjermbilder (960 × 320) i rad */
.skjermrad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.skjermrad figure{margin:0;display:flex;flex-direction:column;gap:8px}
.skjermrad img{width:100%;height:auto;border-radius:14px;display:block}
.skjermrad figcaption{font-size:13px;color:var(--dempet,#8b8b86)}
@media (max-width:640px){.skjermrad{grid-template-columns:1fr}}
/* Skjold Lab: ordmerket i menyen */
.logo-lab{margin-left:.5em;font-weight:300;color:var(--khaki)}
.familie figcaption{margin-top:10px;font-size:13px;color:var(--demp-l2);text-align:center}
/* Stor figur med bildetekst, 3D-visning */
.stor-figur{margin-top:34px}
.stor-figur figcaption{padding:12px 18px 16px;font-size:13px;color:var(--demp-l2)}
.modell{margin-top:34px;max-width:1080px;border-radius:28px;overflow:hidden;background:radial-gradient(ellipse 60% 55% at 50% 55%,#2c2c32 0%,#141416 62%,#0b0b0c 100%)}
.modell model-viewer{display:block;width:100%;height:auto;aspect-ratio:3/2;max-height:72vh;background-color:transparent;--poster-color:transparent}
.modell model-viewer:not(:defined){display:flex;align-items:center;justify-content:center}
.modell-poster{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--mono);font-size:13px;color:var(--demp-l2)}
.modell-hint{margin-top:12px;font-size:13px;color:var(--demp-l2)}
.modell-hint a,.status-boks a,.lenkerad a{color:var(--khaki);text-decoration:underline;text-underline-offset:3px}
/* Stav */
.status-boks{max-width:1080px;margin:0 auto;border:1px solid rgba(216,207,180,.3);border-radius:24px;padding:26px 28px;display:grid;gap:8px;background:#0d0d0e}
.status-boks .k{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--khaki)}
.status-boks p{margin:0;font-size:16px;line-height:1.55;color:var(--demp-l);max-width:820px}
.skjermrad.tre{grid-template-columns:repeat(3,minmax(0,1fr))}
.skjermrekke{margin-top:34px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.skjermrekke figure{margin:0;display:flex;flex-direction:column;gap:8px}
.skjermrekke img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid rgba(255,255,255,.08)}
.skjermrekke figcaption{font-size:13px;color:var(--demp-l2)}
.kodeblokk{margin:22px 0 0;padding:20px 22px;background:#0d0d0e;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow-x:auto;font-family:var(--mono);font-size:13.5px;line-height:1.6;color:var(--tekst-l)}
.kodeblokk .c{color:var(--demp-l2)}
.lenkerad{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:15px}
@media (max-width:900px){.skjermrekke{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.skjermrad.tre{grid-template-columns:1fr}.skjermrekke{grid-template-columns:repeat(2,minmax(0,1fr))}.status-boks{padding:22px 20px}}
@media (min-width:521px){.nav-inn{gap:22px}.nav-lenker{gap:17px}}

/* ===== Løft 2026-11: meny på mobil, roligere bildeinngang, lyse studiobilder, forskjøvet reveal ===== */
/* Meny: på smale skjermer en knapp som åpner hele menyen (JS legger inn knappen; uten JS ruller lenkene som før) */
.meny-knapp{display:none;flex:none;width:44px;height:44px;margin-left:auto;margin-right:-10px;border:0;background:none;color:var(--tekst-l);cursor:pointer;align-items:center;justify-content:center;border-radius:12px}
.meny-knapp span{position:relative;display:block;width:18px;height:12px}
.meny-knapp span::before,.meny-knapp span::after{content:"";position:absolute;left:0;right:0;height:1.6px;border-radius:2px;background:currentColor;transition:transform .35s var(--ease),top .35s var(--ease)}
.meny-knapp span::before{top:1px}.meny-knapp span::after{top:9px}
.nav.aapen .meny-knapp span::before{top:5px;transform:rotate(45deg)}
.nav.aapen .meny-knapp span::after{top:5px;transform:rotate(-45deg)}
@media (max-width:980px){
  .har-meny .meny-knapp{display:flex}
  .har-meny .spraak{margin-left:0}
  .har-meny .nav-lenker{position:absolute;left:0;right:0;top:100%;height:calc(100vh - 53px);height:calc(100dvh - 53px);display:flex;flex-direction:column;gap:0;overflow-y:auto;white-space:normal;-webkit-mask-image:none;mask-image:none;padding:18px 22px calc(40px + env(safe-area-inset-bottom));background:#000;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s var(--ease),transform .3s var(--ease),visibility 0s .3s}
  .har-meny .nav.aapen .nav-lenker{opacity:1;visibility:visible;transform:none;transition:opacity .3s var(--ease),transform .3s var(--ease)}
  .har-meny .nav-lenker a{font-family:var(--sora);font-size:26px;font-weight:600;letter-spacing:-.02em;color:var(--tekst-l);padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);opacity:0;transform:translateY(10px);transition:opacity .4s var(--ease),transform .4s var(--ease)}
  .har-meny .nav.aapen .nav-lenker a{opacity:1;transform:none;transition-delay:calc(var(--i,0)*28ms + 60ms)}
  .har-meny .nav-lenker a[aria-current=page]{color:var(--khaki)}
  .har-meny .nav-lenker a[href^="mailto"]{color:var(--demp-l);font-size:17px;font-weight:400;border-bottom:0;margin-top:10px}
  .meny-laast{overflow:hidden}
}
/* Frilagte produktbilder (gjennomsiktig bakgrunn, tools/frilegg.py): ingen maske eller boks – bare produktet, med en
   myk skygge som setter det ned på flaten */
img.fri{-webkit-mask-image:none!important;mask-image:none!important;filter:drop-shadow(0 30px 34px rgba(0,0,0,.55)) drop-shadow(0 4px 8px rgba(0,0,0,.35))}
.produkt img.fri{width:auto;max-width:min(88%,820px);max-height:560px;height:auto;margin:34px auto 56px;translate:none}
.p-hero img.fri{width:auto;max-width:min(88%,980px);max-height:min(62vh,640px);height:auto;margin:48px auto 70px;translate:none}
.ramme img.fri,.bildepar img.fri,.bilder img.fri{padding:6%;box-sizing:border-box}
/* Produktbildet i toppen av produktsidene: rolig inngang, alltid i full styrke (styres ikke av rulling) */
.fx 
.fx .p-hero img{animation:helt-inn 1.4s var(--ease) .15s both}
@keyframes helt-inn{from{opacity:0;transform:translateY(36px) scale(.965)}to{opacity:1;transform:none}}
/* Fliser og kort: seks deler seg 3 + 3 i stedet for 4 + 2 med hull */
@media (min-width:860px){.fliser:has(>.flis:nth-child(6):last-child),.fliser:has(>.flis:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
  .kort-rutenett:has(>.kort:nth-child(6):last-child),.kort-rutenett:has(>.kort:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Hover: løft og lys kant i stedet for at hele kortet blir blekere */
a.produkt:hover,a.kort:hover,a.core-stripe:hover,.to-prod a:hover{opacity:1}
a.produkt{transition:border-color .5s var(--ease)}
a.produkt:hover{border-color:rgba(255,255,255,.16)}
a.produkt .mer,a.kort .mer{transition:transform .4s var(--ease)}
a.produkt:hover .mer,a.kort:hover .mer{transform:translateX(4px)}
/* Litt bedre kontrast på små etiketter */
.etikett{color:#a3a39c}
/* Sammenlign: fem produkter i toppen, og tabellhodet følger med nedover på brede skjermer */
.to-prod.fem{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.to-prod.fem a{padding:20px 12px 16px;border-radius:20px}
.to-prod.fem img{aspect-ratio:1/1}
.to-prod.fem img.fri{padding:6%;box-sizing:border-box;filter:drop-shadow(0 14px 16px rgba(0,0,0,.5))}
.to-prod.fem .h{font-size:19px}
.to-prod .type{font-size:13.5px;color:var(--demp-l2)}
.to-prod.fem .mer{font-size:14px}
@media (max-width:980px){.to-prod.fem{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.to-prod.fem{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.to-prod.fem .h{font-size:17px}}
@media (min-width:981px){.tabell-rull{overflow:visible}.tabell thead th,.tabell thead td{position:sticky;top:52px;z-index:2;background:var(--svart);padding-top:14px;padding-bottom:14px;box-shadow:0 1px 0 var(--linje-l)}}
.to-prod.fem img:not(.fri){mix-blend-mode:lighten}
.tabell thead td{border-top:0}

/* ===== Meny: produktene samlet i én nedtrekksmeny, så linja får plass ===== */
/* Uten JS og på smale skjermer ligger produktlenkene flatt i menyen som før */
.nav-gruppe,.nav-under{display:contents}
.nav-gruppe-knapp,.nav-under span{display:none}
.nav-under b{font-weight:inherit}
@media (min-width:981px){
  .nav-lenker{overflow:visible;-webkit-mask-image:none;mask-image:none;padding-right:0;gap:24px;font-size:13px;align-items:center}
  .nav-gruppe{display:block;position:relative}
  .nav-gruppe-knapp{display:flex;align-items:center;gap:6px;height:52px;margin:0;padding:0;border:0;background:none;font:inherit;line-height:inherit;letter-spacing:inherit;color:var(--demp-l);cursor:pointer;-webkit-appearance:none;appearance:none}
  .nav-gruppe-knapp[data-her],.nav-gruppe-knapp:hover,.nav-gruppe.aapen .nav-gruppe-knapp{color:var(--tekst-l)}
  .nav-gruppe-knapp svg{transition:transform .25s var(--ease)}
  .nav-gruppe.aapen .nav-gruppe-knapp svg,.nav-gruppe:hover .nav-gruppe-knapp svg{transform:rotate(180deg)}
  .nav-gruppe-knapp:focus-visible{outline:2px solid var(--khaki);outline-offset:4px;border-radius:6px}
  .nav-under{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;position:absolute;top:100%;left:-18px;width:500px;padding:10px;border-radius:0 0 18px 18px;border:1px solid rgba(255,255,255,.1);border-top:0;background:#0b0b0c;box-shadow:0 30px 60px -20px #000;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s var(--ease),transform .2s var(--ease),visibility 0s .2s}
  .nav-gruppe:hover .nav-under,.nav-gruppe:focus-within .nav-under,.nav-gruppe.aapen .nav-under{opacity:1;visibility:visible;transform:none;transition-delay:0s}
  .nav-gruppe.lukket .nav-under{opacity:0;visibility:hidden}
  .nav-lenker .nav-under a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;white-space:normal}
  .nav-lenker .nav-under a:hover,.nav-lenker .nav-under a:focus-visible{background:rgba(255,255,255,.06)}
  .nav-under b{font-family:var(--sora);font-size:14.5px;font-weight:600;color:var(--tekst-l)}
  .nav-under span{display:block;font-size:12px;color:var(--demp-l)}
  .nav-under a[aria-current=page] b{color:var(--khaki)}
}
@media (prefers-reduced-motion:reduce){.nav-under,.nav-gruppe-knapp svg{transition:none}}

/* Logoer der siden nevner støtte for Home Assistant og Homey */
.flis-logoer{display:flex;gap:10px;margin-bottom:4px}
.flis-logoer img{display:block;width:34px;height:34px}
.merke{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;vertical-align:bottom}
.merke img{display:block;width:18px;height:18px;flex:none}