/* ============================================================
   BEVR — konsulenthus for strategi, økonomi, teknologi og AI
   Bevr-struktur · BizScout-gul #F8D28C (lys, ink-tekst oppå)
   Display: Schibsted Grotesk · Brød: Inter · Data: IBM Plex Mono
   Radius: nesten firkantet (5px), piller og sirkler beholdes
   ============================================================ */

:root{
  --paper:#FFFFFF;
  --panel:#F4F5F7;
  --panel-2:#EEF0F3;
  --ink:#0B1023;
  --ink-2:#161C33;
  --mute:#5E6472;
  --soft:#8A8F9E;
  --line:#E8E9ED;
  --line-dark:rgba(255,255,255,.12);

  /* BizScout-gul: lys smørgul flate, alltid med mørk tekst oppå */
  --gold:#F8D28C;
  --gold-deep:#EFC170;
  --gold-soft:#FBEBCE;
  --gold-faint:#FDF6EA;
  --gold-line:#D9A54B;      /* kun til grafstrek/ikondetalj, aldri brødtekst */

  /* korttoner i tjenestestabelen */
  --tone-sand:#F6F1E7;
  --tone-cool:#ECF0F5;
  --tone-lilac:#EFEDF6;

  --white:#FFFFFF;
  --ease:cubic-bezier(.22,.61,.21,1);
  --r:5px;      /* standard: så vidt myket opp */
  --r-in:4px;   /* små innvendige flater */
  --shadow:0 2px 6px rgba(11,16,35,.05),0 18px 44px rgba(11,16,35,.09);
  --shadow-sm:0 1px 3px rgba(11,16,35,.05),0 8px 20px rgba(11,16,35,.07);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{
  font-family:'Inter',system-ui,sans-serif;
  font-size:16px;line-height:1.6;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
h1,h2,h3,h4{font-family:'Schibsted Grotesk',sans-serif;font-weight:600;line-height:1.12;letter-spacing:-.022em}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
::selection{background:var(--gold-soft);color:var(--ink)}

.wrap{max-width:1200px;margin:0 auto;padding:0 32px}

/* ---------- knapper (beholder pilleform) ---------- */
.btn{
  display:inline-flex;align-items:center;gap:9px;
  padding:13px 24px;border-radius:999px;
  font-weight:500;font-size:15px;line-height:1;
  transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);
  white-space:nowrap;
}
.btn svg{transition:transform .25s var(--ease)}
.btn:hover svg{transform:translateX(3px)}
.btn-gold{background:var(--gold);color:var(--ink)}
.btn-gold:hover{background:var(--gold-deep)}
.btn-ink{background:var(--ink);color:var(--white)}
.btn-ink:hover{background:var(--ink-2)}
.btn-ghost{border:1px solid var(--line);background:var(--white)}
.btn-ghost:hover{border-color:var(--ink)}

.link-more{
  display:inline-flex;align-items:center;gap:8px;
  font-weight:500;font-size:15px;color:var(--ink);
  border-bottom:1px solid var(--ink);padding-bottom:2px;
}
.link-more svg{transition:transform .25s var(--ease)}
.link-more:hover svg{transform:translateX(3px)}

/* ---------- nav ---------- */
.nav{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  margin-top:76px;
}
/* Bredere ramme enn innholdet (1200) så nav-en puster med den fullbredde heroen,
   og CTA-en får samme marg mot høyre kant som ordmerket har mot venstre.
   Menyen sentreres absolutt, ikke med grid-kolonner: CTA-en er bredere enn
   ordmerket, så like fr-kolonner ville skjøvet menyen av splitten. */
.nav-inner{
  max-width:1340px;margin:0 auto;padding:0 32px;position:relative;
  display:flex;align-items:center;justify-content:space-between;height:90px;
}
.brand{
  font-family:'Schibsted Grotesk',sans-serif;
  font-weight:600;font-size:24px;letter-spacing:-.05em;
  line-height:1;color:var(--ink);
}
.menu{
  position:absolute;left:50%;transform:translateX(-50%);
  display:flex;align-items:center;gap:4px;list-style:none;
}
.menu>li{position:relative}
.menu a,.menu button{
  display:inline-flex;align-items:center;gap:6px;
  padding:9px 13px;border-radius:var(--r);font-size:15px;color:var(--ink);
  transition:background .2s var(--ease);
}
.menu a:hover,.menu button:hover{background:var(--panel)}
.menu .caret{transition:transform .25s var(--ease);opacity:.55}
.menu li:hover .caret{transform:rotate(180deg)}
.drop{
  position:absolute;top:calc(100% + 8px);left:0;min-width:240px;
  background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--shadow);padding:8px;
  opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s;
}
.menu li:hover .drop,.menu li:focus-within .drop{opacity:1;visibility:visible;transform:translateY(0)}
.drop a{display:flex;flex-direction:column;gap:1px;padding:10px 12px;border-radius:var(--r-in)}
.drop a b{font-weight:550;font-size:14.5px}
.drop a span{font-size:12.5px;color:var(--mute)}
.nav-cta{display:flex;align-items:center;gap:8px}
.burger{display:none;flex-direction:column;gap:5px;padding:10px}
.burger span{width:22px;height:2px;background:var(--ink);transition:transform .3s var(--ease),opacity .3s}
.nav.open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav.open .burger span:nth-child(2){opacity:0}
.nav.open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.m-menu{
  display:none;position:fixed;inset:0;background:var(--paper);z-index:99;
  padding:120px 32px 28px;flex-direction:column;gap:4px;overflow:auto;
}
.m-menu.open{display:flex}
.m-menu a{padding:14px 4px;font-size:20px;font-family:'Schibsted Grotesk',sans-serif;font-weight:500;border-bottom:1px solid var(--line)}
.m-menu .m-small{font-size:15px;font-family:'Inter',sans-serif;font-weight:400;color:var(--mute)}
.m-menu .btn{margin-top:18px;justify-content:center}

/* ---------- hero: ekte 50/50-split ---------- */
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.hero-left{display:flex;justify-content:flex-end;background:var(--paper)}
.hero-left-inner{
  width:min(580px,100%);
  padding:150px 78px 150px 32px;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
}
.hero-left-inner h1{
  font-size:clamp(34px,3.5vw,50px);font-weight:500;
  letter-spacing:-.035em;line-height:1.08;margin-bottom:26px;
}
.hero-left-inner p{max-width:40ch;color:var(--mute);font-size:16px;margin-bottom:34px}
.hero-cta{display:flex;align-items:center;gap:28px;flex-wrap:wrap}

.hero-stage{
  position:relative;isolation:isolate;overflow:hidden;
  display:grid;place-items:center;
  padding:80px 48px;min-height:764px;
  background:linear-gradient(168deg,#F6F7FA 0%,#F4F4F6 50%,#F6F3EE 100%);
}
.hero-stage::before{
  content:'';position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(540px 420px at 88% 8%,rgba(248,210,140,.34),transparent 66%),
    radial-gradient(520px 440px at 6% 96%,rgba(183,197,232,.30),transparent 64%);
  animation:drift 22s ease-in-out infinite alternate;
}
@keyframes drift{to{transform:translate3d(0,-16px,0) scale(1.06)}}

/* hero-visual: chat-løkka */
.hv{position:relative;width:min(404px,100%);height:430px}
.hv-el{
  position:absolute;left:0;right:0;
  opacity:0;transform:translateY(16px);
  transition:opacity .55s var(--ease),transform .55s var(--ease);
  will-change:opacity,transform;
}
/* Steg 1–2 stables i flyt, ikke med faste top-verdier. Kundeboblen bryter
   til tre linjer på smale skjermer, og da må resten forskyve seg selv. */
.hv-stack{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;gap:20px}
.hv-stack>.hv-el{position:static}
.hv-el.show{opacity:1;transform:translateY(0)}
.hv-el.gone{opacity:0;transform:translateY(-16px);pointer-events:none}
.hv-el.right{display:flex;flex-direction:column;align-items:flex-end}

.hv-label{font-size:13.5px;color:var(--mute);margin-bottom:8px}
.bubble{
  display:inline-flex;align-items:center;gap:11px;
  background:var(--white);border-radius:var(--r);
  box-shadow:var(--shadow-sm);
  padding:15px 18px;font-size:15px;
  width:max-content;max-width:100%;
}
.bubble .avatar{
  width:28px;height:28px;border-radius:50%;flex:none;
  display:grid;place-items:center;overflow:hidden;
  background:var(--ink);color:var(--white);
  font-family:'Schibsted Grotesk',sans-serif;font-weight:600;font-size:12.5px;
}
/* navngitt avsender får portrett i stedet for initial */
.bubble .avatar.foto{background:none;box-shadow:0 0 0 1.5px rgba(255,255,255,.7)}
.bubble .avatar.foto img{width:100%;height:100%;object-fit:cover;display:block}
.bubble.accent{background:var(--gold);color:var(--ink);box-shadow:0 10px 26px rgba(217,165,75,.32)}
.bubble .txt{min-height:1.4em}
.caret-blink::after{content:'';display:inline-block;width:1.5px;height:1em;background:currentColor;margin-left:2px;vertical-align:-2px;animation:blink .9s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

.qcard{background:var(--white);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:18px 20px}
.qcard-head{display:flex;align-items:center;justify-content:space-between;font-weight:550;font-size:15px}
.spin{
  width:16px;height:16px;border-radius:50%;flex:none;
  border:2px solid var(--line);border-top-color:var(--ink);
  animation:spin 1s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}
.checks{list-style:none;margin-top:6px}
.checks li{
  display:flex;align-items:center;gap:10px;
  padding:9px 2px;font-size:14px;color:var(--mute);
  opacity:0;transform:translateY(6px);
  transition:opacity .4s var(--ease),transform .4s var(--ease);
}
.checks li.on{opacity:1;transform:translateY(0)}
.checks .ck{width:18px;height:18px;border-radius:50%;flex:none;background:var(--ink);display:grid;place-items:center}
.checks .ck svg{width:9px;height:9px;stroke:var(--white)}

.fcard{background:var(--white);border-radius:var(--r);box-shadow:var(--shadow);padding:24px}
.fcard h4{font-size:16px;margin-bottom:16px}
.fld{margin-bottom:12px}
.fld label{display:block;font-size:11px;color:var(--soft);margin-bottom:5px;font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.07em}
.fld .box{border:1px solid var(--line);border-radius:var(--r-in);padding:9px 12px;font-size:14px;min-height:38px;transition:border-color .3s}
.fld.active .box{border-color:var(--ink)}
.fcard .send{
  width:100%;margin-top:8px;background:var(--ink);color:var(--white);
  border-radius:999px;padding:12px;display:flex;justify-content:center;align-items:center;
  overflow:hidden;transition:background .25s var(--ease);
}
.fcard .send:hover{background:var(--ink-2)}
.fcard .send svg{transition:transform .35s var(--ease),opacity .35s}
.fcard .send.go svg{transform:translateX(160px);opacity:0}

.rcard{background:var(--white);border-radius:var(--r);box-shadow:var(--shadow);padding:24px}
.rcard-top{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.rcard-top .logo{
  width:34px;height:34px;border-radius:var(--r);background:var(--ink);color:var(--white);
  display:grid;place-items:center;flex:none;
  font-family:'Schibsted Grotesk',sans-serif;font-weight:600;font-size:15px;letter-spacing:-.04em;
}
.rcard-top b{display:block;font-size:15px}
.rcard-top span{font-size:12.5px;color:var(--mute)}
.rcard .desc{font-size:14px;color:var(--mute);margin:8px 0 14px}
.rgraf{background:var(--gold-faint);border-radius:var(--r);padding:16px;display:flex;align-items:center;gap:16px}
.rgraf svg{flex:1;min-width:0}
.rgraf .pct{font-family:'Schibsted Grotesk',sans-serif;font-weight:600;font-size:26px;letter-spacing:-.03em}
.rgraf .pct small{display:block;font-size:11.5px;color:var(--mute);font-weight:400;font-family:'Inter',sans-serif;letter-spacing:0}
.rcard .accept{width:100%;margin-top:14px;background:var(--ink);color:var(--white);border-radius:999px;padding:12px;font-size:14.5px;font-weight:500}
.rcard .accept:hover{background:var(--ink-2)}
.spark-line{fill:none;stroke:var(--gold-line);stroke-width:2.5;stroke-linecap:round}
.spark-fill{fill:url(#sparkfill);opacity:0}
.spark-line.draw{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:draw 1.4s var(--ease) forwards}
.spark-line.draw+.spark-fill{animation:fadein .8s .8s var(--ease) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fadein{to{opacity:1}}

/* ---------- trust-rad ---------- */
.trust{border-top:1px solid var(--line);padding:28px 0;background:var(--paper)}
.trust-inner{max-width:1200px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:36px}
.trust-inner>span{font-size:13.5px;color:var(--mute);white-space:nowrap}
.marq{overflow:hidden;flex:1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marq-track{display:flex;gap:56px;width:max-content;animation:marq 32s linear infinite}
.marq:hover .marq-track{animation-play-state:paused}
.marq-track span{font-family:'Schibsted Grotesk',sans-serif;font-weight:600;font-size:18px;color:var(--ink);opacity:.45;white-space:nowrap;letter-spacing:-.02em}
@keyframes marq{to{transform:translateX(-50%)}}

/* ---------- seksjonsrammer ---------- */
.sec{padding:110px 0}
.sec-tight{padding:80px 0}
.kicker{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin-bottom:18px;display:block}
.h2{font-size:clamp(28px,3vw,40px);font-weight:500;letter-spacing:-.03em}
.sec-head{max-width:620px;margin:0 auto 64px;text-align:center}
.sec-head p{color:var(--mute);margin-top:16px;font-size:16px}

/* ---------- statistikk-kort (x3) ---------- */
.stat3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.scard-visual{border-radius:var(--r);height:clamp(340px,30vw,420px);overflow:hidden;position:relative;display:grid;place-items:center;padding:28px}
.scard-visual.light{background:var(--panel)}
.scard-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.grad-duo{background:linear-gradient(150deg,#F9DFC0 0%,#F1DCD4 32%,#D5DEEF 68%,#BFD3F2 100%)}
.scard h3{font-size:18.5px;margin:24px 0 8px;font-weight:600;line-height:1.35;letter-spacing:-.015em}
.scard p{font-size:14.5px;color:var(--mute)}

.pay-card{position:relative;background:var(--white);border-radius:var(--r);box-shadow:var(--shadow);padding:20px;width:min(320px,100%)}
.pc-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.pc-logo{
  width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--white);
  display:grid;place-items:center;flex:none;
  font-family:'Schibsted Grotesk',sans-serif;font-weight:600;font-size:14px;letter-spacing:-.04em;
}
.pc-head b{display:block;font-size:14px;line-height:1.25}
.pc-head span{font-size:12px;color:var(--mute)}
.pc-amt{margin-left:auto;font-family:'Schibsted Grotesk',sans-serif;font-weight:600;font-size:15px;align-self:flex-start;letter-spacing:-.02em}
.pay-row{
  display:flex;justify-content:space-between;align-items:center;
  border:1px solid var(--line);border-radius:var(--r-in);padding:11px 13px;
  font-size:13px;margin-top:9px;
  opacity:0;transform:translateY(8px);
  transition:opacity .5s var(--ease),transform .5s var(--ease);
}
.pay-row span{color:var(--mute)}
.pay-row b{font-weight:550;font-family:'IBM Plex Mono',monospace;font-size:12.5px}
.rv.in .pay-row{opacity:1;transform:none}
.rv.in .pay-row:nth-of-type(1){transition-delay:.35s}
.rv.in .pay-row:nth-of-type(2){transition-delay:.55s}

.tl-card{position:absolute;left:22px;bottom:22px;width:min(300px,calc(100% - 44px));background:var(--white);border-radius:var(--r);box-shadow:var(--shadow);padding:16px 18px}
.tl-item{
  position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:8px 0 8px 22px;font-size:13px;
  opacity:0;transform:translateY(8px);
  transition:opacity .5s var(--ease),transform .5s var(--ease);
}
.tl-item::before{content:'';position:absolute;left:4px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--gold-line)}
.tl-item::after{content:'';position:absolute;left:7px;top:calc(50% + 8px);bottom:-12px;width:2px;background:var(--gold-soft)}
.tl-item:last-child::after{display:none}
.tl-item span{font-weight:500}
.tl-item b{font-weight:400;color:var(--mute);font-size:12px;white-space:nowrap}
.rv.in .tl-item{opacity:1;transform:none}
.rv.in .tl-item:nth-child(1){transition-delay:.3s}
.rv.in .tl-item:nth-child(2){transition-delay:.55s}
.rv.in .tl-item:nth-child(3){transition-delay:.8s}

.status-card{background:var(--white);border-radius:var(--r);box-shadow:var(--shadow);padding:20px;width:min(320px,100%)}
.sc-head{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:4px}
.sc-head b{font-size:14px}
.sc-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-size:13px}
.sc-row>span:first-child{color:var(--mute)}
.sc-row b{font-weight:550}
.sc-events{border-top:1px solid var(--line);margin-top:4px;padding-top:10px}
.sc-events>span{font-size:11px;color:var(--soft);font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.07em}
.ev-row{
  display:flex;align-items:center;gap:10px;padding:8px 0;font-size:12.5px;
  opacity:0;transform:translateY(8px);
  transition:opacity .5s var(--ease),transform .5s var(--ease);
}
.ev-row .ev-ico{width:22px;height:22px;border-radius:var(--r-in);background:var(--panel);display:grid;place-items:center;flex:none;color:var(--mute)}
.ev-row b{font-weight:500}
.ev-row time{margin-left:auto;color:var(--soft);font-size:11.5px;white-space:nowrap}
.rv.in .ev-row{opacity:1;transform:none}
.rv.in .ev-row:nth-of-type(1){transition-delay:.4s}
.rv.in .ev-row:nth-of-type(2){transition-delay:.65s}
.pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:500}
.pill.ok{background:#E5F3EA;color:#1D7A46}
.pill.wait{background:var(--panel-2);color:var(--mute)}
.pill.run{background:#EAE8F7;color:#4D3F8F}

.float{animation:float 6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* ---------- verdikjede: sticky kortstabel ---------- */
/* Kortene fader IKKE inn — de dras over hverandre av scrollen.
   .rv beholdes så observeren fortsatt trigger grafene inni. */
.featstack{display:flex;flex-direction:column;gap:44px}
.fs-item{position:sticky;top:calc(118px + var(--i,0) * 16px)}
.featrow{
  display:grid;grid-template-columns:1fr 1fr;
  background:var(--white);border-radius:0;
  overflow:hidden;min-height:660px;
  box-shadow:0 -1px 0 rgba(11,16,35,.04),0 -18px 50px -28px rgba(11,16,35,.30);
}
.featrow.rv{opacity:1;transform:none;transition:none}
.featrow.alt .fr-media{order:-1}
.featrow.tone-sand{background:var(--tone-sand)}
.featrow.tone-cool{background:var(--tone-cool)}
.featrow.tone-lilac{background:var(--tone-lilac)}
.featrow.tone-ink{background:var(--ink);color:var(--white)}
.featrow.tone-ink .fr-copy p{color:rgba(255,255,255,.68)}
.featrow.tone-ink .fr-copy .tag{background:rgba(255,255,255,.1);color:rgba(255,255,255,.75)}
.featrow.tone-ink .link-more{color:var(--white);border-bottom-color:var(--gold)}

.fr-copy{padding:88px 78px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.fr-copy .tag{
  font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--mute);background:rgba(11,16,35,.06);padding:6px 12px;border-radius:var(--r-in);margin-bottom:26px;
}
.fr-copy h3{font-size:clamp(27px,2.7vw,38px);font-weight:500;letter-spacing:-.032em;margin-bottom:20px}
.fr-copy p{color:var(--mute);font-size:16.5px;margin-bottom:32px;max-width:42ch}
.fr-media{position:relative;background:var(--panel-2);min-height:420px}
.fr-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fr-media .mockwrap{position:absolute;inset:0;display:grid;place-items:center;padding:48px}
.fr-media.tint-a{background:linear-gradient(150deg,#F9DFC0,#EFDCD8 46%,#CBD8EE)}
.fr-media.tint-b{background:linear-gradient(150deg,#2A3154,#3B4470 55%,#525C8C)}

.minidash{background:var(--white);border-radius:var(--r);box-shadow:var(--shadow);width:min(400px,92%);padding:22px;color:var(--ink)}
.minidash .md-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.minidash .md-head b{font-size:14.5px}
.minidash .md-head span{font-size:11px;color:var(--soft);font-family:'IBM Plex Mono',monospace}
.md-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}
.md-kpi{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-in);padding:10px 11px}
.md-kpi b{display:block;font-family:'Schibsted Grotesk',sans-serif;font-size:17px;letter-spacing:-.03em}
.md-kpi span{font-size:10.5px;color:var(--mute)}
.md-kpi .up{color:#1D7A46;font-size:10.5px}

/* ---------- plattform-karusell ---------- */
.caro-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:44px}
.caro-head .h2{max-width:560px}
.arrows{display:flex;gap:10px}
.arr{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--white);display:grid;place-items:center;transition:border-color .2s,background .2s}
.arr:hover{border-color:var(--ink)}
.arr:disabled{opacity:.35;cursor:default}
/* blør ut mot høyre skjermkant, så kort 3 så vidt titter fram */
.caro{
  display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding-bottom:8px;padding-right:32px;scrollbar-width:none;
  margin-right:min(0px,calc((100% - 100vw)/2 + 32px));
}
.caro::-webkit-scrollbar{display:none}
.pcard{flex:0 0 min(540px,84%);scroll-snap-align:start}
.pcard-visual{border-radius:var(--r);height:452px;position:relative;overflow:hidden;display:grid;place-items:center;padding:44px 44px 0}
.pv-a{background:linear-gradient(150deg,#F9DFC0,#EFDCD8 45%,#CBD8EE)}
.pv-b{background:linear-gradient(150deg,#E9E7F5,#D8D2EC 55%,#C1B8DE)}
.pv-c{background:linear-gradient(150deg,#12172B,#232B4A 60%,#39415F)}
.pcard h3{font-size:18px;margin:24px 0 6px}
.pcard>p{font-size:14.5px;color:var(--mute);max-width:52ch}

.browser{width:100%;height:100%;background:var(--white);border-radius:var(--r) var(--r) 0 0;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}
.b-top{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid var(--line);flex:none}
.b-top i{width:9px;height:9px;border-radius:50%;background:var(--line)}
.b-top .url{margin-left:10px;flex:1;background:var(--panel);border-radius:var(--r-in);font-size:10.5px;color:var(--mute);padding:4px 10px;font-family:'IBM Plex Mono',monospace}
.b-body{flex:1;padding:18px;overflow:hidden}

.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.dash-kpi{border:1px solid var(--line);border-radius:var(--r-in);padding:11px 13px}
.dash-kpi span{font-size:10.5px;color:var(--mute);display:block}
.dash-kpi b{font-family:'Schibsted Grotesk',sans-serif;font-size:20px;letter-spacing:-.03em}
.dash-kpi .up{color:#1D7A46;font-size:10.5px;margin-left:4px}
.chart-box{border:1px solid var(--line);border-radius:var(--r-in);padding:12px;height:186px}
.chart-box svg{width:100%;height:100%}
.grid-line{stroke:var(--line);stroke-width:1}
.c-line{fill:none;stroke:var(--gold-line);stroke-width:2}
.c-line2{fill:none;stroke:var(--ink);stroke-width:2;opacity:.22}
.c-area{fill:url(#areafill)}
.rv.in .c-anim{stroke-dasharray:var(--len,600);stroke-dashoffset:var(--len,600);animation:draw 1.6s .3s var(--ease) forwards}

.tbl{width:100%;font-size:11.5px}
.tbl .tr{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;padding:9px 6px;border-bottom:1px solid var(--line);align-items:center}
.tbl .tr.head{color:var(--soft);font-family:'IBM Plex Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em}

.kan{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;height:100%}
.kan-col{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-in);padding:10px}
.kan-col>span{font-size:10px;font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--soft);display:block;margin-bottom:8px}
.kan-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-in);padding:9px 10px;font-size:11px;margin-bottom:8px;box-shadow:0 1px 2px rgba(11,16,35,.04)}
.kan-card b{display:block;font-size:11.5px;font-weight:550}
.kan-card span{color:var(--mute);font-size:10px}

/* ---------- Bevr AI 2x2 ---------- */
.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.acard{border-radius:var(--r);overflow:hidden;min-height:470px;display:flex;flex-direction:column}
.acard-light{background:var(--panel);color:var(--ink)}
.acard-dark{background:var(--ink);color:var(--white)}
.acard-copy{padding:42px 42px 8px}
.acard-copy h3{font-size:21px;margin-bottom:8px}
.acard-copy p{font-size:14.5px;opacity:.72;max-width:48ch}
.acard-stage{flex:1;display:grid;place-items:end center;padding:28px 42px 0}
.acard-stage>*{width:min(380px,100%)}

.plan-card{background:var(--white);border-radius:var(--r) var(--r) 0 0;box-shadow:var(--shadow);padding:20px 22px 26px;color:var(--ink)}
.plan-card h5{font-size:13.5px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.plan-card h5 span{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--soft);text-transform:uppercase;letter-spacing:.06em;font-weight:400}
.plan-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--line);font-size:12.5px}
.plan-row span{color:var(--mute)}
.plan-row b{font-weight:550}
.plan-row.total{border-bottom:0;padding-top:12px}
.plan-row.total b{font-family:'Schibsted Grotesk',sans-serif;font-size:17px;letter-spacing:-.03em}

.term{
  background:#0D1226;border:1px solid var(--line-dark);border-radius:var(--r) var(--r) 0 0;
  padding:18px 20px 26px;font-family:'IBM Plex Mono',monospace;font-size:12px;line-height:1.9;
  color:#B9C0D8;box-shadow:0 20px 50px rgba(0,0,0,.4);
}
.term .t-head{display:flex;gap:6px;margin-bottom:12px}
.term .t-head i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.16)}
.term .ln .p{color:#8A93B0}
.term .ln .ok{color:#5FBF83}
.term .ln .dim{color:#5A6178}
.term .ln{opacity:0;transform:translateY(4px);transition:opacity .4s var(--ease),transform .4s var(--ease)}
.rv.in .term .ln{opacity:1;transform:none}
.rv.in .term .ln:nth-child(2){transition-delay:.15s}
.rv.in .term .ln:nth-child(3){transition-delay:.5s}
.rv.in .term .ln:nth-child(4){transition-delay:.85s}
.rv.in .term .ln:nth-child(5){transition-delay:1.2s}
.rv.in .term .ln:nth-child(6){transition-delay:1.55s}
.rv.in .term .ln:nth-child(7){transition-delay:1.9s}

.conf-card{background:var(--white);border-radius:var(--r) var(--r) 0 0;box-shadow:var(--shadow);padding:20px 22px 26px;color:var(--ink)}
.conf-card h5{font-size:13.5px;margin-bottom:14px}
.conf-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:12.5px}
.conf-row span:first-child{color:var(--mute)}
.toggle{width:34px;height:20px;border-radius:999px;background:var(--line);position:relative;transition:background .3s}
.toggle i{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--white);transition:transform .3s var(--ease);box-shadow:0 1px 3px rgba(0,0,0,.2)}
.toggle.on{background:var(--ink)}
.toggle.on i{transform:translateX(14px)}
.seg{display:flex;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-in);padding:3px;font-size:11px}
.seg i{padding:4px 10px;border-radius:3px;font-style:normal}
.seg i.sel{background:var(--ink);color:var(--white)}

.notif-stack{display:flex;flex-direction:column;gap:12px}
.notif{background:rgba(255,255,255,.06);border:1px solid var(--line-dark);border-radius:var(--r);padding:14px 16px;display:flex;gap:12px;align-items:flex-start;backdrop-filter:blur(6px)}
.notif .n-ico{width:30px;height:30px;border-radius:var(--r-in);background:rgba(255,255,255,.12);color:var(--white);display:grid;place-items:center;flex:none;font-family:'Schibsted Grotesk',sans-serif;font-weight:600;font-size:13px}
.notif b{display:block;font-size:13px}
.notif span{font-size:12px;opacity:.6}
.notif .when{margin-left:auto;font-size:10.5px;opacity:.4;font-family:'IBM Plex Mono',monospace;flex:none}

/* ---------- testimonials ---------- */
.testi-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:44px}
.tcaro{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px}
.tcaro::-webkit-scrollbar{display:none}
.tcard{
  flex:0 0 min(880px,94%);scroll-snap-align:start;
  display:grid;grid-template-columns:.85fr 1.15fr;
  background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;min-height:400px;
}
.tcard .t-photo{position:relative;background:var(--panel)}
.tcard .t-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.t-quote{padding:48px;display:flex;flex-direction:column}
.t-quote .stars{color:var(--gold-line);letter-spacing:3px;font-size:14px;margin-bottom:20px}
.t-quote blockquote{font-family:'Schibsted Grotesk',sans-serif;font-size:clamp(18px,1.8vw,23px);font-weight:500;line-height:1.4;letter-spacing:-.022em}
.t-who{margin-top:auto;padding-top:28px;display:flex;align-items:center;gap:14px}
.t-who img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.t-who b{display:block;font-size:14.5px}
.t-who span{font-size:13px;color:var(--mute)}

/* ---------- dekning (mørkt panel) ---------- */
.coverage{background:var(--ink);color:var(--white);border-radius:var(--r);display:grid;grid-template-columns:1.1fr .9fr;gap:48px;padding:76px;position:relative;overflow:hidden}
.coverage::before{content:'';position:absolute;inset:0;background:radial-gradient(600px 400px at 85% 20%,rgba(248,210,140,.16),transparent 65%);pointer-events:none}
.coverage .kicker{color:rgba(255,255,255,.5)}
.coverage .h2{color:var(--white)}
.coverage p{color:rgba(255,255,255,.65);margin-top:18px;max-width:46ch}
.chipstack{display:flex;flex-direction:column;gap:12px;justify-content:center;position:relative}
.chip{
  display:flex;align-items:center;gap:14px;
  background:rgba(255,255,255,.05);border:1px solid var(--line-dark);
  border-radius:999px;padding:13px 22px;font-size:15px;width:max-content;
  opacity:0;transform:translateX(30px);
  transition:opacity .5s var(--ease),transform .5s var(--ease);
}
.rv.in .chip{opacity:1;transform:none}
.chip:nth-child(2){margin-left:36px}
.chip:nth-child(3){margin-left:72px}
.chip:nth-child(4){margin-left:24px}
.chip:nth-child(5){margin-left:60px}
.chip i{width:8px;height:8px;border-radius:50%;background:var(--gold);flex:none;font-style:normal}
.rv.in .chip:nth-child(1){transition-delay:.05s}
.rv.in .chip:nth-child(2){transition-delay:.15s}
.rv.in .chip:nth-child(3){transition-delay:.25s}
.rv.in .chip:nth-child(4){transition-delay:.35s}
.rv.in .chip:nth-child(5){transition-delay:.45s}

/* ---------- tall ---------- */
.numbers-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:52px}
.numbers-head .h2{max-width:460px}
.ngrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ncard{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:38px 34px}
.ncard .num{font-family:'Schibsted Grotesk',sans-serif;font-weight:600;font-size:clamp(38px,3.6vw,50px);letter-spacing:-.04em;line-height:1}
.ncard .nlab{font-size:14px;font-weight:550;margin-top:14px}
.ncard .ndesc{font-size:13px;color:var(--mute);margin-top:4px}
.ncard.dark{background:var(--ink);border-color:var(--ink);color:var(--white)}
.ncard.dark .ndesc{color:rgba(255,255,255,.55)}
.ncard.gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.ncard.gold .ndesc{color:rgba(11,16,35,.66)}

/* ---------- accolades ---------- */
.accolades{text-align:center}
.accolades .stars{color:var(--gold-line);font-size:16px;letter-spacing:4px;margin-bottom:16px}
.acc-marq{margin-top:52px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.acc-track{display:flex;gap:20px;width:max-content;animation:marq 38s linear infinite}
.acc-badge{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:var(--r);background:var(--white);padding:16px 24px;white-space:nowrap;text-align:left}
.acc-badge .yr{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--mute);border:1px solid var(--line);background:var(--panel);padding:3px 8px;border-radius:3px}
.acc-badge b{font-size:14px;font-weight:550}
.acc-badge span{font-size:12px;color:var(--mute)}

/* ---------- kontakt ---------- */
.talk{background:var(--panel);border-radius:var(--r);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.talk-form{padding:64px 56px}
.talk-form .h2{margin-bottom:10px}
.talk-form>p{color:var(--mute);margin-bottom:34px}
.f-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.f-grid .full{grid-column:1/-1}
.inp{display:flex;flex-direction:column;gap:6px}
.inp label{font-size:12.5px;font-weight:550}
.inp input,.inp textarea,.inp select{
  font:inherit;font-size:14.5px;color:var(--ink);
  border:1px solid var(--line);border-radius:var(--r-in);background:var(--white);
  padding:12px 14px;outline:none;transition:border-color .2s,box-shadow .2s;
}
.inp textarea{resize:vertical;min-height:96px}
.inp input:focus,.inp textarea:focus,.inp select:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(11,16,35,.08)}
.talk-form .btn{margin-top:22px;width:100%;justify-content:center;padding:15px}
.talk-form .fine{font-size:12px;color:var(--mute);margin-top:14px}
.talk-visual{position:relative;background:var(--ink);display:grid;place-items:center;padding:56px;overflow:hidden}
.talk-visual::before{content:'';position:absolute;inset:0;background:radial-gradient(500px 400px at 20% 90%,rgba(248,210,140,.22),transparent 60%)}
.talk-card{position:relative;background:var(--white);border-radius:var(--r);box-shadow:0 30px 80px rgba(0,0,0,.45);width:min(380px,100%);padding:24px}
.talk-card h5{font-size:14px;display:flex;justify-content:space-between;margin-bottom:16px}
.talk-card h5 span{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--soft);text-transform:uppercase;letter-spacing:.06em;align-self:center;font-weight:400}
.talk-note{position:absolute;right:36px;bottom:36px;background:var(--gold);color:var(--ink);border-radius:var(--r);padding:12px 18px;font-size:13px;font-weight:550;box-shadow:var(--shadow);transform:rotate(-2deg)}

/* ---------- footer ---------- */
.foot{background:var(--ink);color:var(--white);padding:84px 0 36px;margin-top:110px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;padding-bottom:56px;border-bottom:1px solid var(--line-dark)}
.foot .brand{color:var(--white)}
.foot-tag{color:rgba(255,255,255,.55);font-size:14px;margin-top:18px;max-width:30ch}
.foot h5{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:18px;font-weight:500}
.foot ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.foot ul a{color:rgba(255,255,255,.78);font-size:14.5px;transition:color .2s}
.foot ul a:hover{color:var(--white);text-decoration:underline;text-underline-offset:4px}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:32px;font-size:13px;color:rgba(255,255,255,.45);flex-wrap:wrap}
.foot-bottom a{color:rgba(255,255,255,.7)}
.foot-bottom a:hover{color:var(--white)}

/* ---------- undersider ---------- */
.sub-hero{border-bottom:1px solid var(--line)}
.sub-hero .hero-left-inner{padding-top:108px;padding-bottom:108px}
.sub-hero .hero-left-inner h1{font-size:clamp(32px,3.3vw,46px)}
.sub-hero .hero-stage{min-height:600px}
.crumb{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin-bottom:22px;display:flex;gap:8px;align-items:center}
.crumb a{color:var(--soft)}
.crumb a:hover{color:var(--ink)}
.crumb span{color:var(--ink)}

.what-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.wcard{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:46px}
.wcard .w-ico{width:44px;height:44px;border-radius:var(--r-in);background:var(--panel);display:grid;place-items:center;margin-bottom:22px;color:var(--ink)}
.wcard h3{font-size:19px;margin-bottom:10px}
.wcard p{font-size:14.5px;color:var(--mute)}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.step{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:42px 36px}
.step .s-num{font-family:'Schibsted Grotesk',sans-serif;font-weight:600;font-size:15px;width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--white);display:grid;place-items:center;margin-bottom:22px}
.step h3{font-size:18px;margin-bottom:10px}
.step p{font-size:14.5px;color:var(--mute)}

.statband{background:var(--ink);color:var(--white);border-radius:var(--r);display:grid;grid-template-columns:1.1fr .9fr;gap:48px;padding:66px;align-items:center;position:relative;overflow:hidden}
.statband::before{content:'';position:absolute;inset:0;background:radial-gradient(500px 340px at 90% 10%,rgba(248,210,140,.18),transparent 60%)}
.statband .h2{color:var(--white)}
.statband .kicker{color:rgba(255,255,255,.5)}
.statband p{color:rgba(255,255,255,.65);margin-top:16px}
.statband .chart-box{border-color:var(--line-dark);position:relative;background:rgba(255,255,255,.03);height:220px}
.statband .grid-line{stroke:rgba(255,255,255,.1)}

.cta-band{background:var(--ink);border-radius:var(--r);padding:84px 72px;text-align:center;color:var(--white);position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;inset:0;background:radial-gradient(600px 400px at 50% 120%,rgba(248,210,140,.26),transparent 65%)}
.cta-band>*{position:relative}
.cta-band .h2{margin-bottom:14px;color:var(--white)}
.cta-band p{max-width:52ch;margin:0 auto 32px;color:rgba(255,255,255,.65)}

/* ---------- manifest: to spalter ---------- */
.split{display:grid;grid-template-columns:1.02fr .98fr;gap:72px;align-items:center}
.split .lead{font-size:18px;color:var(--ink);margin-top:20px;max-width:44ch}
.split p{color:var(--mute);font-size:16px;margin-top:16px;max-width:46ch}
.split p b{color:var(--ink);font-weight:550}

/* verdiregnskap: 1 inn, 5 ut */
.roi-card{background:var(--ink);color:var(--white);border-radius:var(--r);padding:52px 48px;position:relative;overflow:hidden}
.roi-card::before{content:'';position:absolute;inset:0;background:radial-gradient(520px 380px at 88% 6%,rgba(248,210,140,.20),transparent 64%);pointer-events:none}
.roi-card>*{position:relative}
.roi-card .kicker{color:rgba(255,255,255,.5);margin-bottom:26px}
.roi-row+.roi-row{margin-top:26px}
.roi-row .lab{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:11px}
.roi-row .lab span{font-size:13.5px;color:rgba(255,255,255,.6)}
.roi-row .lab b{font-family:'Schibsted Grotesk',sans-serif;font-weight:600;font-size:22px;letter-spacing:-.03em}
.roi-track{height:12px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}
.roi-track i{display:block;height:100%;width:0;border-radius:2px;background:rgba(255,255,255,.28);transition:width 1.4s var(--ease)}
.roi-track.gold i{background:var(--gold)}
.rv.in .roi-track i{width:var(--w,100%)}
.rv.in .roi-track.gold i{transition-delay:.35s}
.roi-foot{display:flex;align-items:center;gap:14px;margin-top:32px;padding-top:26px;border-top:1px solid var(--line-dark)}
.roi-foot .mult{background:var(--gold);color:var(--ink);border-radius:var(--r-in);padding:7px 13px;font-family:'Schibsted Grotesk',sans-serif;font-weight:600;font-size:17px;letter-spacing:-.03em;flex:none}
.roi-foot span{font-size:13.5px;color:rgba(255,255,255,.6)}

/* «Det kan bety at vi …» */
.bullets{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:56px}
.bullet{background:var(--white);padding:32px 30px}
.bullet .bnum{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;color:var(--soft);display:block;margin-bottom:14px}
.bullet p{font-size:15.5px;color:var(--ink);line-height:1.45}

/* ---------- prosess i fire steg ---------- */
.steps.four{grid-template-columns:repeat(4,1fr)}
.steps.four .step{padding:36px 30px}
.steps.four .step h3{font-size:17px}
.steps.four .step p{font-size:14px}

/* ---------- 5x ROI ---------- */
.roi-exempel{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:56px}
.rex{border:1px solid var(--line);border-radius:var(--r);padding:36px 34px;display:flex;align-items:center;gap:24px}
.rex .from{font-family:'Schibsted Grotesk',sans-serif;font-weight:600;font-size:clamp(24px,2.4vw,32px);letter-spacing:-.04em;white-space:nowrap}
.rex .arrow{color:var(--soft);flex:none}
.rex .to{font-family:'Schibsted Grotesk',sans-serif;font-weight:600;font-size:clamp(24px,2.4vw,32px);letter-spacing:-.04em;white-space:nowrap}
.rex .cap{font-size:12.5px;color:var(--mute);display:block;font-family:'Inter',sans-serif;font-weight:400;letter-spacing:0;margin-top:4px}
.rex.accent{background:var(--gold);border-color:var(--gold)}
.rex.accent .cap{color:rgba(11,16,35,.66)}
.rex.accent .arrow{color:rgba(11,16,35,.5)}

.vsrc{display:grid;grid-template-columns:repeat(auto-fit,minmax(186px,1fr));gap:22px}
.vs{border-top:2px solid var(--ink);padding-top:22px}
.vs h4{font-size:16.5px;margin-bottom:8px}
.vs p{font-size:14px;color:var(--mute)}
.vsrc-note{margin-top:44px;font-size:15px;color:var(--mute);text-align:center}

/* ---------- passer for (mørk) ---------- */
.sitgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px 32px;margin-top:8px}
.sit{display:flex;gap:14px;align-items:flex-start;font-size:15.5px;color:rgba(255,255,255,.8);line-height:1.45}
.sit .dot{width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.09);display:grid;place-items:center;flex:none;margin-top:3px}
.sit .dot svg{width:9px;height:9px;stroke:var(--gold)}
.sit-note{margin-top:44px;padding-top:28px;border-top:1px solid var(--line-dark);font-size:15px;color:rgba(255,255,255,.6)}
.sit-note b{color:var(--white);font-weight:550}

/* ---------- ansvar ---------- */
.own{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px}
.own-item{border:1px solid var(--line);border-radius:var(--r);padding:28px 26px;display:flex;gap:14px;align-items:flex-start}
.own-item .oi{width:20px;height:20px;border-radius:50%;background:var(--ink);display:grid;place-items:center;flex:none;margin-top:1px}
.own-item .oi svg{width:10px;height:10px;stroke:var(--white)}
.own-item span{font-size:15px;font-weight:500}

/* ---------- outcome-gjennomgang ---------- */
.deliver{list-style:none;margin-top:26px}
.deliver li{display:flex;gap:13px;align-items:flex-start;padding:10px 0;font-size:15px;color:var(--mute)}
.deliver .dk{width:19px;height:19px;border-radius:50%;background:var(--gold);display:grid;place-items:center;flex:none;margin-top:3px}
.deliver .dk svg{width:9px;height:9px;stroke:var(--ink)}

/* ---------- FAQ ---------- */
.faq{max-width:860px;margin:0 auto;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{
  display:flex;justify-content:space-between;align-items:center;gap:28px;
  padding:28px 0;cursor:pointer;list-style:none;
  font-family:'Schibsted Grotesk',sans-serif;font-size:19px;font-weight:500;letter-spacing:-.02em;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary .fi{width:26px;height:26px;flex:none;position:relative}
.faq summary .fi::before,.faq summary .fi::after{
  content:'';position:absolute;left:50%;top:50%;background:var(--ink);
  transition:transform .3s var(--ease);
}
.faq summary .fi::before{width:13px;height:1.5px;transform:translate(-50%,-50%)}
.faq summary .fi::after{width:1.5px;height:13px;transform:translate(-50%,-50%)}
.faq details[open] summary .fi::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq .ans{padding:0 0 30px;color:var(--mute);font-size:15.5px;max-width:72ch}
.faq .ans p+p{margin-top:12px}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i,0)*90ms)}
.rv.in{opacity:1;transform:none}

/* ---------- responsivt ---------- */
@media(max-width:1080px){
  .hero{grid-template-columns:1fr}
  .hero-left{justify-content:flex-start}
  .hero-left-inner{width:100%;max-width:640px;margin:0 auto;padding:64px 32px 48px}
  .hero-stage{min-height:580px;padding:56px 28px}
  .stat3{grid-template-columns:1fr;max-width:560px;margin:0 auto}
  .fs-item{position:static}
  .featstack{gap:28px}
  .featrow,.featrow.alt{grid-template-columns:1fr;min-height:0}
  .featrow.alt .fr-media{order:0}
  .fr-copy{padding:52px 36px}
  .caro{margin-right:0;padding-right:0}
  .pcard{flex:0 0 min(520px,86%)}
  .pcard-visual{height:400px}
  .ai-grid{grid-template-columns:1fr}
  .tcard{grid-template-columns:1fr}
  .tcard .t-photo{min-height:280px}
  .coverage{grid-template-columns:1fr;padding:48px 36px}
  .chip:nth-child(n){margin-left:0}
  .ngrid{grid-template-columns:repeat(2,1fr)}
  .talk{grid-template-columns:1fr}
  .talk-visual{min-height:420px}
  .foot-grid{grid-template-columns:1fr 1fr}
  .what-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .steps.four{grid-template-columns:1fr 1fr}
  .statband{grid-template-columns:1fr;padding:48px 36px}
  .split{grid-template-columns:1fr;gap:44px}
  .roi-card{padding:40px 32px}
  .bullets{grid-template-columns:1fr 1fr}
  .roi-exempel{grid-template-columns:1fr}
  .sitgrid{grid-template-columns:1fr;gap:14px}
  .own{grid-template-columns:1fr 1fr}
}
/* Den sentrerte menyen trenger ~1080px før den får klaring til ordmerke og CTA.
   Under det bytter vi til burger framfor å la den kollidere. Samme brudd som
   resten av layouten, så det er ett punkt å forholde seg til. */
@media(max-width:1080px){
  .menu,.nav-cta{display:none}
  .burger{display:flex;margin-left:auto}
  .nav{margin-top:0}
}
@media(max-width:800px){
  .nav-inner{gap:12px;height:64px}
  .wrap,.nav-inner,.trust-inner{padding:0 20px}
  .hero-left-inner{padding:48px 20px 40px}
  /* kundeboblen bryter til tre linjer her, så stabelen trenger mer plass */
  .hv{height:460px}
  .sec{padding:72px 0}
  .hero-left-inner h1{font-size:clamp(32px,8.4vw,42px)}
  .caro-head{flex-direction:column;align-items:flex-start}
  .numbers-head{flex-direction:column;align-items:flex-start;gap:20px}
  .testi-head{flex-direction:column;align-items:flex-start;gap:20px}
  .t-quote{padding:32px 28px}
  .f-grid{grid-template-columns:1fr}
  .ngrid{grid-template-columns:1fr}
  .talk-form{padding:44px 28px}
  .cta-band{padding:56px 28px}
  .trust-inner{flex-direction:column;align-items:flex-start;gap:16px}
  .foot-grid{grid-template-columns:1fr}
  .foot-bottom{flex-direction:column;align-items:flex-start}
  .steps.four,.bullets,.own,.roi-exempel{grid-template-columns:1fr}
  .rex{flex-wrap:wrap;gap:14px;padding:28px 24px}
  .faq summary{font-size:17px;gap:16px}
}

/* ---------- redusert bevegelse ---------- */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}
  .rv{opacity:1;transform:none}
  .marq-track,.acc-track,.float,.hero-stage::before{animation:none}
  .fs-item{position:static}
}

/* ============================================================
   PORTERTE DATAVIZ-SEKSJONER (prefikser: pv-, vb-, vk-, bg-, gk-)
   ============================================================ */

/* ---------- pv: prosess / leveranseløp (mørk fullbredde, sticky scrub) ---------- */
.pv-sec{background:var(--ink);color:var(--white);position:relative;border-block:1px solid rgba(11,16,35,.9)}
.pv-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(700px 460px at 90% 6%,rgba(248,210,140,.14),transparent 62%);pointer-events:none}
.pv-sec>*{position:relative}
.pv-stage{position:relative}
.pv-sticky{padding-block:0 clamp(20px,3vw,36px)}
.pv-head{max-width:680px;padding-top:clamp(56px,7vw,96px);margin-bottom:clamp(22px,3vw,38px)}
.pv-head .kicker{color:rgba(255,255,255,.5)}
.pv-head .h2{color:var(--white);max-width:24ch}
.pv-lead{color:rgba(255,255,255,.65);margin-top:14px;font-size:15.5px;max-width:56ch}
.pv-bar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px clamp(24px,3.4vw,52px);padding:16px 0;border-block:1px solid var(--line-dark);margin-bottom:20px}
.pv-note{font-size:13px;color:rgba(255,255,255,.5);max-width:44ch;padding-bottom:4px}
.pv-gauges{display:flex;gap:clamp(24px,3.4vw,52px);align-items:flex-end;flex-wrap:wrap}
.pv-gauge-l{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.5);display:block;margin-bottom:6px}
.pv-gauge-v{font-family:'Schibsted Grotesk',sans-serif;font-weight:600;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pv-gauge-v small{font-family:'IBM Plex Mono',monospace;font-weight:400;font-size:.36em;letter-spacing:.06em;color:rgba(255,255,255,.5);margin-left:8px;vertical-align:.5em}
.pv-fit{width:100%;margin-inline:auto}
.pv-svg-wrap{width:100%;aspect-ratio:1160/250;position:relative}
.pv-svg-wrap svg{width:100%;height:100%;display:block;overflow:visible}
.pv-ax{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.06em;fill:rgba(255,255,255,.5)}
.pv-axline{stroke:var(--line-dark);stroke-width:1}
.pv-line{fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.pv-area{fill:url(#pvCurveFill)}
.pv-seg{fill:rgba(255,255,255,.04);stroke:var(--line-dark);stroke-width:1}
.pv-seg.on{fill:rgba(248,210,140,.16);stroke:var(--gold)}
.pv-segnum{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;fill:rgba(255,255,255,.5)}
.pv-seg.on + .pv-segnum{fill:var(--gold)}
.pv-mkline{stroke:rgba(255,255,255,.7);stroke-width:1;stroke-dasharray:3 4;opacity:.55}
.pv-mkdot{fill:var(--ink);stroke:var(--gold);stroke-width:2.4}
.pv-cards{display:grid;grid-template-columns:3fr 4fr 4fr 3fr 5fr 3fr;gap:1px;background:var(--line-dark);border:1px solid var(--line-dark);margin:14px 2.07% 0 3.97%}
.pv-ph{background:var(--ink);padding:16px 14px 18px;transition:background .35s var(--ease)}
.pv-ph.on{background:var(--ink-2)}
.pv-i{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.14em;color:rgba(255,255,255,.5);display:flex;align-items:center;gap:8px}
.pv-ph.on .pv-i{color:var(--gold)}
.pv-i b{font-weight:500}
.pv-n{font-family:'Schibsted Grotesk',sans-serif;font-size:15.5px;font-weight:600;margin-top:9px;line-height:1.2;color:var(--white)}
.pv-w{font-family:'IBM Plex Mono',monospace;font-size:11px;color:rgba(255,255,255,.5);margin-top:5px;letter-spacing:.03em}
.pv-t{font-size:12.6px;line-height:1.5;color:rgba(255,255,255,.6);margin-top:11px}
.pv-who{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.05em;color:rgba(255,255,255,.45);margin-top:10px}
.pv-k{margin-top:13px;padding-top:11px;border-top:1px solid var(--line-dark)}
.pv-k b{font-family:'IBM Plex Mono',monospace;font-size:14px;color:var(--white);font-weight:500}
.pv-k span{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);display:block;margin-top:3px}
.pv-kbar{height:3px;background:var(--line-dark);margin-top:9px;overflow:hidden}
.pv-kbar i{display:block;height:100%;background:var(--gold);transform-origin:left center}
.pv-foot{padding:22px 0 clamp(48px,6vw,80px);font-size:13px;color:rgba(255,255,255,.5);max-width:76ch}

/* sticky-journey: head scroller forbi, målere + kurve + kort pinnes der høyden tillater */
@media(min-width:961px) and (min-height:760px){
  .pv-stage{height:300svh}
  .pv-sticky{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:100px 24px}
}
/* kompakt variant på lavere skjermer, så alt får plass mens det er pinnet */
@media(min-width:961px) and (min-height:760px) and (max-height:899px){
  .pv-sticky{padding-block:96px 18px}
  .pv-bar{padding:11px 0;margin-bottom:14px}
  .pv-note{display:none}
  .pv-gauge-v{font-size:1.9rem}
  .pv-ph{padding:12px 11px 13px}
  .pv-t{font-size:11.5px;margin-top:8px}
  .pv-who{display:none}
  .pv-k{margin-top:9px;padding-top:8px}
}
@media(max-width:960px){
  .pv-svg-wrap{display:none}
  .pv-cards{grid-template-columns:1fr;margin:0;background:transparent;border:0;border-left:1px solid var(--line-dark);gap:0}
  .pv-ph{border-bottom:1px solid var(--line-dark);padding:18px 20px;position:relative}
  .pv-ph::before{content:"";position:absolute;left:-5px;top:24px;width:9px;height:9px;background:var(--ink);border:1px solid rgba(255,255,255,.3);transform:rotate(45deg);transition:background .3s,border-color .3s}
  .pv-ph.on::before{background:var(--gold);border-color:var(--gold)}
  .pv-t{font-size:14px;max-width:56ch}
}

/* ---------- vb: verdibroen (mørk fullbredde, sticky scrub) ---------- */
#verdibro{background:var(--ink);color:var(--white);border-block:1px solid rgba(11,16,35,.9);position:relative}
#verdibro::before{content:'';position:absolute;inset:0;background:radial-gradient(700px 460px at 88% 4%,rgba(248,210,140,.12),transparent 62%);pointer-events:none}
#verdibro>*{position:relative}
.vb-stage{position:relative}
@media (min-width:961px){.vb-stage{height:400svh}}
.vb-sticky{padding-block:clamp(64px,8vw,96px) clamp(30px,4vw,44px)}
@media (min-width:961px){
  .vb-sticky{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:110px 40px}
}
.vb-head{display:grid;gap:18px;margin-bottom:clamp(24px,3vw,34px)}
@media (min-width:900px){.vb-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px}}
.vb-head .kicker{color:rgba(255,255,255,.5)}
.vb-head .h2{color:var(--white);max-width:20ch}
.vb-readout{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;justify-content:flex-start}
@media (min-width:900px){.vb-readout{justify-content:flex-end;text-align:right}}
.vb-readout .lbl{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.45);width:100%}
@media (min-width:900px){.vb-readout .lbl{text-align:right}}
.vb-readout .num{font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:clamp(30px,3.4vw,42px);color:var(--gold);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.vb-readout .unit{font-size:13px;color:rgba(255,255,255,.55);font-family:'IBM Plex Mono',monospace}
.vb-step{font-size:13px;color:rgba(255,255,255,.55);width:100%;min-height:1.4em}
@media (min-width:900px){.vb-step{text-align:right}}
.vb-card{border:1px solid var(--line-dark);border-radius:var(--r);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));box-shadow:0 24px 60px rgba(0,0,0,.35);padding:clamp(14px,2vw,26px) clamp(6px,1.4vw,18px) clamp(10px,1.6vw,18px)}
.vb-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.vb-svg{display:block;width:100%;min-width:700px;height:auto;margin-inline:auto}
@media (min-width:961px){
  /* holder hele tegningen innenfor 100svh: 1040/492 = 2.11 i sideforhold */
  .vb-svg{width:min(100%, calc((100svh - 396px) * 2.11))}
}
.vb-hint{display:none;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.4);padding:10px 14px 2px}
@media (max-width:760px){.vb-hint{display:block}}

.vb-svg .grid-line{stroke:rgba(255,255,255,.07);stroke-width:1}
.vb-svg .axis-line{stroke:var(--line-dark);stroke-width:1}
.vb-svg .axis-lbl{font-family:'IBM Plex Mono',monospace;font-size:12px;fill:rgba(255,255,255,.45);letter-spacing:.02em}
.vb-svg .axis-unit{font-family:'IBM Plex Mono',monospace;font-size:10.5px;fill:rgba(255,255,255,.45);letter-spacing:.14em;text-transform:uppercase}
.vb-svg .bar--total{fill:var(--gold)}
.vb-svg .bar--pos{fill:rgba(248,210,140,.34);stroke:var(--gold);stroke-width:1}
.vb-svg .bar--neg{fill:rgba(138,143,158,.5);stroke:rgba(255,255,255,.28);stroke-width:1}
.vb-svg .conn{stroke:rgba(255,255,255,.28);stroke-width:1;stroke-dasharray:3 4}
.vb-svg .amt{font-family:'IBM Plex Mono',monospace;font-size:14px;font-weight:500;fill:var(--white);letter-spacing:-.01em}
.vb-svg .amt--total{fill:var(--gold);font-size:15.5px}
.vb-svg .amt--neg{fill:rgba(255,255,255,.6)}
.vb-svg .cat text{font-family:'Inter',sans-serif;font-size:13px;fill:rgba(255,255,255,.55)}
.vb-svg .cat--total text{fill:var(--white);font-weight:500}
.vb-svg .multi-num{font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:44px;fill:var(--gold);letter-spacing:-.03em}
.vb-svg .multi-cap{font-family:'Inter',sans-serif;font-size:13px;fill:rgba(255,255,255,.55)}
.vb-svg .multi-arrow{stroke:rgba(248,210,140,.4);stroke-width:1;fill:none}

.vb-after{padding-bottom:clamp(64px,8vw,110px)}
.vb-below{display:grid;gap:clamp(24px,3vw,42px)}
@media (min-width:900px){.vb-below{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);align-items:start}}
.vb-table{width:100%;border-collapse:collapse;font-size:14px}
.vb-table caption{text-align:left;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.45);padding-bottom:12px}
.vb-table th,.vb-table td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left}
.vb-table th{font-weight:500;color:rgba(255,255,255,.55);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.vb-table td{color:rgba(255,255,255,.75)}
.vb-table td:last-child,.vb-table th:last-child{text-align:right;font-family:'IBM Plex Mono',monospace;white-space:nowrap}
.vb-table tr.is-total td{color:var(--gold);font-weight:500;border-bottom-color:rgba(248,210,140,.32)}
@media (max-width:600px){
  .vb-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .vb-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 14px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}
  .vb-table tbody tr.is-total{border-bottom-color:rgba(248,210,140,.32)}
  .vb-table td{padding:0;border:0}
  .vb-table td:nth-child(1){font-weight:500;color:var(--white)}
  .vb-table tr.is-total td:nth-child(1){color:var(--gold)}
  .vb-table td:nth-child(2){grid-column:1;font-size:13px;color:rgba(255,255,255,.55);line-height:1.5}
  .vb-table td:nth-child(3){grid-row:1;grid-column:2;text-align:right}
}
.vb-summary{border:1px solid rgba(248,210,140,.32);border-radius:var(--r);padding:clamp(20px,2.4vw,28px);background:rgba(248,210,140,.05)}
.vb-summary .k{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.vb-summary dl{display:grid;gap:12px;margin:18px 0 0}
.vb-summary .row{display:flex;justify-content:space-between;gap:16px;align-items:baseline;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:11px}
.vb-summary dt{font-size:14px;color:rgba(255,255,255,.55)}
.vb-summary dd{margin:0;font-family:'IBM Plex Mono',monospace;font-size:15px;color:var(--white);white-space:nowrap}
.vb-summary .row--big dd{color:var(--gold);font-size:22px}
.vb-summary-note{margin-top:18px;font-size:14px;color:rgba(255,255,255,.55);line-height:1.6}
.vb-disclaimer{margin-top:22px;font-size:13px;color:rgba(255,255,255,.4);max-width:78ch;line-height:1.6}

/* ---------- vk: vekstkurven (lys, tabs + milepæler) ---------- */
.vk-sec{background:var(--panel)}
.vk-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:28px;align-items:end;margin-bottom:clamp(28px,3.4vw,44px)}
.vk-intro{max-width:560px}
.vk-lede{color:var(--mute);margin-top:14px;font-size:15.5px}
.vk-switch{display:inline-flex;padding:4px;background:var(--white);border:1px solid var(--line);border-radius:999px;gap:2px;flex-wrap:wrap}
.vk-switch button{
  padding:9px 17px;border-radius:999px;font-size:13.5px;font-weight:500;color:var(--mute);
  transition:background-color .25s var(--ease),color .25s var(--ease);white-space:nowrap;
}
.vk-switch button:hover{color:var(--ink)}
.vk-switch button[aria-selected="true"]{background:var(--gold);color:var(--ink);font-weight:600}
.vk-panel{
  background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--shadow);padding:clamp(18px,2.4vw,30px);
}
.vk-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 26px;margin-bottom:14px}
.vk-meta .k{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.vk-meta .v{font-family:'Schibsted Grotesk',sans-serif;font-weight:600;font-size:19px;letter-spacing:-.015em}
.vk-meta .v b{background:var(--gold);color:var(--ink);font-weight:600;border-radius:var(--r-in);padding:2px 9px}
.vk-chart-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.vk-chart-scroll::-webkit-scrollbar{height:6px}
.vk-chart-scroll::-webkit-scrollbar-track{background:transparent}
.vk-chart-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}
.vk-hint{display:none;margin-top:10px;font-size:12.5px;color:var(--mute);align-items:center;gap:8px}
.vk-hint svg{flex:none;color:var(--gold-line)}
.vk-chart{position:relative;width:100%;min-width:600px;aspect-ratio:760/420}
.vk-chart svg{position:absolute;inset:0;width:100%;height:100%}
.vk-chart .g-line{stroke:var(--line);stroke-width:1}
.vk-chart .g-line.base{stroke:#D8DBE1}
.vk-chart .ax{font-family:'Inter',sans-serif;font-size:13px;fill:var(--soft);letter-spacing:.03em}
.vk-chart .ax-title{font-family:'IBM Plex Mono',monospace;font-size:11px;fill:var(--soft);letter-spacing:.12em;text-transform:uppercase}
.vk-chart .area{fill:url(#vkFill)}
.vk-chart .line{fill:none;stroke:var(--gold-line);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.vk-chart .mk{fill:var(--white);stroke:var(--gold-line);stroke-width:2.5}
.vk-chart .mk-halo{fill:var(--gold-line);opacity:.14}
.vk-chart .tip{fill:var(--gold-line)}
.vk-pins{position:absolute;inset:0;pointer-events:none}
.vk-pin{
  --tx:-50%; --ty:0%;
  position:absolute;pointer-events:auto;width:max-content;max-width:186px;
  transform:translate(var(--tx),var(--ty));
}
.vk-pin.up{--ty:-100%;padding-bottom:16px}
.vk-pin.dn{padding-top:16px}
.vk-pin.start{--tx:-9%}
.vk-pin.end{--tx:-91%}
.vk-pin-card{
  background:var(--white);border:1px solid var(--line);border-radius:var(--r-in);
  padding:8px 11px;box-shadow:var(--shadow-sm);
}
.vk-pin-yr{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.vk-pin-tit{font-family:'Schibsted Grotesk',sans-serif;font-weight:600;font-size:14px;letter-spacing:-.01em;line-height:1.2;margin-top:2px}
.vk-pin-arr{font-size:12px;color:var(--mute);margin-top:3px}
.vk-pin-stem{position:absolute;left:calc(-1 * var(--tx));width:1px;height:16px;background:var(--gold-line)}
.vk-pin.up .vk-pin-stem{bottom:0}
.vk-pin.dn .vk-pin-stem{top:0}
.vk-list{list-style:none;display:none;margin-top:22px;border-top:1px solid var(--line);padding:0}
.vk-list li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line)}
.vk-list .yr{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.vk-list .tt{font-family:'Schibsted Grotesk',sans-serif;font-weight:600;font-size:16px;letter-spacing:-.01em}
.vk-list .tx{font-size:13.5px;color:var(--mute);grid-column:2;margin-top:2px}
.vk-list .vv{font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:14px;color:var(--ink);white-space:nowrap}
.vk-caption{margin-top:18px;font-size:13px;color:var(--mute);max-width:74ch}
.vk-legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px;font-size:13px;color:var(--mute)}
.vk-legend span{display:inline-flex;align-items:center;gap:8px}
.vk-legend i{width:16px;height:3px;border-radius:2px;background:var(--gold-line);display:block}
.vk-legend i.dot{width:9px;height:9px;border-radius:50%;background:var(--white);border:2.5px solid var(--gold-line)}

/* scrub: sluttilstand ligger i CSS, starttilstand settes av JS etter feature-detect */
.vk-panel.scrubbed .vk-pin,
.vk-panel.scrubbed .mk-g{opacity:0;transition:opacity .42s var(--ease),transform .42s var(--ease)}
.vk-panel.scrubbed .vk-pin{transform:translate(var(--tx),calc(var(--ty) + 10px))}
.vk-panel.scrubbed .vk-pin.on{opacity:1;transform:translate(var(--tx),var(--ty))}
.vk-panel.scrubbed .mk-g.on{opacity:1}
.vk-panel.scrubbed .vk-list li{opacity:.32;transition:opacity .4s var(--ease)}
.vk-panel.scrubbed .vk-list li.on{opacity:1}

@media (max-width:960px){
  .vk-head{grid-template-columns:1fr;align-items:start}
}
@media (max-width:760px){
  .vk-pins{display:none}
  .vk-list{display:block}
  .vk-chart{min-width:520px}
  .vk-hint{display:flex}
}
@media (max-width:620px){
  .vk-chart{min-width:440px}
  .vk-list li{grid-template-columns:46px minmax(0,1fr)}
  .vk-list .vv{grid-column:2;margin-top:4px}
}

/* ---------- bg: beslutningsgrafen (mørk fullbredde, sticky canvas) ---------- */
.bg-graf{background:var(--ink);color:var(--white);border-block:1px solid rgba(11,16,35,.9);padding:110px 0 0;position:relative}
.bg-head{display:grid;grid-template-columns:1fr;gap:24px;align-items:end}
.bg-head .kicker{color:rgba(255,255,255,.5)}
.bg-head h2{color:var(--white);max-width:17ch}
.bg-head p{color:rgba(255,255,255,.6);font-size:15.5px;max-width:46ch}
@media(min-width:900px){.bg-head{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:60px}}
.bg-scroll{margin-top:clamp(34px,4vw,54px)}
.bg-stage{position:relative}
.bg-frame{
  position:relative;border:1px solid var(--line-dark);border-radius:var(--r);background:#080C1B;
  padding:clamp(10px,1.4vw,18px);box-shadow:0 24px 60px rgba(0,0,0,.35)
}
.bg-canvas{display:none}
.bg-inner{position:relative;width:100%;aspect-ratio:1120/648;min-height:290px}
.bg-inner canvas,.bg-inner svg{position:absolute;inset:0;width:100%;height:100%}
.bg-graf.has-canvas .bg-canvas{display:block}
.bg-graf.has-canvas .bg-static{display:none}
/* sticky-journey kun når canvas-varianten kjører */
.bg-graf.has-canvas .bg-stage{position:sticky}
@media(min-width:961px){.bg-graf.has-canvas .bg-scroll{height:320svh}.bg-graf.has-canvas .bg-stage{top:92px}}
@media(max-width:960px){.bg-graf.has-canvas .bg-scroll{height:230svh}.bg-graf.has-canvas .bg-stage{top:84px}}
.bg-vizbar{
  display:flex;align-items:center;gap:14px;margin-top:14px;
  font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.45)
}
.bg-vizbar .track{flex:1;height:2px;background:var(--line-dark);position:relative;overflow:hidden}
.bg-vizbar .track b{display:block;position:absolute;inset:0 auto 0 0;width:100%;background:var(--gold);transform-origin:left center}
.bg-cap{margin-top:22px;min-height:112px;position:relative}
@media(max-width:700px){.bg-cap{min-height:216px}}
@media(min-width:961px){.bg-frame{max-width:max(640px,min(100%,calc((100svh - 320px) * 1.7284 + 44px)));margin-inline:auto}}
.bg-cap p{position:absolute;inset:0;opacity:0;transition:opacity .45s;color:rgba(255,255,255,.6);font-size:15.5px;max-width:62ch}
.bg-cap p.on{opacity:1;position:relative}
.bg-cap b{color:var(--white);font-weight:500}
.bg-legend{display:grid;grid-template-columns:1fr;gap:0;margin:clamp(40px,5vw,64px) 0 0;padding:0 0 110px;list-style:none}
.bg-legend li{padding:22px 0;border-top:1px solid var(--line-dark);display:grid;grid-template-columns:auto 1fr;gap:14px 18px;align-items:baseline}
.bg-legend li:last-child{border-bottom:1px solid var(--line-dark)}
.bg-legend .num{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--gold);letter-spacing:.12em}
.bg-legend h3{font-size:20px;font-family:'Schibsted Grotesk',sans-serif;font-weight:500;color:var(--white)}
.bg-legend p{grid-column:2;color:rgba(255,255,255,.6);font-size:14.5px;max-width:52ch}
.bg-legend .cnt{grid-column:2;font-family:'IBM Plex Mono',monospace;font-size:11px;color:rgba(255,255,255,.45);letter-spacing:.12em;text-transform:uppercase;margin-top:8px}
@media(min-width:860px){
  .bg-legend{grid-template-columns:repeat(4,1fr);gap:0 clamp(20px,2.4vw,34px)}
  .bg-legend li{border-bottom:1px solid var(--line-dark);grid-template-columns:1fr;gap:10px}
  .bg-legend p,.bg-legend .cnt{grid-column:1}
}
/* statisk SVG-fallback */
.bg-static .gb{fill:rgba(244,245,247,.026)}
.bg-static .ge{fill:none;stroke:rgba(244,245,247,.20);stroke-width:.9}
.bg-static .ge.gh{stroke:var(--gold);stroke-width:1.5;opacity:.85}
.bg-static .gn{fill:#B9BFCC}
.bg-static .gn.l2{fill:#F4F5F7}
.bg-static .gn.l3{fill:#F8D28C}
.bg-static .gl{font-family:'IBM Plex Mono',monospace;font-size:11px;fill:#9AA0B2}
.bg-static .gh1{font-family:'IBM Plex Mono',monospace;font-size:11.5px;fill:#F8D28C;letter-spacing:.1em;text-transform:uppercase}
.bg-static .grule{stroke:rgba(244,245,247,.18);stroke-width:1}
@media(max-width:859px){.bg-static .gl{display:none}}

/* ---------- gk: girskiftet (før/etter med dra-skillelinje) ---------- */
.gk-sec{background:var(--panel)}
.gk-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.85fr);gap:32px;align-items:end;margin-bottom:clamp(28px,3.4vw,44px)}
.gk-head .h2{max-width:16ch}
.gk-lead{color:var(--mute);font-size:15.5px;max-width:46ch}
.gk{background:var(--white);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;max-width:900px;margin-inline:auto}
.gk-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 22px;border-bottom:1px solid var(--line)}
.gk-tag{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.gk-hint{font-size:13px;color:var(--mute);display:flex;align-items:center;gap:9px}
.gk-hint svg{flex-shrink:0}
.gk-stage{position:relative;aspect-ratio:760/560;width:100%;background:var(--white);isolation:isolate}
.gk-layer{position:absolute;inset:0}
.gk-after{clip-path:inset(0 0 0 50%);z-index:2}
.gk-svg{width:100%;height:100%;display:block}
.gk-svg text{font-family:'Inter',sans-serif;font-size:14px;fill:var(--ink);font-weight:500}
.gk-svg .sm{font-size:12px;fill:var(--mute);font-weight:500}
.gk-svg .chip{font-family:'Schibsted Grotesk',sans-serif;font-size:15px;font-weight:600;letter-spacing:.02em}
.gk-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--gold-line);z-index:4;transform:translateX(-1px);pointer-events:none;border-radius:2px}
.gk-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:var(--gold);color:var(--ink);display:grid;place-items:center;box-shadow:0 8px 22px -8px rgba(217,165,75,.9);transition:box-shadow .25s var(--ease)}
.gk-range{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:5;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent;border:0}
.gk-range::-webkit-slider-thumb{-webkit-appearance:none;width:3px;height:100%;background:#000}
.gk-range::-moz-range-thumb{width:3px;height:100%;border:0;border-radius:0;background:#000}
.gk-range::-moz-range-track{background:transparent}
.gk-stage:has(.gk-range:focus-visible) .gk-handle{box-shadow:0 0 0 5px rgba(217,165,75,.35),0 8px 22px -8px rgba(217,165,75,.9)}
.gk-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);list-style:none;margin:0;padding:0}
.gk-stats li{padding:22px;border-left:1px solid var(--line)}
.gk-stats li:first-child{border-left:0}
.gk-val{font-family:'Schibsted Grotesk',sans-serif;font-weight:600;font-size:clamp(26px,3vw,38px);letter-spacing:-.04em;line-height:1;display:block;font-variant-numeric:tabular-nums}
.gk-lab{display:block;font-size:13px;color:var(--mute);margin-top:9px}
.gk-span{display:block;font-size:12px;font-weight:600;color:#B8863B;margin-top:5px;letter-spacing:.02em}
@media(max-width:820px){.gk-stats{grid-template-columns:repeat(2,1fr)}.gk-stats li:nth-child(3){border-left:0}.gk-stats li:nth-child(n+3){border-top:1px solid var(--line)}}
@media(max-width:700px){.gk-svg text{font-size:19px}.gk-svg .sm{font-size:17px}.gk-svg .chip{font-size:21px}.gk-handle{width:38px;height:38px}}
@media(max-width:960px){.gk-head{grid-template-columns:1fr;align-items:start;gap:14px}}
@media(max-width:440px){.gk-stats{grid-template-columns:1fr}.gk-stats li{border-left:0;border-top:1px solid var(--line)}.gk-stats li:first-child{border-top:0}}

/* ---------- bg som hero på AI-siden ---------- */
.bg-hero{padding-top:clamp(44px,5.5vw,76px)}
.bg-crumb{font-size:13px;color:rgba(255,255,255,.5);margin-bottom:22px}
.bg-crumb a{color:rgba(255,255,255,.5)}
.bg-crumb a:hover{color:var(--white)}
.bg-crumb span{color:rgba(255,255,255,.8)}
.bg-h1{font-size:clamp(30px,3.4vw,44px)}
.bg-lead{margin-top:16px}
.bg-cta{margin-top:26px}
.bg-head p b{color:var(--white);font-weight:500;display:block;margin-bottom:8px}

/* ---------- kontaktinfo ---------- */
.foot-mail{display:inline-block;margin-top:14px;font-size:14px;color:rgba(255,255,255,.75);border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:1px}
.foot-mail:hover{color:var(--white);border-color:var(--white)}
.talk-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* ============================================================
   FARGELAG (tidligere farger-v2.css, flettet inn 2026-08-03)

   Prinsipp:
   1. Hvit grunn er hovedregelen. Bare tre flater brytes: kundelogoene
      (tynt band), ROI-seksjonen (sidens kjernepåstand) og spørsmålene
      (ingen kort å farge, så grunnen er eneste virkemiddel).
   2. Kortene bærer fargen. Fire toner går igjen: sand, kjølig, lilla, gull.
      Samme fire som ligger på tjenestekortene, så ingenting er nytt.
   3. Naboer deler aldri tone. Rutenettene er forskjøvet slik at ingen
      kort har samme farge over, under eller ved siden av seg.
   4. Ingen farget tekst. All farge sitter i flater.

   #prosess står ikke her lenger: seksjonen er nå en mørk fullbredde
   scroll-journey og bærer sin egen flate.
   ============================================================ */

:root{
  /* grunner */
  --tint-sand:#F8F4EC;
  --tint-cool:#F1F4F9;
  --tint-gull:#FBF0DC;

  /* kortfyll: et hakk kraftigere enn grunnene, så kortene leser som objekter */
  --k-sand:#F5EFE3;
  --k-cool:#E8EEF7;
  --k-lilla:#ECE9F5;
  --k-gull:#FBEBCE;

  /* Etikettene lå på 3,2 mot hvitt, altså under AA allerede før fargene.
     Flere og litt kraftigere flater krever et hakk mørkere:
     #616775 gir 4,73 eller bedre mot alle åtte flatene her. */
  --soft:#616775;
}

/* ---------- 1. de tonede grunnene ---------- */
.trust { background:var(--tint-sand); border-top-color:#EDE6D8 }
#roi   { background:var(--tint-gull) }
#faq   { background:var(--tint-cool) }
#ansvar, #tall { background:transparent }

/* ---------- 2. «Det kan bety at vi …» — 3x2 fargemosaikk ---------- */
.bullet:nth-child(1){ background:var(--k-sand) }
.bullet:nth-child(2){ background:var(--k-cool) }
.bullet:nth-child(3){ background:var(--k-lilla) }
.bullet:nth-child(4){ background:var(--k-lilla) }
.bullet:nth-child(5){ background:var(--k-sand) }
.bullet:nth-child(6){ background:var(--k-cool) }

/* ---------- 3. ROI-seksjonen — hvite kort mot gullgrunnen ---------- */
#roi .rex        { background:var(--white); border-color:#EFE2C6 }
#roi .rex.accent { background:var(--gold);  border-color:var(--gold) }
#roi .vs         { border-top-color:#DCC49B }

/* ---------- 4. Vårt ansvar — 3x2, forskjøvet mot mosaikken over ---------- */
#ansvar .own-item:nth-child(1){ background:var(--k-cool);  border-color:#DCE5F1 }
#ansvar .own-item:nth-child(2){ background:var(--k-sand);  border-color:#EDE4D2 }
#ansvar .own-item:nth-child(3){ background:var(--k-lilla); border-color:#E0DBEF }
#ansvar .own-item:nth-child(4){ background:var(--k-lilla); border-color:#E0DBEF }
#ansvar .own-item:nth-child(5){ background:var(--k-cool);  border-color:#DCE5F1 }
#ansvar .own-item:nth-child(6){ background:var(--k-sand);  border-color:#EDE4D2 }

/* ---------- 5. Kundesitater — én tone per kort i karusellen ---------- */
.tcaro .tcard:nth-child(1){ background:var(--k-sand);  border-color:#EDE4D2 }
.tcaro .tcard:nth-child(2){ background:var(--k-cool);  border-color:#DCE5F1 }
.tcaro .tcard:nth-child(3){ background:var(--k-lilla); border-color:#E0DBEF }

/* ---------- 6. Resultater i tall — mosaikk, mørkt og gull beholdes ---------- */
#tall .ncard:nth-child(1){ background:var(--k-sand);  border-color:#EDE4D2 }
#tall .ncard:nth-child(2){ background:var(--k-cool);  border-color:#DCE5F1 }
#tall .ncard:nth-child(4){ background:var(--k-lilla); border-color:#E0DBEF }
#tall .ncard:nth-child(6){ background:var(--k-sand);  border-color:#EDE4D2 }
#tall .ncard.dark{ background:var(--ink); border-color:var(--ink) }
#tall .ncard.gold{ background:var(--gold); border-color:var(--gold) }

/* ---------- 7. Måling — de to lyse kortene får tone i stedet for grått.
   Rutenettet går lys, mørk, lys, mørk, så det er kort 1 og 3. ---------- */
.ai-grid > .acard:nth-child(1){ background:var(--k-sand) }
.ai-grid > .acard:nth-child(3){ background:var(--k-lilla) }

/* ---------- 8. Undersider — kortene der er også hvit på hvit ---------- */
.what-grid .wcard:nth-child(1){ background:var(--k-sand);  border-color:#EDE4D2 }
.what-grid .wcard:nth-child(2){ background:var(--k-cool);  border-color:#DCE5F1 }
.what-grid .wcard:nth-child(3){ background:var(--k-lilla); border-color:#E0DBEF }
.what-grid .wcard:nth-child(4){ background:var(--k-gull);  border-color:#F2DDB4 }
.wcard .w-ico{ background:rgba(255,255,255,.7); border:1px solid rgba(11,16,35,.06) }

.steps:not(.four) .step:nth-child(1){ background:var(--k-sand);  border-color:#EDE4D2 }
.steps:not(.four) .step:nth-child(2){ background:var(--k-cool);  border-color:#DCE5F1 }
.steps:not(.four) .step:nth-child(3){ background:var(--k-lilla); border-color:#E0DBEF }