/* Forsiden: Scales sorte, avrundede «scene» med et stort, sentrert utsagn og et levende felt bak, kombinert med
   Cognitions redaksjonelle detaljer (serif, skravering, mono-nummererte seksjoner, grå celler med hjørnemerker,
   flat tabell). Alle animasjoner er CSS-keyframes eller et lite lerret, og står stille for dem som ber om det. */

.fs-wrap{width:min(1200px,100% - 48px);margin-inline:auto}

/* ---------------- Navigasjon ---------------- */
.fs-nav{position:sticky;top:0;z-index:30;background:var(--lp-bg);transition:box-shadow .2s,background-color .2s}
.fs-nav.rullet{background:rgba(247,246,245,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--lp-linje)}
.fs-nav-rad{display:flex;align-items:center;gap:26px;height:64px}
.fs-meny{display:flex;gap:2px;margin-left:28px}
.fs-meny a{padding:6px 12px;border-radius:4px;font-size:14.5px;transition:background-color .15s}
.fs-meny a:hover{background:var(--lp-celle)}
.fs-handl{margin-left:auto;display:flex;align-items:center;gap:10px}
.fs-handl .lp-liten{margin-right:8px}
.fs-handl .fs-logginn{display:inline-flex;align-items:center;height:36px;padding:0 14px;border:1px solid var(--lp-linje);border-radius:4px;font-size:14px;color:var(--lp-svak);transition:border-color .15s,color .15s}
.fs-handl .fs-logginn:hover{border-color:var(--lp-ink);color:var(--lp-ink)}
.lp .fs-liten-knapp{height:36px;padding:0 14px 1px;font-size:14px}

/* ---------------- Sorte scener ---------------- */
.fs-stage{position:relative;margin:0 10px;border-radius:10px;background:var(--lp-mork);color:var(--lp-lys-tekst);overflow:hidden;isolation:isolate}
.fs-prikkflate::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1.3px);background-size:28px 28px;
  -webkit-mask-image:radial-gradient(75% 85% at 50% 40%,#000 20%,transparent 100%);mask-image:radial-gradient(75% 85% at 50% 40%,#000 20%,transparent 100%)}
.lp .fs-stage a.lp-knapp{background:#efeeeb;border-color:#efeeeb;color:#0a0a0a}
.lp .fs-stage a.lp-knapp.lp-sekundaer{background:transparent;color:#efeeeb;border-color:rgba(239,238,235,.34)}
.lp .fs-stage a.lp-knapp.lp-sekundaer:hover{background:rgba(239,238,235,.12);color:#efeeeb}
.fs-stage .lp-mikro{color:rgba(239,238,235,.5)}
.fs-stage .lp-etikett{color:rgba(239,238,235,.5)}

/* ---------------- Hero ---------------- */
.fs-hero-stage{min-height:clamp(560px,calc(100svh - 84px),860px);display:grid;place-items:center;text-align:center;padding:96px 24px 120px}
.fs-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.fs-h1{margin:0 auto;max-width:14ch;font-family:var(--lp-grotesk);font-weight:400;font-size:clamp(42px,7vw,100px);line-height:.97;letter-spacing:-.052em;color:#f2f1ee;text-wrap:balance}
.fs-ingress{margin:28px auto 0;max-width:44ch;font-size:clamp(17px,1vw + 11px,21px);line-height:1.5;color:rgba(242,241,238,.62);text-wrap:pretty}
.fs-hero-stage .lp-knapper{justify-content:center;margin-top:34px}
.fs-rull{position:absolute;right:24px;bottom:22px;display:flex;align-items:center;gap:12px;font-family:var(--lp-mono);font-size:12px;letter-spacing:.02em;color:rgba(239,238,235,.55)}
.fs-rull i{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(239,238,235,.28);border-radius:4px;font-style:normal;font-size:15px;color:rgba(239,238,235,.8)}

/* ---------------- Redaksjonelt innledningsfelt ---------------- */
.fs-intro{padding:clamp(70px,9vw,120px) 0 0}
.fs-intro-rutenett{display:grid;grid-template-columns:minmax(0,.3fr) minmax(0,.7fr);gap:clamp(20px,5vw,80px);border-top:1px solid var(--lp-linje);padding-top:16px}
.fs-lede{margin:0;font-family:var(--lp-serif);font-size:clamp(23px,1.9vw + 12px,36px);line-height:1.28;letter-spacing:-.012em;text-wrap:pretty}
.fs-intro-rutenett p.fs-tekst{margin:24px 0 0;max-width:60ch;font-family:var(--lp-serif);font-size:clamp(17px,.6vw + 13px,20px);line-height:1.5}
.fs-intro .lp-knapper{margin-top:30px}

/* Grå celler med hjørnemerker, i stedet for kundelogoer vi ikke har */
.fs-celler{position:relative;margin-top:clamp(52px,7vw,88px);padding:20px 22px 18px;background:var(--lp-celle)}
.fs-celler::before,.fs-celler::after{content:"";position:absolute;top:0;width:2px;height:10px;background:var(--lp-svak)}
.fs-celler::before{left:0}.fs-celler::after{right:0}
.fs-celler ul{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr)}
.fs-celler li{padding:24px 8px;text-align:center;font-size:16.5px;font-weight:500;letter-spacing:-.012em;color:var(--lp-svak)}
.fs-celler .lp-etikett{text-transform:none;letter-spacing:.01em}

/* ---------------- Seksjonsrammer ---------------- */
.fs-sek{padding:clamp(76px,10vw,130px) 0 0}
.fs-etikettrad{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-top:1px solid var(--lp-linje);padding-top:14px}
.fs-h2{margin:22px 0 0;padding:0;border:0;max-width:19ch;font-family:var(--lp-grotesk);font-weight:400;font-size:clamp(32px,4vw,58px);line-height:1.03;letter-spacing:-.045em;text-wrap:balance}
.fs-h2 .fs-dim{color:var(--lp-svak)}
.fs-stage .fs-h2{color:#f2f1ee}
.fs-stage .fs-h2 .fs-dim{color:rgba(242,241,238,.46)}
.fs-sek p.fs-ingress2{margin:22px 0 0;max-width:46ch;font-family:var(--lp-serif);font-size:clamp(17px,.6vw + 13px,20px);line-height:1.5}

/* ---------------- Demoscenen ---------------- */
.fs-demo-stage{margin-top:clamp(56px,7vw,88px);padding:clamp(38px,6vw,84px) clamp(14px,4vw,64px) 0}
.fs-demo-hode{max-width:980px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:18px 40px}
.fs-demo-hode .fs-h2{margin-top:14px;font-size:clamp(30px,3.6vw,52px)}
.fs-ramme{position:relative;width:100%;max-width:980px;margin:clamp(30px,4vw,52px) auto 0}
.fs-eksempel{margin:0;font-family:var(--lp-mono);font-size:11.5px;letter-spacing:.04em;color:rgba(239,238,235,.5)}

/* Demovinduet (fast størrelse 980×600, skalert av skript) */
.d-vindu{position:relative;width:980px;height:600px;transform:scale(var(--s,1));transform-origin:top left;border-radius:10px 10px 0 0;overflow:hidden;background:#f7f7f8;color:#101012;
  box-shadow:0 0 0 1px rgba(255,255,255,.12),0 -20px 80px -20px rgba(134,227,174,.18);font-family:var(--lp-grotesk);font-size:14px;line-height:1.45;text-align:left;user-select:none}
.d-topp{height:38px;display:flex;align-items:center;gap:7px;padding:0 15px;background:#eeeef0;border-bottom:1px solid rgba(0,0,0,.08)}
.d-prikk{width:11px;height:11px;border-radius:50%;background:#d2d2d6}
.d-tittel{margin:0 auto;padding-right:50px;font-size:12.5px;font-weight:600;color:#68686f}
.d-kropp{display:grid;grid-template-columns:180px 1fr;height:562px}
.d-side{padding:20px 14px;border-right:1px solid rgba(0,0,0,.08);background:#f7f7f8}
.d-brand{font-weight:700;font-size:16px;letter-spacing:-.02em;padding:0 8px 14px;margin-bottom:10px;border-bottom:1px solid rgba(0,0,0,.08)}
.d-logo{display:block;width:auto;height:15px;margin-bottom:6px}
.d-brand small{display:block;margin-top:2px;font-size:11px;font-weight:400;letter-spacing:0;color:#68686f}
.d-nav{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:7px;font-size:13px;color:#68686f}
.d-nav svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.d-nav i{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;padding:1px 6px;border-radius:999px;background:#e9e9ed;color:#4a4a52}
.d-nav.d-aktiv{background:rgba(84,87,232,.1);color:#4347cf;font-weight:600}
.d-hoved{padding:22px 26px;overflow:hidden}
.d-h{margin:0;font-size:23px;font-weight:700;letter-spacing:-.03em;line-height:1.1}
.d-sub{margin:3px 0 16px;font-size:12.5px;color:#68686f}
.d-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.d-kpi>div{padding:11px 13px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:#fff}
.d-kpi small{display:block;font-size:11px;color:#68686f}
.d-kpi b{display:block;margin-top:2px;font-size:20px;font-weight:600;letter-spacing:-.03em;font-family:var(--lp-mono)}

.d-agent{padding:14px 16px 6px;border:1px solid rgba(84,87,232,.18);border-radius:12px;background:linear-gradient(180deg,rgba(84,87,232,.07),#fff 130px);animation:dAgent 20s linear infinite}
.d-agent-hode{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px}
.d-agent-hode b{display:inline-flex;align-items:center;gap:7px;font-weight:700}
.d-agent-hode svg{width:16px;height:16px;stroke:#5457e8;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.d-antall{position:relative;display:inline-block;min-width:130px;height:18px;text-align:right;font-size:12px;color:#68686f}
.d-antall>span{position:absolute;right:0;top:0;opacity:0;white-space:nowrap}
.d-antall>.d-c3{opacity:1;animation:dC3 20s linear infinite}
.d-antall>.d-c2{animation:dC2 20s linear infinite}
.d-antall>.d-c1{animation:dC1 20s linear infinite}
.d-antall>.d-c0{animation:dC0 20s linear infinite}

.d-forslag{display:flex;align-items:center;gap:14px;height:64px;padding:0;border-top:1px solid rgba(0,0,0,.08);overflow:hidden}
.d-ft{flex:1;min-width:0}
.d-ft b{font-weight:600}
.d-ft .d-dato{font-size:12px;color:#68686f}
.d-ft p{margin:1px 0 0;font-size:12.5px;color:#68686f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d-kn{display:flex;gap:6px;flex:none}
.d-kn>span{display:inline-block;padding:5px 11px;border-radius:7px;font-size:12px;font-weight:600;background:#f1f1f3;border:1px solid rgba(0,0,0,.09)}
.d-kn>.d-ok{background:#107a4e;border-color:#107a4e;color:#fff}
.d-f1{animation:dF1 20s linear infinite}
.d-f2{animation:dF2 20s linear infinite}
.d-f3{animation:dF3 20s linear infinite}
.d-f1 .d-ok{animation:dTrykk1 20s linear infinite}
.d-f2 .d-ok{animation:dTrykk2 20s linear infinite}
.d-f3 .d-ok{animation:dTrykk3 20s linear infinite}

.d-logg{margin-top:2px;border-top:1px solid rgba(0,0,0,.08);padding:4px 0}
.d-l{display:flex;align-items:baseline;gap:9px;height:29px;overflow:hidden;font-size:12.5px;line-height:29px;white-space:nowrap}
.d-l i{flex:none;width:15px;text-align:center;font-style:normal;font-weight:700;color:#68686f}
.d-l .d-g{color:#107a4e}
.d-l em{margin-left:auto;font-style:normal;font-size:11.5px;color:#68686f}
.d-la,.d-lb,.d-lc{height:0;opacity:0}
.d-la{animation:dLa 20s linear infinite}
.d-lb{animation:dLb 20s linear infinite}
.d-lc{animation:dLc 20s linear infinite}

.d-peker{position:absolute;left:0;top:0;width:22px;height:22px;opacity:0;z-index:5;pointer-events:none;animation:dPeker 20s linear infinite;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}

/* Tidslinjen (20 s): kortet kommer inn, tre forslag dukker opp, pekeren godkjenner dem ett etter ett, loggen fylles på */
@keyframes dAgent{0%{opacity:0;transform:translateY(8px)}3%,95%{opacity:1;transform:none}98%,100%{opacity:0;transform:none}}
@keyframes dF1{0%,4%{opacity:0;transform:translateY(8px);height:64px}7%{opacity:1;transform:none;height:64px}47%{opacity:1;height:64px;border-top-width:1px}54%,100%{opacity:0;height:0;border-top-width:0}}
@keyframes dF2{0%,9%{opacity:0;transform:translateY(8px);height:64px}12%{opacity:1;transform:none;height:64px}66%{opacity:1;height:64px;border-top-width:1px}73%,100%{opacity:0;height:0;border-top-width:0}}
@keyframes dF3{0%,14%{opacity:0;transform:translateY(8px);height:64px}17%{opacity:1;transform:none;height:64px}85%{opacity:1;height:64px;border-top-width:1px}92%,100%{opacity:0;height:0;border-top-width:0}}
@keyframes dLa{0%,50%{height:0;opacity:0}56%,100%{height:29px;opacity:1}}
@keyframes dLb{0%,69%{height:0;opacity:0}75%,100%{height:29px;opacity:1}}
@keyframes dLc{0%,88%{height:0;opacity:0}94%,100%{height:29px;opacity:1}}
@keyframes dTrykk1{0%,43%{transform:none}45%{transform:scale(.9);background:#0b5c3b}47%,100%{transform:none}}
@keyframes dTrykk2{0%,62%{transform:none}64%{transform:scale(.9);background:#0b5c3b}66%,100%{transform:none}}
@keyframes dTrykk3{0%,81%{transform:none}83%{transform:scale(.9);background:#0b5c3b}85%,100%{transform:none}}
@keyframes dC3{0%,52%{opacity:1}54%,100%{opacity:0}}
@keyframes dC2{0%,52%{opacity:0}54%,70%{opacity:1}72%,100%{opacity:0}}
@keyframes dC1{0%,72%{opacity:0}74%,89%{opacity:1}91%,100%{opacity:0}}
@keyframes dC0{0%,90%{opacity:0}92%,100%{opacity:1}}
@keyframes dPeker{
  0%,24%{opacity:0;transform:translate(var(--px1),var(--py1)) scale(1)}
  27%{opacity:1;transform:translate(var(--px1),var(--py1)) scale(1)}
  41%{opacity:1;transform:translate(var(--px2),var(--py2)) scale(1)}
  44%{transform:translate(var(--px2),var(--py2)) scale(1)}
  45%{transform:translate(var(--px2),var(--py2)) scale(.82)}
  47%{transform:translate(var(--px2),var(--py2)) scale(1)}
  63%{transform:translate(var(--px2),var(--py2)) scale(1)}
  64%{transform:translate(var(--px2),var(--py2)) scale(.82)}
  66%{transform:translate(var(--px2),var(--py2)) scale(1)}
  82%{transform:translate(var(--px2),var(--py2)) scale(1)}
  83%{transform:translate(var(--px2),var(--py2)) scale(.82)}
  85%{opacity:1;transform:translate(var(--px2),var(--py2)) scale(1)}
  92%,100%{opacity:0;transform:translate(var(--px3),var(--py3)) scale(1)}
}
.d-vindu{--px1:930px;--py1:560px;--px2:832px;--py2:278px;--px3:940px;--py3:430px}
.fs-demo-pause .d-vindu *{animation-play-state:paused!important}

/* ---------------- Hvordan det fungerer (lys) ---------------- */
.fs-trinn{list-style:none;margin:60px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:0 22px;position:relative}
.fs-trinn::before{content:"";position:absolute;left:19px;right:19px;top:19px;height:1px;background:var(--lp-linje)}
.fs-trinn::after{content:"";position:absolute;left:19px;top:16px;width:7px;height:7px;border-radius:50%;background:var(--lp-ink);box-shadow:0 0 0 4px rgba(20,20,20,.1);opacity:0;animation:fsDot 12s linear infinite}
@keyframes fsDot{0%{left:19px;opacity:0}3%{opacity:1}83%{left:calc(100% - 19px);opacity:1}88%,100%{left:calc(100% - 19px);opacity:0}}
.fs-trinn li{position:relative;padding-right:6px}
.fs-node{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--lp-bg);border:1px solid var(--lp-linje);font-family:var(--lp-mono);font-size:12px;color:var(--lp-svak);
  position:relative;z-index:1;animation:fsLys 12s linear infinite}
.fs-trinn li:nth-child(2) .fs-node{animation-delay:2s}
.fs-trinn li:nth-child(3) .fs-node{animation-delay:4s}
.fs-trinn li:nth-child(4) .fs-node{animation-delay:6s}
.fs-trinn li:nth-child(5) .fs-node{animation-delay:8s}
.fs-trinn li:nth-child(6) .fs-node{animation-delay:10s}
@keyframes fsLys{0%{background:var(--lp-bg);border-color:var(--lp-linje);color:var(--lp-svak)}3%,15%{background:var(--lp-ink);border-color:var(--lp-ink);color:var(--lp-bg)}20%,100%{background:var(--lp-bg);border-color:var(--lp-linje);color:var(--lp-svak)}}
.fs-trinn h3{margin:22px 0 7px;font-family:var(--lp-grotesk);font-size:18px;font-weight:500;letter-spacing:-.02em;text-transform:none;color:var(--lp-ink)}
.fs-trinn p{margin:0;font-family:var(--lp-serif);font-size:16px;line-height:1.45}

.fs-prinsipper{display:grid;grid-template-columns:repeat(4,1fr);gap:0 26px;margin-top:80px}
.fs-prinsipper>div{padding-top:16px;border-top:1px solid var(--lp-ink)}
.fs-prinsipper h3{margin:0 0 7px;font-family:var(--lp-grotesk);font-size:17px;font-weight:500;letter-spacing:-.015em;text-transform:none;color:var(--lp-ink)}
.fs-prinsipper p{margin:0;font-family:var(--lp-serif);font-size:16px;line-height:1.5;color:var(--lp-svak)}

/* ---------------- Produktblokker ---------------- */
.fs-blokk{padding:clamp(70px,9vw,120px) 0 0}
.fs-to{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(28px,5vw,72px);align-items:center}
.fs-blokk.fs-snu .fs-to{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr)}
.fs-blokk.fs-snu .fs-tekstkol{order:2}
.fs-blokk h3.fs-h3{margin:16px 0 0;font-family:var(--lp-grotesk);font-weight:400;font-size:clamp(28px,3vw,42px);line-height:1.06;letter-spacing:-.04em;text-transform:none;color:var(--lp-ink);text-wrap:balance}
.fs-blokk .fs-tekstkol>p{margin:20px 0 0;max-width:42ch;font-family:var(--lp-serif);font-size:18px;line-height:1.5}
.fs-liste{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:0}
.fs-liste li{padding:12px 0 12px 0;border-top:1px solid var(--lp-linje);font-family:var(--lp-serif);font-size:16.5px;line-height:1.4}
.fs-liste li:last-child{border-bottom:1px solid var(--lp-linje)}

/* Produktbildene sitter i grå celler med hjørnemerker */
.fs-vis{position:relative;padding:clamp(16px,3.4vw,46px);background:var(--lp-celle);min-height:360px;display:grid;align-items:center}
.fs-vis::before,.fs-vis::after{content:"";position:absolute;top:0;width:2px;height:10px;background:var(--lp-svak)}
.fs-vis::before{left:0}.fs-vis::after{right:0}
.fs-vis-inn{opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.fs-vis-inn.i-synlig{opacity:1;transform:none}

.m-vindu{background:#fff;border-radius:8px;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 24px 44px -26px rgba(0,0,0,.35);overflow:hidden;text-align:left;font-family:var(--lp-grotesk)}
.m-topp{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f1f1f3;border-bottom:1px solid rgba(0,0,0,.07);font-size:12.5px;font-weight:600;color:#68686f}
.m-topp i{width:10px;height:10px;border-radius:50%;background:#d4d4d8}
.m-topp span{margin-left:8px}
.m-kropp{padding:16px 18px 18px}
.m-etikett{margin:0 0 10px;font-family:var(--lp-mono);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:#68686f}

/* Bemanning, som en flat rangeringstabell */
.m-kand{display:grid;grid-template-columns:26px 1fr auto;gap:12px;align-items:start;padding:14px 0;border-top:1px solid rgba(0,0,0,.08)}
.m-kand:first-of-type{border-top:0}
.m-rang{padding-top:3px;font-family:var(--lp-mono);font-size:12.5px;color:#68686f}
.m-navn{font-size:15px;font-weight:600;letter-spacing:-.01em}
.m-navn small{font-weight:400;font-size:12.5px;color:#68686f;margin-left:6px}
.m-hvorfor{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.m-hvorfor em{font-style:normal;font-size:11.5px;padding:2px 8px;border-radius:3px;background:#e4f5ec;color:#0b5c3b}
.m-hvorfor em.rod{background:#fce9e7;color:#a32a20}
.m-poeng{text-align:right;min-width:78px}
.m-poeng b{display:block;font-family:var(--lp-mono);font-size:19px;letter-spacing:-.03em}
.m-poeng i{display:block;width:70px;height:4px;margin:5px 0 0 auto;border-radius:99px;background:#ececf0;overflow:hidden;position:relative}
.m-poeng i::after{content:"";position:absolute;inset:0;width:var(--b);background:#107a4e;border-radius:99px}
.m-poeng.p90{--b:90%}.m-poeng.p71{--b:71%}.m-poeng.p0{--b:0%}
.m-foreslatt{margin-top:9px;display:inline-flex;gap:6px;align-items:center;padding:5px 11px;border-radius:4px;background:#191919;color:#fff;font-size:12px;font-weight:600}
.m-anbefalt{background:repeating-linear-gradient(-60deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 1px,transparent 1px,transparent 2px);margin:0 -18px;padding-left:18px;padding-right:18px}
.m-kand.dempet .m-navn{color:#8a8a92}

/* Kundens tilbud */
.t-side{max-width:430px;margin:0 auto}
.t-hode{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.08)}
.t-firma{font-weight:700;font-size:17px;letter-spacing:-.02em}
.t-firma small{display:block;font-weight:400;font-size:12px;color:#68686f;letter-spacing:0}
.t-merke{padding:3px 9px;border-radius:3px;background:#e4f5ec;color:#0b5c3b;font-size:11.5px;font-weight:600;white-space:nowrap}
.t-linje{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid rgba(0,0,0,.06);font-size:14.5px}
.t-linje>span:last-child{font-family:var(--lp-mono);font-size:14px}
.t-sum{display:flex;justify-content:space-between;padding:14px 0 4px;font-size:16px;font-weight:700}
.t-sum>span:last-child{font-family:var(--lp-mono)}
.t-vilkar{margin:10px 0 0;font-size:12px;line-height:1.45;color:#68686f}
.t-knapp{display:block;margin-top:16px;padding:13px;border-radius:4px;background:#191919;color:#fff;text-align:center;font-weight:600;font-size:15px}
.t-fot{margin:9px 0 0;text-align:center;font-size:12px;color:#68686f}

/* Mobilapp for mannskapet */
.p-telefon{width:min(290px,100%);margin:0 auto;border-radius:40px;background:#101012;padding:11px;box-shadow:0 30px 50px -28px rgba(0,0,0,.6),0 0 0 1.5px #3a3a40 inset;font-family:var(--lp-grotesk)}
.p-skjerm{border-radius:30px;background:#f6f6f4;overflow:hidden;padding:0 0 18px;min-height:540px;position:relative;font-size:13.5px;text-align:left}
.p-hull{position:absolute;left:50%;top:9px;width:86px;height:24px;border-radius:99px;background:#101012;transform:translateX(-50%)}
.p-topp{padding:44px 18px 10px}
.p-topp h4{margin:0;font-size:24px;font-weight:700;letter-spacing:-.035em}
.p-topp small{color:#68686f}
.p-kort{margin:8px 14px 0;padding:14px;border-radius:14px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.05),0 8px 20px -14px rgba(0,0,0,.25)}
.p-kort b{display:block;font-size:15.5px;letter-spacing:-.015em}
.p-kort small{color:#68686f;font-size:12.5px}
.p-start{display:block;margin-top:12px;padding:13px;border-radius:10px;background:#107a4e;color:#fff;text-align:center;font-weight:700;font-size:15px}
.p-sjekk{margin:12px 14px 0;padding:6px 14px;border-radius:14px;background:#fff}
.p-sjekk div{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(0,0,0,.06);font-size:13.5px}
.p-sjekk div:first-child{border-top:0}
.p-sjekk i{flex:none;width:18px;height:18px;border-radius:50%;border:1.5px solid #c8c8ce;display:grid;place-items:center}
.p-sjekk i.ok{background:#107a4e;border-color:#107a4e}
.p-sjekk i.ok::after{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.p-knapper{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 14px 0}
.p-knapper>span{padding:11px;border-radius:10px;background:#fff;text-align:center;font-weight:600;font-size:13px;box-shadow:0 1px 0 rgba(0,0,0,.05)}

/* Marginer */
.g-rad{display:grid;grid-template-columns:130px 1fr 52px;gap:14px;align-items:center;padding:11px 0;border-top:1px solid rgba(0,0,0,.07);font-size:14.5px}
.g-rad:first-of-type{border-top:0}
.g-bar{height:8px;background:#ececf0;position:relative;overflow:hidden}
.g-bar::after{content:"";position:absolute;inset:0;width:0;background:#191919;transition:width 1.3s cubic-bezier(.16,1,.3,1) .25s}
.i-synlig .g-bar::after{width:var(--w)}
.g-rad b{text-align:right;font-family:var(--lp-mono);font-size:14px;letter-spacing:-.02em}
.g-bar.w65{--w:65%}.g-bar.w49{--w:49%}.g-bar.w44{--w:44%}.g-bar.w42{--w:42%}.g-bar.w38{--w:38%}
.g-fot{margin:12px 0 0;font-size:12px;color:#68686f}

/* ---------------- Sort: åpen for AI-agenter ---------------- */
.fs-api-stage{margin-top:clamp(80px,10vw,130px);padding:clamp(48px,7vw,104px) 0}
.fs-api{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center}
.fs-api .fs-h2{max-width:14ch}
.fs-api>div>p{margin:22px 0 0;max-width:46ch;font-family:var(--lp-serif);font-size:18px;line-height:1.5;color:rgba(239,238,235,.66)}
.fs-api .fs-liste li{border-color:rgba(239,238,235,.16);color:rgba(239,238,235,.86)}
.fs-api .fs-liste li:last-child{border-color:rgba(239,238,235,.16)}
.k-vindu{border-radius:8px;background:#0e0f0e;box-shadow:0 0 0 1px rgba(255,255,255,.12);overflow:hidden;text-align:left}
.k-topp{display:flex;align-items:center;gap:6px;padding:11px 14px;background:#161816;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--lp-mono);font-size:12px;color:rgba(239,238,235,.55)}
.k-topp i{width:10px;height:10px;border-radius:50%;background:#2c302e}
.k-topp span{margin-left:8px}
.k-kropp{margin:0;padding:18px 20px 20px;overflow-x:auto;font-family:var(--lp-mono);font-size:13px;line-height:1.7;color:#d6d9d4;white-space:pre}
.k-m{color:#86e3ae}.k-s{color:#f0b98a}.k-t{color:#8fb4ff}.k-d{color:rgba(239,238,235,.4)}
.k-fot{padding:10px 20px 14px;border-top:1px solid rgba(255,255,255,.08);font-family:var(--lp-mono);font-size:11.5px;color:rgba(239,238,235,.45)}

/* ---------------- Trygghet ---------------- */
.fs-trygg-kol{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,56px);margin-top:48px}
.fs-trygg-kol>div{padding-top:16px;border-top:1px solid var(--lp-ink)}
.fs-trygg-kol h3{margin:0 0 8px;font-family:var(--lp-grotesk);font-size:18px;font-weight:500;letter-spacing:-.02em;text-transform:none;color:var(--lp-ink)}
.fs-trygg-kol p{margin:0;font-family:var(--lp-serif);font-size:17px;line-height:1.5;color:var(--lp-svak)}

/* ---------------- FAQ ---------------- */
.fs-faq-rutenett{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(24px,5vw,80px);align-items:start;border-top:1px solid var(--lp-linje);padding-top:14px}
.fs-faq-rutenett .fs-h2{margin-top:18px}
.fs-faq details{border-top:1px solid var(--lp-linje)}
.fs-faq details:first-child{border-top:0}
.fs-faq details:not(:last-child){border-bottom:0}
.fs-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:20px 0;font-size:18px;font-weight:500;letter-spacing:-.02em}
.fs-faq summary::-webkit-details-marker{display:none}
.fs-faq summary::after{content:"+";flex:none;font-family:var(--lp-mono);font-weight:400;font-size:19px;color:var(--lp-svak)}
.fs-faq details[open] summary::after{content:"–"}
.fs-faq details p{margin:0 0 24px;max-width:58ch;font-family:var(--lp-serif);font-size:17.5px;line-height:1.5}

/* ---------------- Avslutning ---------------- */
.fs-slutt-stage{margin-top:clamp(80px,10vw,130px);padding:clamp(64px,10vw,130px) 24px;text-align:center}
.fs-slutt-stage::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(50% 70% at 50% 115%,rgba(134,227,174,.26),transparent 70%)}
.fs-slutt-stage .fs-h2{margin-inline:auto;max-width:13ch;font-size:clamp(38px,6vw,84px);line-height:.98;letter-spacing:-.05em}
.fs-slutt-stage p.fs-slutt-tekst{margin:22px auto 0;max-width:40ch;font-size:18px;line-height:1.5;color:rgba(239,238,235,.62)}
.fs-slutt-stage .lp-knapper{justify-content:center}

.fs-bunn{padding:44px 0 40px}
.fs-bunn .fs-wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px 28px}
.fs-bunn-merke{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.fs-bunn nav{display:flex;flex-wrap:wrap;gap:8px 24px}
.fs-bunn nav a{font-size:14.5px;color:var(--lp-svak)}
.fs-bunn nav a:hover{color:var(--lp-ink);text-decoration:underline;text-underline-offset:4px}

/* ---------------- Mindre skjermer ---------------- */
@media (max-width:1020px){
  .fs-trinn{grid-template-columns:repeat(3,1fr);gap:46px 22px}
  .fs-trinn::before,.fs-trinn::after{display:none}
  .fs-prinsipper{grid-template-columns:repeat(2,1fr);gap:30px 26px}
  .fs-to,.fs-blokk.fs-snu .fs-to,.fs-api,.fs-faq-rutenett,.fs-intro-rutenett{grid-template-columns:1fr}
  .fs-blokk.fs-snu .fs-tekstkol{order:0}
  .fs-trygg-kol{grid-template-columns:1fr}
}
@media (max-width:760px){
  .fs-meny,.fs-handl .fs-logginn{display:none}
  .fs-hero-stage{padding:70px 20px 110px}
  .fs-trinn{grid-template-columns:1fr 1fr}
  .fs-prinsipper{grid-template-columns:1fr}
  .fs-celler ul{grid-template-columns:repeat(2,1fr)}
  .g-rad{grid-template-columns:96px 1fr 44px;gap:10px}
  .fs-rull span{display:none}
}
@media (prefers-reduced-motion:reduce){
  .d-vindu *,.fs-trinn::after,.fs-node{animation:none!important}
  .fs-vis-inn{opacity:1;transform:none;transition:none}
  .g-bar::after{width:var(--w);transition:none}
}

/* ---------------- Cognition-linje: lys hero, svart brukes bare til demo og API ---------------- */
.fs-stage.fs-hero-stage{background:transparent;color:var(--lp-ink);border-radius:0;margin:0}
.fs-hero-stage .fs-h1{color:var(--lp-ink);font-weight:400;font-size:clamp(40px,6.4vw,92px);letter-spacing:-.045em;line-height:1}
.fs-hero-stage .fs-ingress{font-family:var(--lp-serif);color:var(--lp-svak);max-width:40ch}
.lp .fs-hero-stage a.lp-knapp{background:var(--lp-knapp);border-color:var(--lp-knapp);color:var(--lp-knapp-tekst)}
.lp .fs-hero-stage a.lp-knapp.lp-sekundaer{background:transparent;color:var(--lp-ink);border-color:var(--lp-ink)}
.lp .fs-hero-stage a.lp-knapp.lp-sekundaer:hover{background:var(--lp-ink);color:var(--lp-bg)}
.fs-hero-stage .lp-mikro,.fs-hero-stage .lp-etikett,.fs-hero-stage .fs-rull{color:var(--lp-svak)}
.fs-hero-stage .fs-rull i{border-color:var(--lp-linje);color:var(--lp-ink)}