/* =========================================================
   FORSIDEN, Easy Eiendom (2026-09-28). Bare forsiden lenker denne fila,
   og alt er avgrenset til body.tg-home. Kortene følger DESIGN.md: tolv
   kolonner, komplette strekrader på kol 1, 5, 9 og 12 ved kortets rader
   (topp, blokkstart, bunn), all tekst på kol 1, 5 eller 9, luft som
   skille, farger og mål bare fra tokens.css og skalaen. Prototypens
   verdier er oversatt til systemets: 44/52 for titler, 22 for korttitler,
   18/16 for lesing, 14 for små, mono 11 for etiketter.

   Kortene (2026-10-07): hero, verdien under filmen (#system0), produktstigen
   (#solutions0), Innsikt (#innsikt0) og kontakt. «Se hva som er mulig» (#mulig0) er tatt ut 2026-10-23.
   Dialogene (.tg-dialog) er AI og agenter, artikkelen, kalenderen og skjemaet.
   ========================================================= */

/* Rader: som .kol-1 til .kol-4 i grunn.css, men r4 vises høyrestilt også under 900 (som heroens .c4). */
.tg-home .rad{display:grid;grid-template-columns:repeat(4,1fr);column-gap:14px}
.tg-home .r1{grid-column:1/span 2;min-width:0;position:relative}
.tg-home .r2,.tg-home .r3{display:none}
.tg-home .r4{grid-column:3/span 2;display:flex;flex-direction:column;align-items:flex-end}
@media(min-width:900px){
  .tg-home .rad{grid-template-columns:repeat(12,1fr);column-gap:16px}
  .tg-home .r1{grid-column:1/span 4}.tg-home .r2{display:block;grid-column:5/span 4}.tg-home .r3{display:block;grid-column:9/span 2}.tg-home .r4{grid-column:11/span 2}
}
.tg-home .bunnrad{margin-top:60px;align-items:end}
@media(min-width:900px){.tg-home .bunnrad{margin-top:80px}}
/* En strekrad inni én celle: to streker, den andre høyrestilt (.hoyre, kol 9 og 12) eller på kol 3 under 900 (.mobil). */
.tg-home .strekrad{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}
@media(min-width:900px){.tg-home .strekrad{column-gap:16px}.tg-home .strekrad.mobil .strek+.strek{display:none}}
.tg-home .strekrad.hoyre .strek+.strek{justify-self:end}
@media(max-width:899px){.tg-home .strekrad.hoyre{display:none}}
.tg-home .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Korttittel i trinnet 22 (kortets tittel under 900 i grunnen). */
.tg-home .tg-tittel-m{font-family:var(--sans);font-weight:400;font-size:22px;line-height:108%;letter-spacing:-.05rem}
.tg-home .tg-tittel-s{font-family:var(--sans);font-weight:400;font-size:18px;line-height:112%;letter-spacing:-.04rem}
.tg-home svg text{font-family:var(--sans);line-height:100%}
.tg-home .f-moerk{fill:var(--knapp-moerk)}.tg-home .f-lys{fill:var(--lys)}.tg-home .f-kort{fill:var(--kort)}.tg-home .f-blekk{fill:var(--blekk)}.tg-home .f-tone{fill:var(--tone-tekst)}
.tg-home .s-lys{stroke:var(--lys)}.tg-home .s-dempet{stroke:var(--dempet)}.tg-home .s-tone{stroke:var(--tone-tekst)}
.tg-home .pil path{fill:currentColor}

/* HERO. Film fyller, slør, én tittel nede til venstre uten avspillingsknapp. */
.tg-home .hero.er-hero{padding-top:14px}
.tg-home .hero .ramme{position:relative;background:var(--blekk);height:max(560px,72vh);overflow:hidden}
@media(min-width:900px){.tg-home .hero.er-hero{padding-top:22px}.tg-home .hero .ramme{height:max(560px,calc(100svh - 132px))}}
.tg-home .hero .medie{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tg-home .hero .medie.hero-image{opacity:0}
/* Uten avdekkingen (redusert bevegelse, eller ingen IntersectionObserver) setter ingen opacity tilbake, og filmen
   sto som en svart flate (Firefox, 2026-10-28). Da skal filmen være synlig fra start. */
html:not(.avdekk) .tg-home .hero .medie.hero-image{opacity:1}
.tg-home .hero .ramme.film-feilet .medie{opacity:1}
.tg-home .hero .overlegg{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;color:var(--hvit)}
.tg-home .hero .overlegg .strek{background:var(--lys)}
.tg-home .hero .senter{flex:1;align-items:end;align-content:end;row-gap:22px;padding-top:40px;padding-bottom:40px}
.tg-home .herocopy{grid-column:1/span 4}
@media(min-width:900px){.tg-home .herocopy{grid-column:1/span 8}}
.tg-home .hero h1{font-family:var(--sans);font-weight:400;font-size:28px;line-height:100%;letter-spacing:-.08rem;color:var(--hvit)}
@media(min-width:600px){.tg-home .hero h1{font-size:44px;letter-spacing:-.12rem}}
@media(min-width:1200px){.tg-home .hero h1{font-size:52px;letter-spacing:-.16rem}}



.tg-home #solutions0,.tg-home #easycortex,.tg-home #ai-og-agenter,.tg-home #system0,.tg-home #innsikt0{scroll-margin-top:120px}
@media(max-width:899px){.tg-home #solutions0,.tg-home #easycortex,.tg-home #ai-og-agenter,.tg-home #system0,.tg-home #innsikt0{scroll-margin-top:88px}}
.tg-home #solutions0:focus-visible{outline:1px solid var(--blekk);outline-offset:-4px}

/* VERDIEN UNDER FILMEN (#system0.verdi-b, eierens skisse B 2026-10-07). Tre soner med hvert sitt midtstilte
   utsagn over en levende graf: 44 domener som trekkes sammen til én graf fra sone til sone mens man ruller
   (forside.js punkt 1). Den tredje sonen har karusellen (fra 2026-10-26 ett vindu med tre steg over én tegning). Teksten står midtstilt etter eierens ønske (.fritt,
   DESIGN.md §4); strekradene er komplette øverst og nederst. Titler 52 fra 1200 (som heroen), 44 fra 600, 32 under. */
/* Hver sone fyller skjermen under toppfeltet (64 under 900, 84 fra 900), så neste utsagn ikke synes før man ruller
   (eieren 2026-10-07). Innholdet står midt i sonen; utsagnet toner inn og løfter seg når sonen nærmer seg midten (forside.js). */
.tg-home .vb-sone{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 64px);min-height:calc(100svh - 64px);padding:80px 0}
@media(min-width:900px){.tg-home .vb-sone{min-height:calc(100vh - 84px);min-height:calc(100svh - 84px);padding:120px 0}}
.tg-home .vb-sone:last-of-type{padding-bottom:40px}
.tg-home .vb-sone.bevegelse .vb-utsagn{will-change:opacity,transform}
/* Én graf bak alle tre sonene (2026-10-09, eieren: «connecte bakgrunnsanimasjonen mellom seksjonene»): lerretet står
   fast under toppfeltet mens sonene ruller forbi, så grafen henger sammen fra første utsagn til fanene. Kortet klipper
   med clip i stedet for hidden, så det ikke blir en egen rullebeholder og lerretet kan stå fast mot skjermen. */
.tg-home .verdi-b>.kort{overflow:clip}
/* Uten gradnettet (2026-10-13, eieren: «blir for utydelig og gjør animasjonen bråkete»): grafen står alene på kortflaten. */
.tg-home .verdi-b>.kort{background-image:none}
.tg-home .vb-reise{position:relative}
.tg-home .vb-scene{position:absolute;inset:0;pointer-events:none}
.tg-home .vb-graf{position:sticky;top:64px;width:100%;height:calc(100vh - 64px);height:calc(100svh - 64px);display:block;pointer-events:none}
@media(min-width:900px){.tg-home .vb-graf{top:84px;height:calc(100vh - 84px);height:calc(100svh - 84px)}}
@media(max-width:599px){.tg-home .vb-graf{opacity:.5}}
.tg-home .vb-utsagn{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center;padding:0 var(--indre-mobil)}
.tg-home .vb-utsagn h2{max-width:20ch;font-family:var(--sans);font-weight:400;font-size:32px;line-height:102%;letter-spacing:-.1rem;text-wrap:balance}
@media(min-width:600px){.tg-home .vb-utsagn h2{font-size:44px;letter-spacing:-.12rem}}
@media(min-width:1200px){.tg-home .vb-utsagn h2{font-size:52px;letter-spacing:-.16rem}}
/* «Morgendagens muligheter. I dag.» står på én linje der den får plass, fra omtrent 640 px (eieren 2026-10-28); smalere brytes den balansert. */
.tg-home .vb-utsagn h2.en-linje{max-width:none}
.tg-home .vb-utsagn p{max-width:44ch;font-family:var(--sans);font-size:18px;line-height:132%;letter-spacing:-.04rem;color:var(--tone-tekst);text-wrap:pretty}
@media(min-width:900px){.tg-home .vb-utsagn p{font-size:22px;letter-spacing:-.05rem}}
/* Karusellen i tredje sone (eieren 2026-10-26, forslag A «Kvartalet»; fra 2026-10-23 til 2026-10-26 tre vinduer i et spor).
   Ett mørkt vindu med tre steg. Over vinduet står velgerne 01 Se hele bildet, 02 Forstå sammenhengene og 03 Bruk innsikten med tidsstripe i den
   valgte (forside.js). I vinduet står stegets tittel og tekst øverst, som flatene med teksten i vinduets egen luft (.fritt,
   unntaket i DESIGN.md §4): tittelen fra kol 1, teksten fra kol 3 av fire fra 900. Stegene ligger oppå hverandre og tones
   over når steget skifter. Under står tegningen i hele bredden, og «Se deres eget prosjekt» nederst. Uten skript står de
   tre stegene under hverandre, og tegningen vises ikke. Utsagnet over står tett på velgerne, 28, og ligger stille sammen
   med vinduet (eieren 2026-10-25: «som én samlet seksjon»). */
.tg-home .vb-karusell{--kant:28px;position:relative;margin-top:28px}
@media(min-width:900px){.tg-home .vb-karusell{--kant:60px}}
@media(min-width:1200px){.tg-home .vb-karusell{--kant:80px}}
.tg-home .vb-velgerrad{display:flex;justify-content:center;gap:8px;margin:0 var(--indre-mobil) 28px}
.tg-home .vb-velgerrad[hidden]{display:none}
.tg-home .vb-velgere{display:flex;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none}
.tg-home .vb-velgere::-webkit-scrollbar{display:none}
/* De lengre navnene fra 2026-10-28 får ikke plass på én rad på mobil: der brytes velgerne til neste rad, midtstilt. */
@media(max-width:599px){.tg-home .vb-velgere{flex-wrap:wrap;justify-content:center;overflow:visible}}
.tg-home .vb-velger{flex:none;font-family:var(--sans);font-size:16px;line-height:132%;letter-spacing:-.03rem;white-space:nowrap}
.tg-home .vb-velger{position:relative;overflow:hidden;min-width:44px;min-height:44px;padding:0 16px;border:0;border-radius:6px;background:var(--knapp-graa);color:var(--blekk);cursor:pointer;transition:background var(--t-hover),color var(--t-hover)}
.tg-home .vb-velger[aria-current="true"]{background:var(--knapp-moerk);color:var(--hvit)}
@media(hover:hover){.tg-home .vb-velger:not([aria-current="true"]):hover{background:var(--lys)}}
.tg-home .vb-velger:focus-visible{outline:1px solid var(--blekk);outline-offset:3px}
.tg-home .vb-fremdrift{position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;transform-origin:left;transform:scaleX(var(--fremdrift,0));pointer-events:none}
.tg-home .vb-vindu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 14px;margin:0 var(--kant);padding:22px;border-radius:var(--kortradius);background:var(--blekk);color:var(--lys)}
.tg-home .vb-stegene{grid-column:1/-1;display:grid;gap:40px}
.tg-home .vb-steg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px;align-content:start}
.tg-home .vb-karusell.klar .vb-stegene{gap:0}
.tg-home .vb-karusell.klar .vb-steg{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s .6s}
.tg-home .vb-karusell.klar .vb-steg.aktiv{opacity:1;visibility:visible;transition:opacity .6s ease .15s,visibility 0s}
.tg-home .vb-vindu h3{grid-column:1/-1;font-family:var(--sans);font-weight:400;font-size:28px;line-height:102%;letter-spacing:-.08rem;color:var(--hvit);text-wrap:balance}
.tg-home .vb-linje{grid-column:1/-1;font-size:16px;line-height:132%;letter-spacing:-.03rem;color:var(--lys);text-wrap:pretty}
.tg-home .vb-tegning{grid-column:1/-1;min-width:0}
.tg-home .vb-karusell:not(.klar) .vb-tegning{display:none}
.tg-home .vb-vindu>.knapp-wrap{grid-column:1/-1;justify-self:start}
@media(min-width:900px){
  .tg-home .vb-vindu{gap:40px 16px;padding:40px}
  .tg-home .vb-steg{gap:16px}
  .tg-home .vb-vindu h3{grid-column:1/span 2;font-size:32px;letter-spacing:-.1rem}
  .tg-home .vb-linje{grid-column:3/span 2;font-size:18px;letter-spacing:-.04rem}
  .tg-home .vb-vindu>.knapp-wrap{justify-self:end}
}
@media(min-width:1200px){.tg-home .vb-vindu h3{font-size:44px;letter-spacing:-.12rem}}
@media(prefers-reduced-motion:reduce){.tg-home .vb-karusell.klar .vb-steg,.tg-home .vb-karusell.klar .vb-steg.aktiv{transition:none}}
/* Tegningen (eieren 2026-10-26): et kvartal i lett isometri i blueprint-språket fra vinduene før, bygget av forside.js i
   en SVG med viewBox 1100 × 520 fra 900 og et tettere utsnitt rundt kvartalet under 900 (uten etiketter og arbeidsflate).
   Fargene kommer fra tokenene: klassene f-navn (fyll) og s-navn (strek). Uten color-mix brukes nærmeste token. */
.tg-home .vb-tegning{--f-a1:var(--color-s1);--f-a2:var(--color-s2);--f-a3:var(--color-s3);--f-a4:var(--color-s4);--f-linje:var(--knapp-moerk);--f-flate:var(--blekk);--f-node:var(--knapp-moerk);--f-nodekant:var(--dempet);--f-prikk:var(--knapp-moerk)}
@supports (color:color-mix(in srgb,red 50%,blue)){.tg-home .vb-tegning{--f-a1:color-mix(in srgb,var(--color-s1) 70%,var(--hvit));--f-a2:color-mix(in srgb,var(--color-s2) 70%,var(--hvit));--f-a3:color-mix(in srgb,var(--color-s3) 70%,var(--hvit));--f-a4:color-mix(in srgb,var(--color-s4) 70%,var(--hvit));--f-linje:color-mix(in srgb,var(--lys) 20%,var(--blekk));--f-flate:color-mix(in srgb,var(--lys) 5%,var(--blekk));--f-node:color-mix(in srgb,var(--lys) 12%,var(--blekk));--f-nodekant:color-mix(in srgb,var(--lys) 36%,var(--blekk));--f-prikk:color-mix(in srgb,var(--lys) 12%,var(--blekk))}}
.tg-home .vb-tegning svg{display:block;width:100%;height:auto;overflow:visible}
/* Utsnittet under 1024 klippes i kanten, så prikkene ikke går ut av vinduet, og blir ikke bredere enn 560. */
.tg-home .vb-tegning svg.smal{overflow:hidden;max-width:560px;margin:0 auto}
.tg-home .vb-tegning path,.tg-home .vb-tegning circle,.tg-home .vb-tegning rect{vector-effect:non-scaling-stroke}
.tg-home .vb-tegning [pathLength]{vector-effect:none}
.tg-home .vb-tegning .m{font-family:var(--mono);font-size:12px;letter-spacing:-.02em;fill:var(--lys)}
.tg-home .vb-tegning .m.l{fill:var(--dempet)}
.tg-home .vb-tegning .m.h{fill:var(--hvit)}
.tg-home .vb-tegning .m.b{fill:var(--blekk)}
.tg-home .vb-tegning .s3{font-family:var(--sans);font-size:15px;letter-spacing:-.03em;fill:var(--hvit)}
.tg-home .vb-tegning .f-a1{fill:var(--f-a1)}.tg-home .vb-tegning .f-a2{fill:var(--f-a2)}.tg-home .vb-tegning .f-a3{fill:var(--f-a3)}.tg-home .vb-tegning .f-a4{fill:var(--f-a4)}
.tg-home .vb-tegning .f-lys{fill:var(--lys)}.tg-home .vb-tegning .f-hvit{fill:var(--hvit)}.tg-home .vb-tegning .f-dempet{fill:var(--dempet)}.tg-home .vb-tegning .f-mork{fill:var(--knapp-moerk)}.tg-home .vb-tegning .f-blekk{fill:var(--blekk)}
.tg-home .vb-tegning .f-flate{fill:var(--f-flate)}.tg-home .vb-tegning .f-node{fill:var(--f-node)}.tg-home .vb-tegning .f-prikk{fill:var(--f-prikk)}.tg-home .vb-tegning .f-ingen{fill:none}
.tg-home .vb-tegning .s-a1{stroke:var(--f-a1)}.tg-home .vb-tegning .s-a2{stroke:var(--f-a2)}.tg-home .vb-tegning .s-a3{stroke:var(--f-a3)}.tg-home .vb-tegning .s-a4{stroke:var(--f-a4)}
.tg-home .vb-tegning .s-lys{stroke:var(--lys)}.tg-home .vb-tegning .s-hvit{stroke:var(--hvit)}.tg-home .vb-tegning .s-blekk{stroke:var(--blekk)}.tg-home .vb-tegning .s-dempet{stroke:var(--dempet)}
.tg-home .vb-tegning .s-linje{stroke:var(--f-linje)}.tg-home .vb-tegning .s-nodekant{stroke:var(--f-nodekant)}
/* Det som beveger seg hele tiden: kildene svever, markørene pulserer, pekeren klikker i 03. Står stille ved redusert bevegelse. */
@keyframes vb-sveve{from{transform:translateY(-3px)}to{transform:translateY(3px)}}
@keyframes vb-puls{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.4);opacity:0}}
@keyframes vb-klikk{0%{transform:scale(.3);opacity:0}20%{opacity:.9}100%{transform:scale(1.8);opacity:0}}
.tg-home .vb-tegning .sveve{animation:vb-sveve 3.2s ease-in-out infinite alternate}
.tg-home .vb-tegning .puls{transform-box:fill-box;transform-origin:center;animation:vb-puls 2s ease-out infinite}
.tg-home .vb-tegning .klikk{transform-box:fill-box;transform-origin:center;opacity:0}
.tg-home .vb-tegning svg[data-s="2"] .klikk{animation:vb-klikk .7s ease-out both;animation-delay:var(--klikk,2s)}
@media(prefers-reduced-motion:reduce){.tg-home .vb-tegning .sveve,.tg-home .vb-tegning .puls,.tg-home .vb-tegning svg[data-s="2"] .klikk{animation:none}}

/* INNSIKT (#innsikt0), 2026-10-07; hodet heter .mulig-hode fra «Se hva som er mulig», som er tatt ut 2026-10-23. Midtstilt hode (.fritt), så flater på kol 1, 5 og 9.
   Flatene er lenker; teksten inni står med flatens egen luft (unntaket for flater i DESIGN.md §4). Under 900 stables de. */
.tg-home .mulig-hode{display:flex;flex-direction:column;align-items:center;gap:12px;margin:16px 0 32px;text-align:center}
@media(min-width:900px){.tg-home .mulig-hode{margin:22px 0 40px}} /* 2026-10-09: mindre luft rundt overskriften (eieren); 22 og 40 fra skalaen 2026-10-25 (var 20 og 48) */
.tg-home .mulig-hode h2{font-family:var(--sans);font-weight:400;font-size:32px;line-height:102%;letter-spacing:-.1rem}
@media(min-width:900px){.tg-home .mulig-hode h2{font-size:44px;letter-spacing:-.12rem}}
.tg-home .mulig-hode p{max-width:52ch;font-size:16px;line-height:132%;letter-spacing:-.03rem;color:var(--tone-tekst)}
@media(min-width:900px){.tg-home .mulig-hode p{font-size:18px;letter-spacing:-.04rem}}
.tg-home .innsikt-flater{display:grid;grid-template-columns:1fr;gap:14px}
.tg-home .flate{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:22px;min-height:220px;padding:22px;overflow:hidden;border-radius:var(--kortradius);background:var(--hvit);color:var(--blekk);text-decoration:none}
.tg-home .flate h3{max-width:22ch;margin-top:12px;font-family:var(--sans);font-weight:400;font-size:22px;line-height:108%;letter-spacing:-.05rem}
@media(min-width:900px){.tg-home .flate h3{font-size:28px;line-height:102%;letter-spacing:-.08rem}}
.tg-home .flate .les{display:inline-flex;gap:8px}
.tg-home a.flate:focus-visible{outline:1px solid var(--blekk);outline-offset:4px}
@media(hover:hover){.tg-home a.flate:hover .les{text-decoration:underline;text-underline-offset:var(--understrek-avstand)}}
.tg-home .flate.moerk{background:var(--blekk);color:var(--hvit)}
.tg-home .flate.moerk .eyebrow{color:var(--lys)}
/* Innsikt (2026-10-09): artikkelbildet i de tre små kortene, øverst på mobil og til høyre fra 900. */
.tg-home .flate.med-bilde img{display:block;width:calc(100% + 44px);max-width:none;height:auto;margin:-22px -22px 0;aspect-ratio:16/9;object-fit:cover}
.tg-home .flate.stor img{position:relative;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--medieradius);background:var(--hvit)}
.tg-home .flate.stor h3{max-width:24ch}
.tg-home .flate .emne{margin-left:12px;color:var(--hvit)}
.tg-home .innsikt-mer{margin-top:40px;text-align:center}
@media(min-width:900px){
  .tg-home .innsikt-flater{grid-template-columns:repeat(12,1fr);gap:16px}
  .tg-home .flate{padding:28px}
  .tg-home .flate.med-bilde{display:grid;grid-template-columns:minmax(0,1fr) 42%;grid-template-rows:1fr auto;column-gap:28px}
  .tg-home .flate.med-bilde img{grid-column:2;grid-row:1/span 2;width:calc(100% + 28px);height:calc(100% + 56px);margin:-28px -28px -28px 0;aspect-ratio:auto}
  .tg-home .flate.med-bilde>div{grid-column:1;grid-row:1}
  .tg-home .flate.med-bilde .les{grid-column:1;grid-row:2}
  .tg-home .flate.stor{grid-column:1/span 6;grid-row:1/span 3}
  .tg-home .innsikt-flater>.flate:not(.stor){grid-column:7/span 6}
  .tg-home .innsikt-mer{margin-top:60px}
}
@media(prefers-reduced-motion:reduce){.tg-home .vb-velger{transition:none}}

/* LØSNINGER (#solutions0). Faste bilder: forklaring i kol 1 til 3, navn i 5 til 8, bilde i 9 til 11 og pil mot 12. */
.tg-home .solution-list{margin-top:60px}
.tg-home .solution-item{position:relative}
.tg-home .solution-item+.solution-item{margin-top:40px}
@media(min-width:900px){.tg-home .solution-item+.solution-item{margin-top:60px}}
.tg-home .solution-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);column-gap:14px;align-items:end;color:var(--blekk)}
@media(min-width:900px){.tg-home .solution-row{grid-template-columns:repeat(12,1fr);column-gap:16px}}
.tg-home .solution-row p{grid-column:1/span 4;max-width:var(--maal-kort)}
.tg-home .solution-row h3{grid-column:1/span 3;margin-top:12px;min-width:0;overflow-wrap:anywhere}
.tg-home .solution-arrow{grid-column:4;justify-self:end;align-self:end;width:14px;height:14px;transition:transform var(--t-hover)}
@media(min-width:900px){.tg-home .solution-row p{grid-column:1/span 3;align-self:start}.tg-home .solution-row h3{grid-column:5/span 7;margin-top:0}.tg-home .solution-arrow{grid-column:12;width:22px;height:22px}}
.tg-home .solution-arrow path{fill:none;stroke:currentColor;stroke-width:1.5}
.tg-home .solution-row:hover .solution-arrow{transform:translate(3px,-3px)}
.tg-home .solution-row:focus-visible{outline:1px solid var(--blekk);outline-offset:8px}
.tg-home .solution-row h3 strong{font-weight:500}
.tg-home .solution-preview{grid-column:1/span 4;margin-top:22px;min-width:0;max-width:360px}
@media(min-width:900px){
  .tg-home .solution-item{align-items:center}
  .tg-home .solution-row{grid-row:1;align-items:center;min-height:100%}
  .tg-home .solution-row p,.tg-home .solution-arrow{align-self:center}
  .tg-home .solution-row h3{grid-column:5/span 4}
  .tg-home .solution-preview{grid-column:9/span 3;grid-row:1;width:100%;max-width:360px;margin:0;pointer-events:none}
  .tg-home .solution-preview figcaption{display:none}
}
@media(min-width:900px) and (max-width:1199px){.tg-home .solution-row h3{font-size:32px;line-height:102%;letter-spacing:-.1rem}}
.tg-home .solution-preview img,.tg-home .solution-preview svg{width:100%;height:auto;display:block;border-radius:var(--medieradius);background:var(--knapp-graa)}
.tg-home .solution-preview figcaption{margin-top:12px;max-width:var(--maal-bred)}

/* PRODUKTSTIGEN SOM PALANTIRS LISTE (#solutions0.stige, 2026-10-20, eierens video av palantir.com).
   Overskriften «Våre løsninger» på kol 1, så én rad per produkt: nummer og forklaring i kol 1 til 3,
   bilde eller film i kol 5 til 8 (16:9) og navnet stort på kol 9. Radene står tett, uten skille;
   den valgte raden får en lys flate i kortets bredde, bildet i farger og filmen i gang. De andre
   bildene står svakt i gråtoner, som Palantirs merker. Valget følger peker og tastatur; uten valg
   går stigen videre av seg selv (skriptet i forside.js). Uten skript står alle bildene i farger.
   Under 900 står hver rad som nummer, navn, forklaring og bilde, med 40 luft mellom radene. */
.tg-home #solutions0 .stige-tittel{margin-top:40px;font-family:var(--sans);font-weight:400;font-size:28px;line-height:102%;letter-spacing:-.08rem}
.tg-home #solutions0.stige .solution-list{margin-top:40px}
.tg-home #solutions0.stige .solution-nr{grid-column:1/span 4;grid-row:1}
.tg-home #solutions0.stige .solution-row h3{grid-column:1/span 3;grid-row:2;margin-top:12px;font-size:32px;line-height:102%;letter-spacing:-.1rem}
.tg-home #solutions0.stige .solution-arrow{grid-row:2}
.tg-home #solutions0.stige .solution-row p{grid-column:1/span 4;grid-row:3;margin-top:12px;color:var(--blekk)}
.tg-home #solutions0.stige .solution-preview{position:relative;max-width:none}
.tg-home #solutions0.stige .solution-preview>img,.tg-home #solutions0.stige .solution-preview>svg{aspect-ratio:16/9;object-fit:cover}
.tg-home #solutions0.stige .stige-film{display:none}
@media(min-width:900px){
  .tg-home #solutions0 .stige-tittel{margin-top:60px;font-size:32px;letter-spacing:-.1rem}
  .tg-home #solutions0.stige .solution-list{margin-top:60px}
  .tg-home #solutions0.stige .solution-item{align-items:stretch;padding-top:var(--indre);padding-bottom:var(--indre);transition:background-color var(--t-hover)}
  .tg-home #solutions0.stige .solution-item+.solution-item{margin-top:0}
  .tg-home #solutions0.stige .solution-item.aktiv{background:var(--side-bg)}
  .tg-home #solutions0.stige .solution-row{grid-row:1;grid-template-rows:1fr auto;align-items:start;min-height:0}
  .tg-home #solutions0.stige .solution-row p{grid-column:1/span 3;grid-row:1;align-self:start;margin:0;max-width:var(--maal-kort)}
  .tg-home #solutions0.stige .solution-nr{grid-column:1/span 3;grid-row:2;align-self:end}
  .tg-home #solutions0.stige .solution-row h3{grid-column:9/span 4;grid-row:1/span 2;align-self:start;margin:0;font-size:44px;line-height:100%;letter-spacing:-.12rem;white-space:nowrap}
  .tg-home #solutions0.stige .solution-arrow{grid-column:12;grid-row:1;align-self:start;color:transparent;transition:color var(--t-hover),transform var(--t-hover)}
  .tg-home #solutions0.stige .solution-item.aktiv .solution-arrow{color:var(--blekk)}
  .tg-home #solutions0.stige .solution-preview{grid-column:5/span 4;grid-row:1;width:100%;margin:0;aspect-ratio:16/9;overflow:hidden;border-radius:var(--medieradius);pointer-events:none;transition:opacity .6s ease,filter .6s ease}
  .tg-home #solutions0.stige .solution-preview>img,.tg-home #solutions0.stige .solution-preview>svg{height:100%;border-radius:0}
  .tg-home #solutions0.stige .solution-preview figcaption{display:none}
  .tg-home #solutions0.stige .stige-film{display:block;position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}
  .tg-home #solutions0.stige .solution-item.aktiv .solution-preview.spiller .stige-film{opacity:1}
  .tg-home #solutions0.stige.klar .solution-item:not(.aktiv) .solution-preview{opacity:.1;filter:grayscale(1)}
}
@media(min-width:1200px){.tg-home #solutions0.stige .solution-row h3{font-size:52px;letter-spacing:-.16rem}}
@media(min-width:1360px){.tg-home #solutions0.stige .solution-row h3{font-size:72px;letter-spacing:-.22rem}}
@media(prefers-reduced-motion:reduce){.tg-home #solutions0.stige .solution-item,.tg-home #solutions0.stige .solution-preview,.tg-home #solutions0.stige .stige-film{transition:none}}



/* Kontakt: to store knapper direkte på siden, med sentrert tekst. */
.tg-home .contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tg-home .contact-actions .tg-cta{position:relative;justify-content:center;min-height:180px;padding:28px 60px;text-align:center;font-size:32px;line-height:102%;letter-spacing:-.1rem;border-color:transparent}
.tg-home .contact-actions .demo-cta{background:var(--knapp-graa);color:var(--blekk)}
.tg-home .contact-actions .demo-cta:hover{background:var(--lys)}
.tg-home .contact-actions .inquiry-cta{background:var(--blekk);color:var(--hvit)}
.tg-home .contact-actions .inquiry-cta:hover{background:var(--knapp-moerk)}
.tg-home .contact-actions .tg-cta:focus-visible{outline:2px solid var(--blekk);outline-offset:4px}
.tg-home .contact-actions .pil{position:absolute;right:28px;top:50%;transform:translateY(-50%);width:24px;height:24px}
.tg-home .contact-actions .pil path{fill:none;stroke:currentColor;stroke-width:1.5}
.tg-home .contact-actions .hjelp{display:block;margin-top:10px;font-size:16px;line-height:112%;letter-spacing:-.03rem;opacity:.72}
@media(max-width:599px){.tg-home .contact-actions{grid-template-columns:1fr;gap:14px}.tg-home .contact-actions .tg-cta{min-height:160px;font-size:28px;letter-spacing:-.08rem;padding-inline:56px}.tg-home .contact-actions .pil{right:22px}}

/* AI og agenter */
.tg-dialog ol{list-style:none;padding:0;margin:0}
.tg-dialog .ai-lead{margin-top:22px;max-width:var(--maal-bred)}
.tg-dialog .ai-workflow{margin-top:60px}
.tg-dialog .ai-workflow>h3{margin-top:14px;max-width:var(--maal-kort)}
.tg-dialog .ai-workflow-intro{margin-top:16px;max-width:var(--maal-bred)}
.tg-dialog .ai-workflow-steps{display:grid;grid-template-columns:1fr;gap:22px 16px;margin-top:40px}
@media(min-width:900px){.tg-dialog .ai-workflow-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tg-dialog .ai-workflow-steps h4{margin-top:12px}
.tg-dialog .ai-workflow-steps p{margin-top:8px;max-width:var(--maal)}
.tg-dialog .ai-task-example{margin-top:40px;padding:18px;background:var(--lys);border-radius:6px}
@media(min-width:900px){.tg-dialog .ai-task-example{padding:22px}}
.tg-dialog .ai-task-example blockquote{margin-top:12px;max-width:var(--maal-bred)}
.tg-dialog .ai-workflow-note{margin-top:16px;max-width:var(--maal-bred)}
.tg-dialog .ai-offerings{display:grid;grid-template-columns:1fr;gap:22px 16px;margin-top:60px}
@media(min-width:900px){.tg-dialog .ai-offerings{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tg-dialog .ai-offerings h3{margin-top:12px}
.tg-dialog .ai-offerings p{margin-top:12px;max-width:var(--maal)}
.tg-dialog .ai-foundation{margin-top:60px;padding:18px;background:var(--lys);border-radius:6px}
@media(min-width:900px){.tg-dialog .ai-foundation{padding:22px}}
.tg-dialog .ai-foundation>p{margin-top:12px;max-width:var(--maal-bred)}
.tg-dialog .ai-source-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:16px}
.tg-dialog .ai-next{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:40px}
.tg-dialog .ai-next p{max-width:var(--maal)}
/* Artikkelen: lesespalten som i grunnens .lesing, 656 bred. */
.tg-dialog .reader-article{max-width:656px;margin-top:40px}
.tg-dialog .article-title{margin-top:12px;max-width:none;outline:none}
.tg-dialog .article-lead{margin-top:22px}
.tg-dialog .article-body{margin-top:40px}
.tg-dialog .article-body p{margin-bottom:22px}
.tg-dialog .article-body h3{margin:40px 0 12px}
.tg-dialog .article-body ul{list-style:disc;padding-left:40px;margin-bottom:22px}
.tg-dialog .article-body li{margin-bottom:12px}
.tg-dialog .article-body li::marker{color:var(--dempet)}
.tg-dialog .article-body b{font-weight:500;color:var(--blekk)}
.tg-dialog .article-action{margin-top:40px}