/* ============================================================
   «Ditt første AI-team» — opt-in for lead magneten
   Søsken av INNSIDEN (innsiden/assets/innsiden.css): samme tokens,
   samme rutenett, samme knapp, samme kort med harde skygger, samme
   olive «Hei, jeg er Hege Christine» og samme mørke toppbanner.
   Kopiert inn her (ikke lenket) så endringer på INNSIDEN ikke flytter
   denne siden. Figurene (de sju AI-ansatte) kommer fra ai-ansatte.css.

   Kjennetegnet fra INNSIDEN-heroen — revne papirlapper, svarte
   knappenåler og en rød tråd — er bygget i CSS/SVG her, med guidens
   omslag i midten og de AI-ansatte på lappene.

   Brandregler: rust KUN på handlinger (knapper/lenker). Den røde tråden
   er en illustrasjon i INNSIDEN-kollasjens eget språk, ikke en flate.
   Sand er aksent (lapper, harde skygger, tall), aldri en hel seksjon.
   Rutenettet står på to flater: heroen og teamet.
   ============================================================ */

:root {
  --cream: #EFE6D4;
  --cream-hi: #F7F1E4;
  --ink: #2E3230;
  --rust: #C5522C;
  --rust-mork: #A8421F;
  --olive: #5E5F4C;
  --sage: #AFBEA0;
  --sand: #F0D9A8;
  --papir: #EDE3CC;
  --traad: #B8412A;

  --display: 'Archivo', system-ui, sans-serif;
  --display-vekt: 800;
  --display-sperring: -0.032em;

  /* revne papirkanter (clip-path) */
  --riv1: polygon(0% 0.8%,2.3% 1.7%,4.4% 1.4%,7.3% 0.2%,10.5% 0.1%,13.5% 0.2%,15.7% 1.1%,19.7% 0.3%,22.2% 1.6%,26.5% 1.5%,29.5% 2.5%,31.5% 2.2%,34.2% 0.4%,36.4% 0.8%,40.4% 0.5%,43.8% 1.7%,46.7% 1.4%,48.8% 0.2%,51.2% 1.8%,54.2% 0.8%,57.7% 1.2%,60.3% 2.1%,64.1% 0.6%,67.4% 1.4%,71.6% 1.9%,74.3% 2.5%,76.5% 1.1%,80.3% 0.4%,83.5% 0.1%,87.1% 2%,90.5% 2.3%,93.3% 1.8%,96.7% 1.5%,99.8% 2.2%,98.3% 2.9%,98.2% 5%,97.4% 8.6%,99.3% 12.6%,98.3% 15.5%,98.8% 17.5%,99.7% 19.9%,98% 21.9%,99.4% 24.2%,97.7% 27.1%,98.8% 29.2%,97.7% 32.6%,97.8% 36.6%,98.9% 39.2%,97.7% 42%,99.6% 46.4%,99.4% 48.8%,98.7% 51.3%,99.3% 54.7%,98.9% 56.7%,98.5% 59.5%,98.2% 63.9%,98.4% 67.1%,99.9% 70.8%,98% 75%,97.9% 79.2%,99% 82.1%,98.4% 84.3%,99.8% 86.3%,99.6% 88.8%,99.9% 91.6%,99.6% 93.5%,99.1% 95.7%,100% 97.7%,96.5% 99.6%,93.9% 99.1%,91.1% 99.7%,87% 97.4%,83.9% 98.7%,81.7% 99.7%,78.9% 99.3%,74.9% 99.6%,72.9% 97.5%,69.7% 99.6%,66.3% 99.9%,63.1% 97.5%,58.9% 98.2%,56.4% 99%,54% 98%,50.7% 98%,48% 99.4%,44% 97.4%,39.9% 97.9%,35.8% 98.1%,33.3% 98.7%,30.5% 99.9%,28.5% 99.3%,25.9% 98.2%,21.6% 98.8%,17.2% 97.4%,12.9% 99.1%,10.4% 99.4%,8% 99.5%,4.5% 97.7%,0.4% 98.8%,0.2% 97.6%,2.4% 94%,2% 90.1%,0.5% 86.9%,0.9% 83%,2.5% 79%,1% 76.1%,1.9% 71.7%,0.3% 69.4%,2.4% 67.1%,0.4% 63.1%,2.5% 59.1%,0.9% 55.4%,0.3% 52.1%,2.5% 50.2%,1.4% 46.6%,1.1% 42.3%,2.1% 38.1%,0.7% 35.7%,0.6% 33%,0.7% 29.6%,0.3% 26.6%,0.9% 22.3%,1.5% 19.2%,1.1% 15%,1.3% 10.7%,1.4% 7.5%,1.1% 5.5%,0% 3.1%);
  --riv2: polygon(0% 0.6%,4.4% 0.3%,8.1% 0.2%,10.7% 2.6%,13.1% 1.7%,16.2% 1.2%,19.4% 0.5%,23.4% 0.2%,26% 0.1%,28.6% 1.1%,32.8% 1%,35% 0.7%,39.5% 0.2%,43% 1%,46.6% 0.9%,50.3% 1.3%,53.9% 2.3%,57.3% 0.4%,59.4% 2.5%,62.5% 0.5%,66.9% 1.5%,70.7% 2.3%,73.3% 0.9%,77.5% 0.4%,81.3% 0.3%,85% 1.8%,89.4% 2.2%,92.6% 0.5%,94.9% 1.4%,98.1% 0.2%,98.2% 3%,99.4% 5.5%,99.1% 7.4%,98.9% 10.1%,97.8% 12.9%,99.5% 17.1%,99.6% 20.1%,97.5% 23.7%,98% 26.1%,100% 28.8%,99.1% 32.7%,98.9% 35%,98.9% 37.6%,98.9% 40.6%,99.2% 44%,99.8% 46.2%,98.6% 48.4%,97.9% 51.2%,98.2% 54.5%,99.8% 58.9%,99.6% 60.9%,98.5% 63.8%,99.1% 67.6%,100% 72%,99.5% 76%,99.9% 80.2%,98% 84.6%,98.5% 89%,97.5% 91.4%,99.8% 94.5%,100% 98.7%,96.9% 99.6%,94.6% 98.5%,91.6% 99.7%,88.5% 98.1%,84.8% 98.8%,81.8% 99.1%,79.3% 99.5%,76.3% 99.7%,72.5% 98.2%,69% 99.9%,66.2% 98.9%,64% 97.5%,60.1% 98.7%,56.4% 99.5%,53.9% 98.6%,50.1% 98.3%,48.2% 98.4%,43.9% 98.1%,39.6% 97.4%,37.1% 99.2%,33.8% 97.5%,30.9% 97.6%,26.8% 98.7%,23.3% 97.5%,19.4% 99.2%,15.3% 99.5%,12.4% 97.5%,8.3% 99.2%,5.7% 98.4%,1.6% 98.2%,2.1% 97.5%,0.9% 94%,1.3% 91%,2.2% 87.7%,0.2% 85.1%,0.7% 81.3%,0.3% 78.3%,0.7% 74.3%,2.1% 71.6%,0.7% 68.4%,1.1% 64.2%,2.5% 61.3%,1.9% 57.4%,2.1% 54.8%,2.2% 51.4%,2% 48.5%,1% 44.6%,2% 41%,2.4% 36.5%,0.4% 32.6%,1.8% 29.1%,1.2% 27%,2.4% 22.8%,0.2% 18.5%,2.2% 15.1%,0.8% 11.5%,2.4% 9.4%,1.7% 5.3%);
  --riv3: polygon(0% 1.2%,2.9% 0.4%,7% 0%,10.2% 2.3%,12.3% 1.4%,15.8% 0.1%,18.7% 1.8%,21.8% 1.9%,24.1% 0.6%,26.3% 1.3%,30.6% 1.5%,34.5% 1%,38.4% 0.3%,41% 1.8%,44.8% 1.1%,46.9% 0.7%,49.4% 0.7%,53.4% 0.5%,57.6% 2.3%,59.6% 1%,62.8% 0.1%,65.8% 2.4%,68% 1.6%,70.3% 1.5%,74.5% 0.5%,76.4% 0.2%,79.7% 0%,81.9% 1.3%,86.1% 1.1%,89.1% 1.7%,91.2% 1.5%,93.6% 1.6%,98% 0.1%,99.6% 3.2%,97.4% 5.8%,99.7% 10.3%,97.5% 14%,98.4% 16.5%,99% 18.6%,98.5% 22.2%,99.8% 26.1%,97.8% 28.9%,98.8% 32.3%,97.4% 35.3%,100% 38.7%,99.1% 42.7%,99.4% 45.7%,99.2% 48.7%,98.4% 50.9%,98% 53.1%,98% 55.1%,98.7% 59%,99.4% 62.8%,98.9% 66.6%,97.5% 69.1%,99% 72%,99% 76.2%,99.6% 79.8%,99.3% 83.9%,97.5% 85.9%,97.5% 88.3%,98.4% 92.7%,99.8% 94.7%,100% 99%,96.5% 97.5%,93.7% 99.6%,90.3% 99.6%,88.2% 98.6%,84.5% 99.8%,81.4% 98.2%,77.5% 99%,73.3% 99.6%,69.6% 98%,65.4% 98.7%,63.2% 99.9%,60% 99.5%,56.4% 99.8%,52.5% 99.4%,50.6% 99.5%,47.5% 98.5%,44.6% 99.6%,41.4% 97.5%,38.1% 97.6%,36.1% 97.4%,31.9% 98.6%,28.7% 98.6%,24.4% 99.8%,20.9% 98.6%,18.2% 98.1%,14.4% 99.7%,10.7% 98.8%,7.5% 98.3%,5.5% 98.4%,2.6% 97.7%,0.1% 97.9%,2.3% 97.2%,1.6% 95.2%,1.8% 91.7%,0.2% 88.8%,1.6% 86.4%,0.2% 84%,1.2% 81.2%,0.1% 77.9%,0.9% 74%,0% 70%,1.5% 65.7%,2.6% 61.3%,0.3% 57.2%,0.6% 54.4%,0.5% 50.5%,0.3% 48%,2.4% 45.8%,1% 41.4%,1.2% 37.5%,1% 34.3%,0.6% 30.7%,1.3% 28.2%,1.1% 25.7%,0.1% 21.4%,2.1% 19.2%,0.7% 17.1%,1.6% 13%,0.2% 10.6%,0.8% 7.9%,2.5% 4%);
  --riv4: polygon(0% 1.5%,3% 1.5%,5.5% 2.1%,9.5% 1.7%,11.8% 1.4%,14.6% 0.6%,18.9% 2.6%,21% 2.2%,24.4% 1%,27.1% 1.8%,30.2% 1.8%,33.8% 0.3%,37.7% 2.6%,42.1% 1.6%,44.1% 0%,46.4% 2.4%,49.1% 1%,53.3% 0.8%,56.6% 1.1%,58.7% 1.5%,62.8% 0.4%,65.3% 1.1%,67.3% 1.3%,71.3% 1.7%,74.6% 2.2%,76.9% 1.5%,79.8% 1.6%,82% 2%,84.1% 0.4%,88.1% 2.5%,91.2% 1.1%,93.7% 0.7%,97.2% 0.5%,99.4% 1.2%,97.9% 3.3%,98.8% 7.2%,98.9% 10%,98.1% 12%,99.2% 14.7%,98.8% 16.8%,99% 20.3%,98.2% 24.4%,98.6% 26.9%,98.6% 31.2%,99.8% 34.7%,98.8% 37.8%,98.9% 40.8%,98.6% 44.2%,99.6% 47.4%,97.5% 50.4%,99.9% 53.4%,98.6% 55.3%,99.8% 57.4%,98.8% 59.6%,98.7% 64%,98.9% 67.1%,98.8% 70.3%,97.7% 74.1%,98.9% 77.8%,97.6% 81.4%,99.4% 83.7%,98.2% 87.2%,98.5% 90.8%,98.8% 94.8%,100% 97.5%,97% 97.8%,93.2% 97.7%,91.2% 97.6%,87.3% 97.5%,82.9% 99.3%,79.2% 99.6%,75.8% 97.6%,73.4% 99.1%,71.2% 99.5%,68.8% 99.8%,64.3% 97.7%,61.2% 98.1%,57.5% 98.6%,54.5% 98.3%,51.2% 99.3%,48.3% 98.4%,44.8% 99.5%,41.3% 97.7%,37.1% 98.3%,35% 98.9%,32.9% 99.9%,30.3% 98.8%,26.5% 98.4%,23.8% 98.2%,20.6% 98.7%,18% 98.9%,15.2% 98.1%,12.1% 98.8%,8.9% 98.8%,5.2% 98.1%,1.3% 98.9%,2.6% 97.9%,0.2% 94.2%,2.2% 90.1%,0.9% 88.1%,1.9% 85.4%,0.7% 81.9%,0.4% 79.5%,2.1% 77.3%,0.6% 73%,2.5% 69.2%,1.5% 66.8%,2.5% 63.7%,0% 59.6%,2.2% 57.1%,1.4% 53.8%,2% 49.8%,0.8% 45.4%,1.8% 43.4%,1.5% 41.3%,1% 37.2%,0.4% 33.7%,1.6% 31.4%,2.6% 27.3%,2.4% 25.3%,0.9% 22%,1.5% 19.1%,0.4% 16.3%,1.8% 12.2%,1.9% 8.7%,0.5% 4.2%);
  /* papirfiber: svak støy lagt over lappene */
  --fiber: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .18 0 0 0 0 .17 0 0 0 0 .14 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");
}

* { box-sizing: border-box; margin: 0; padding: 0; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; background: var(--ink); }
/* Siden slutter rent: body fyller minst hele vinduet, og den siste
   seksjonen (skjemaet) strekker seg — aldri et tomt cream-felt under footeren. */
body {
  font-family: 'Archivo', system-ui, sans-serif;
  font-size: 17px; line-height: 1.6;
  color: var(--ink); background: var(--cream);
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  min-height: 100vh; min-height: 100dvh;
  display: flex; flex-direction: column;
}
main { flex: 1 0 auto; display: flex; flex-direction: column; }
main > :last-child { flex: 1 0 auto; }
img { max-width: 100%; height: auto; display: block; }
.container { width: min(1080px, calc(100% - 80px)); margin: 0 auto; }
.hero .container { width: min(1280px, calc(100% - 48px)); }

/* ---------- Flater og rutenett (fra INNSIDEN) ---------- */
.flate { position: relative; isolation: isolate; }
.flate::before {
  content: ""; position: absolute; inset: 0;
  background-image:
    linear-gradient(var(--rutefarge) 1px, transparent 1px),
    linear-gradient(90deg, var(--rutefarge) 1px, transparent 1px);
  background-size: calc(min(1220px, 100% - 48px) / 14) calc(min(1220px, 100% - 48px) / 14);
  background-position: 50% 0;
  z-index: -1; pointer-events: none;
}
.pa-cream { background: var(--cream); --rutefarge: rgba(46, 50, 48, 0.06); }
.pa-lys   { background: var(--cream-hi); }
.pa-olive { background: var(--olive); color: var(--cream); }
.pa-ink   { background: var(--ink); color: var(--cream); }
.pa-olive h2, .pa-ink h2 { color: var(--cream); }

/* ---------- Typografi ---------- */
h1, h2, h3 {
  font-family: var(--display); font-weight: var(--display-vekt);
  letter-spacing: var(--display-sperring); line-height: 1.04; color: var(--ink);
}
h1 { font-size: clamp(38px, 5.2vw, 70px); text-wrap: balance; }
h2 { font-size: clamp(31px, 4vw, 52px); text-wrap: balance; }
h3 { font-size: 21px; line-height: 1.2; letter-spacing: -0.022em; }
p { text-wrap: pretty; }
.lead { font-size: clamp(17px, 1.35vw, 19.5px); line-height: 1.6; max-width: 56ch; }
.seksjon { padding: 104px 0; position: relative; border-top: 1.5px solid var(--ink); }
.seksjon--tett { padding: 80px 0; }
.seksjon__cta { text-align: center; margin-top: 56px; }
.pa-olive + .seksjon, .pa-ink + .seksjon { border-top: 0; }
.hode { max-width: 780px; margin-bottom: 52px; }
.hode .lead { margin-top: 18px; }

/* ---------- Knapper (fra INNSIDEN) ---------- */
.knapp {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 15px;
  text-transform: uppercase; letter-spacing: .035em;
  line-height: 1; text-decoration: none; cursor: pointer;
  padding: 16px 30px; border-radius: 6px;
  background: var(--rust-mork); color: #FFF8EE; border: 0;
  box-shadow: 0 2px 4px rgba(46, 50, 48, .30), 0 8px 22px rgba(46, 50, 48, .34);
  transition: transform .12s ease, box-shadow .12s ease, background .15s ease;
}
.knapp:hover {
  background: #B84A26; transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(46, 50, 48, .28), 0 13px 28px rgba(46, 50, 48, .36);
}
.knapp:active {
  transform: translateY(2px); background: var(--rust-mork);
  box-shadow: 0 1px 2px rgba(46, 50, 48, .32), 0 3px 8px rgba(46, 50, 48, .26);
}
.knapp:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
.knapp--stor { padding: 19px 36px; font-size: 16.5px; }
.knapp[disabled] { opacity: .6; cursor: not-allowed; transform: none; }

/* ---------- Toppen: bare merket (monogram + navnetrekk), som forside-2026 ----------
   Ikke sticky, ingen meny. Står på cream og flukter med heroens venstrekant. */
.topp { background: var(--cream); padding: 22px 0 0; }
.topp .container { width: min(1280px, calc(100% - 48px)); }
.brand { display: inline-flex; align-items: center; gap: 14px; text-decoration: none; color: var(--ink); }
.brand:focus-visible { outline: 3px solid var(--ink); outline-offset: 4px; }
.mark {
  width: 42px; height: 42px; border: 1.5px solid var(--ink); flex-shrink: 0;
  background: var(--cream-hi); color: var(--ink);
  box-shadow: 4px 4px 0 var(--sand); /* Brand Board v1.1: én hard sand-skygge */
  display: inline-flex; align-items: center; justify-content: center;
  font-family: 'Archivo', system-ui, sans-serif; font-weight: 800; font-size: 15px; letter-spacing: -0.05em;
}
.navnetrekk { font-size: 20px; line-height: 1; }
.navnetrekk .nt-hege { font-family: 'Archivo', system-ui, sans-serif; font-weight: 700; }
.navnetrekk .nt-christine { font-family: 'Newsreader', Georgia, serif; font-style: italic; font-weight: 500; color: var(--rust); }

/* ---------- Hero ---------- */
.hero { padding: 40px 0 72px; border-top: 0; }
@media (min-width: 641px) {
  .hero {
    min-height: calc(100vh - 86px); min-height: calc(100dvh - 86px);
    display: flex; align-items: center; justify-content: center;
    padding: 28px 0 40px;
  }
}
.hero__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.hero__lapp {
  display: inline-block; background: var(--sand); border: 1.5px solid var(--ink);
  border-radius: 6px; padding: 8px 14px;
  font-weight: 700; font-size: 13.5px; letter-spacing: .02em; line-height: 1.3;
}
.hero__lapp { margin-bottom: 24px; }
.hero h1 { margin-bottom: 22px; }
.hero__undertittel {
  font-family: var(--display); font-weight: 700; letter-spacing: -0.02em;
  font-size: clamp(19px, 1.8vw, 23px); line-height: 1.3; margin: 0 0 16px; color: var(--olive);
}
.hero .lead { margin-bottom: 32px; max-width: 34em; }
.hero__note { margin-top: 14px; font-size: 15px; color: var(--olive); }

/* ---------- Kollasjen ----------
   Én fast størrelse (560 × 600) skalert som en flate. Alle posisjoner er
   prosenter av den, så tråden (SVG i samme koordinatsystem) treffer
   knappenålene på alle bredder. */
.kollasj { position: relative; width: min(560px, 100%); aspect-ratio: 560 / 600; justify-self: center; container-type: inline-size; }
.kollasj__omslag {
  position: absolute; left: 24%; top: 6.5%; width: 52%;
  transform: rotate(-2.5deg);
  border: 1.5px solid var(--ink); border-radius: 2px;
  box-shadow: 10px 10px 0 var(--ink);
  background: var(--cream-hi);
}
.kollasj__omslag img { width: 100%; height: auto; border-radius: 1px; }
.kollasj__traad { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 3; }
.kollasj__traad path { fill: none; stroke: var(--traad); stroke-width: 2.6; stroke-linecap: round; vector-effect: non-scaling-stroke; filter: drop-shadow(1px 2px 1px rgba(46, 50, 48, .35)); }

/* papirlapp: ytre ramme bærer skyggen (clip-path kutter box-shadow),
   indre lag bærer den revne kanten */
.lapp { position: absolute; z-index: 2; filter: drop-shadow(3px 5px 4px rgba(46, 50, 48, .28)); }
.lapp__papir {
  display: grid; justify-items: center; gap: 2px; text-align: center;
  background-color: var(--papir); background-image: var(--fiber);
  clip-path: var(--riv1);
  padding: 12% 10% 20%;
}
.lapp__papir .ai-figur { width: 80%; height: auto; aspect-ratio: 1; }
.lapp--sage .lapp__papir { background-color: var(--sage); clip-path: var(--riv2); }
.lapp--olive .lapp__papir { background-color: var(--olive); color: var(--cream); clip-path: var(--riv3); }
.lapp--sand .lapp__papir { background-color: var(--sand); clip-path: var(--riv4); }
.lapp--olive .karakter .kar-skygge { fill: #262A28; stroke: #262A28; }

.kollasj .lapp--1 { left: 0; top: 4%; width: 24%; transform: rotate(-6deg); }
.kollasj .lapp--2 { left: 76%; top: 9%; width: 24%; transform: rotate(5deg); }
.kollasj .lapp--3 { left: 1%; top: 58%; width: 24%; transform: rotate(4deg); }
.kollasj .lapp--4 { left: 75%; top: 62%; width: 24%; transform: rotate(-4deg); }


/* knappenål: svart hode med glans, over tråden */
.naal { position: absolute; z-index: 4; width: 3.2%; aspect-ratio: 1; border-radius: 50%; transform: translate(-50%, -50%);
  background: radial-gradient(circle at 35% 32%, #6B6F6C 0 14%, #2A2D2B 36%, #121413 100%);
  box-shadow: 1px 2px 2px rgba(0, 0, 0, .4);
}

/* ---------- Dette får du: tre kort, nummerert ---------- */
.rad-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.kort {
  background: var(--cream-hi); border: 1.5px solid var(--ink); border-radius: 3px;
  padding: 30px 30px 32px; box-shadow: 8px 8px 0 var(--ink);
}
.kort--sage { background: var(--sage); }
.kort--sandskygge { box-shadow: 8px 8px 0 var(--sand); }
.kort__nr {
  display: block; font-family: var(--display); font-weight: 900; font-size: 46px; line-height: 1;
  letter-spacing: -0.05em; color: var(--ink);
  border-bottom: 3px solid var(--ink); padding-bottom: 14px; margin-bottom: 20px;
}
.kort h3 { margin-bottom: 11px; }
.kort p { font-size: 16px; line-height: 1.55; color: var(--olive); }
.kort--sage p { color: var(--ink); }

.krav-lys { margin-top: 34px; font-size: 15px; color: var(--olive); }
.krav-lys + .seksjon__cta { margin-top: 36px; }

/* ---------- Teamet: sju lapper på to snorer ---------- */
.snor { position: relative; padding-top: 6px; }
.snor + .snor { margin-top: 30px; }
.snor__traad { position: absolute; left: -2%; top: 0; width: 104%; height: 40px; overflow: visible; pointer-events: none; z-index: 1; }
.snor__traad path { fill: none; stroke: var(--traad); stroke-width: 2.6; stroke-linecap: round; vector-effect: non-scaling-stroke; filter: drop-shadow(1px 2px 1px rgba(46, 50, 48, .3)); }
.snor ol { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; position: relative; }
.snor--3 ol { grid-template-columns: repeat(3, 1fr); width: calc(75% - 7px); margin: 0 auto; }
.snor--3 .snor__traad { left: 10%; width: 80%; }
.ansatt { position: relative; padding-top: calc(var(--sag, 20px) - 7px); }
.ansatt .naal { width: 16px; left: 50%; top: var(--sag, 20px); }
.ansatt__papir {
  position: relative; display: grid; justify-items: center; text-align: center;
  background-color: var(--papir); background-image: var(--fiber);
  clip-path: var(--riv1);
  padding: 30px 22px 30px;
  transform: rotate(var(--vri, 0deg));
}
.ansatt__ramme { filter: drop-shadow(3px 6px 5px rgba(46, 50, 48, .24)); }
.ansatt:nth-child(4n+2) .ansatt__papir { clip-path: var(--riv2); }
.ansatt:nth-child(4n+3) .ansatt__papir { clip-path: var(--riv3); }
.ansatt:nth-child(4n+4) .ansatt__papir { clip-path: var(--riv4); }
.ansatt .ai-figur { width: 112px; height: 112px; margin-bottom: 8px; }
.ansatt__ramme { position: relative; }
.ansatt__papir { padding: 30px 22px 46px !important; }
.snor__etter { margin: 54px auto 0; max-width: 46ch; text-align: center; font-size: clamp(17px, 1.4vw, 19.5px); line-height: 1.55; font-weight: 600; }

/* ---------- Navnet: ren, fet tekst nederst på hver lapp ---------- */
.navnelapp {
  position: absolute; left: 50%; bottom: 4%; z-index: 3;
  transform: translateX(-50%);
  font-family: var(--display); font-weight: 800; letter-spacing: -0.015em; line-height: 1.1;
  white-space: nowrap; color: var(--ink);
}
.lapp--olive .navnelapp { color: var(--cream); }
.lapp .navnelapp { font-size: max(9.5px, 2.5cqi); bottom: 5%; }
.ansatt .navnelapp { font-size: 17px; bottom: 14px; }

/* ---------- Om Hege Christine (olive, delt) ---------- */
.delt { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 64px; align-items: center; }
.delt__bilde img {
  width: 100%; border: 1.5px solid var(--cream); border-radius: 3px;
  box-shadow: 8px 8px 0 var(--sand);
}
.delt h2 { margin-bottom: 20px; }
.delt p { color: rgba(239, 230, 212, 0.92); font-size: 17.5px; max-width: 52ch; }
.delt p + p { margin-top: 16px; }
p.signatur { font-family: 'Newsreader', Georgia, serif; font-style: italic; font-weight: 500; font-size: 34px; line-height: 1.1; color: var(--sand); margin-top: 22px; }
.delt .knapp { margin-top: 30px; }

/* ---------- Skjemaet (INNSIDENs venteliste: ink-flate, kort med sand-skygge) ---------- */
.slutt { background: var(--ink); color: var(--cream); }
.slutt__inner { display: block; }
/* bunnkortet: én sentrert flate, feltene side om side på brede skjermer */
.slutt .paameld { padding: 48px 52px 40px; }
.slutt .paameld h2 { font-size: clamp(31px, 3.4vw, 44px); margin-bottom: 12px; }
.slutt .paameld__under { font-size: clamp(16.5px, 1.3vw, 18.5px); line-height: 1.55; color: var(--ink); max-width: 60ch; margin-bottom: 30px; }
.slutt .vskjema { grid-template-columns: 1fr 1fr; column-gap: 24px; }
.slutt .vskjema .knapp, .slutt .vskjema .formnote { grid-column: 1 / -1; }
.slutt .vskjema .knapp { width: min(380px, 100%); justify-self: center; margin-top: 10px; }
.slutt .vskjema .formnote { text-align: center; max-width: 72ch; justify-self: center; }

.paameld {
  position: relative; width: 100%;
  background: var(--cream-hi); color: var(--ink);
  border: 1.5px solid var(--ink); border-radius: 3px;
  padding: 36px 34px 30px; box-shadow: 8px 8px 0 var(--sand);
  scroll-margin-top: 72px;
}
.paameld h2 { font-size: clamp(27px, 2.6vw, 34px); margin-bottom: 6px; color: var(--ink); }
.paameld__under { font-size: 16px; color: var(--olive); margin-bottom: 22px; }
.paameld form { display: grid; gap: 14px; }
.paameld label { display: grid; gap: 6px; font-size: 14.5px; font-weight: 600; }
.paameld input {
  font-family: 'Archivo', sans-serif; font-size: 16.5px; padding: 13px 15px;
  border: 1.5px solid var(--ink); border-radius: 6px; background: #fff; color: var(--ink);
}
.paameld input:focus-visible { outline: 2px solid var(--rust); outline-offset: 1px; }
.paameld .knapp { width: 100%; margin-top: 4px; }
.formnote { font-size: 13.5px; line-height: 1.5; color: var(--olive); overflow-wrap: anywhere; }
.formnote:empty { display: none; }
.formnote a { color: inherit; text-decoration: underline; }
.formnote[data-state="error"] { color: var(--rust-mork); font-weight: 600; }

.skjemakort .suksess { display: none; }
.skjemakort.er-sendt form, .skjemakort.er-sendt > h2, .skjemakort.er-sendt > .paameld__under { display: none; }
.skjemakort.er-sendt .suksess { display: grid; animation: inn .35s ease-out both; }
@keyframes inn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.suksess { display: grid; gap: 10px; justify-items: center; text-align: center; padding: 14px 0 6px; }
.suksess strong { font-family: var(--display); font-weight: var(--display-vekt); font-size: 28px; letter-spacing: -0.03em; line-height: 1.2; }
.suksess span { font-size: 16.5px; color: var(--olive); max-width: 34ch; }
.suksess__hake { width: 74px; height: 74px; color: var(--rust); margin-bottom: 4px; }
.suksess__hake path { stroke: currentColor; stroke-width: 3; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.suksess__hake .h-ring { stroke-dasharray: 110; stroke-dashoffset: 110; animation: tegn 0.8s ease-out forwards; }
.suksess__hake .h-hake { stroke: var(--ink); stroke-dasharray: 40; stroke-dashoffset: 40; animation: tegn 0.6s ease-out 0.7s forwards; }
@keyframes tegn { to { stroke-dashoffset: 0; } }
.kajabi-skjult { position: absolute; left: -9999px; top: -9999px; visibility: hidden; pointer-events: none; }
.kajabi-ramme { display: none; }

/* ---------- Popup (takkesidens interesseliste) — INNSIDENs dialogboks ---------- */
.dialogboks {
  margin: auto; width: min(460px, calc(100vw - 32px));
  background: var(--cream-hi); color: var(--ink);
  border: 1.5px solid var(--ink); border-radius: 3px;
  box-shadow: 10px 10px 0 var(--ink); padding: 34px 30px 30px;
}
.dialogboks::backdrop { background: rgba(46, 50, 48, .66); }
.dialogboks h2 { font-size: clamp(26px, 3vw, 32px); margin-bottom: 10px; padding-right: 40px; }
.dialogboks__ingress { font-size: 16px; color: var(--olive); margin-bottom: 22px; }
.dialogboks form { display: grid; gap: 14px; }
.dialogboks label { display: grid; gap: 6px; font-size: 14.5px; font-weight: 600; }
.dialogboks input {
  font-family: 'Archivo', sans-serif; font-size: 16.5px; padding: 13px 15px;
  border: 1.5px solid var(--ink); border-radius: 6px; background: #fff; color: var(--ink);
}
.dialogboks input:focus-visible { outline: 2px solid var(--rust); outline-offset: 1px; }
.dialogboks .knapp { width: 100%; margin-top: 4px; }
.dialogboks__lukk {
  position: absolute; top: 12px; right: 12px; width: 38px; height: 38px; line-height: 1;
  font-size: 24px; cursor: pointer; background: transparent; color: var(--ink);
  border: 1.5px solid var(--ink); border-radius: 6px;
}
.dialogboks__lukk:hover { background: var(--sand); }
.dialogboks__lukk:focus-visible { outline: 2px solid var(--rust); outline-offset: 2px; }

/* ---------- Footer ---------- */
.foot { background: var(--ink); color: rgba(239, 230, 212, 0.86); padding: 26px 0; font-size: 14.5px; border-top: 1px solid rgba(239, 230, 212, 0.2); }
.foot__inner { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; }
.foot a { color: rgba(239, 230, 212, 0.86); text-decoration: none; margin-left: 26px; }
.foot a:first-child { margin-left: 0; }
.foot a:hover { color: var(--sand); text-decoration: underline; }

/* ---------- Responsivt ---------- */
@media (max-width: 1040px) {
  .hero__inner, .delt, .slutt__inner { grid-template-columns: 1fr; gap: 44px; }
  .hero { padding: 44px 0 64px; }
  .seksjon { padding: 80px 0; }
  .rad-3 { grid-template-columns: 1fr 1fr 1fr; gap: 20px; }
  .kort { padding: 26px 22px 28px; }
  .snor ol { gap: 18px; }
  .ansatt .ai-figur { width: 92px; height: 92px; }
  .ansatt .navnelapp { font-size: 15px; }
      .delt__bilde { max-width: 420px; }
}
@media (max-width: 760px) {
  .rad-3 { grid-template-columns: 1fr; }
  /* to kolonner, ingen snor — lappene henger på hver sin nål */
  .snor__traad { display: none; }
  .snor + .snor { margin-top: 18px; }
  .snor ol, .snor--3 ol { grid-template-columns: 1fr 1fr; width: 100%; gap: 18px 14px; }
  .snor--3 li:last-child { grid-column: 1 / -1; width: calc(50% - 7px); justify-self: center; }
  .ansatt { --sag: 10px !important; }
  .ansatt .naal { width: 14px; }
}
@media (max-width: 640px) {
  .container, .hero .container, .topp .container { width: calc(100% - 32px); }
  .topp { padding-top: 16px; }
  .mark { width: 36px; height: 36px; font-size: 13px; box-shadow: 3px 3px 0 var(--sand); }
  .navnetrekk { font-size: 18px; }
  .lapp .navnelapp { font-size: 8.5px; }
  .hero { padding: 30px 0 48px; }
  .hero__inner { gap: 34px; }
  .hero h1 { font-size: 36px; margin-bottom: 14px; }
  .hero__lapp { margin-bottom: 18px; font-size: 12.5px; }
  .hero__undertittel { font-size: 18px; margin-bottom: 12px; }
  .hero .lead { font-size: 16.5px; margin-bottom: 24px; }
  .hero .knapp--stor { width: 100%; }
  .seksjon, .seksjon--tett { padding: 62px 0; }
  .hode { margin-bottom: 36px; }
  .kort { box-shadow: 5px 5px 0 var(--ink); }
  .kort--sandskygge { box-shadow: 5px 5px 0 var(--sand); }
  .kort__nr { font-size: 38px; padding-bottom: 10px; margin-bottom: 16px; }
  .ansatt .ai-figur { width: 76px; height: 76px; }
  .ansatt .navnelapp { font-size: 12px; bottom: 10px; padding: .32em .8em .36em; }
  .ansatt__papir { padding: 24px 12px 38px !important; }
  .snor__etter { margin-top: 40px; }
      .delt__bilde img { box-shadow: 5px 5px 0 var(--sand); }
  p.signatur { font-size: 30px; }
  .slutt__inner { gap: 36px; }
  .paameld, .slutt .paameld { padding: 26px 20px 22px; box-shadow: 5px 5px 0 var(--sand); }
  .slutt .vskjema { grid-template-columns: 1fr; }
  .slutt .vskjema .knapp { width: 100%; }
  .slutt .vskjema .formnote { text-align: left; }
  .dialogboks { padding: 28px 20px 22px; box-shadow: 6px 6px 0 var(--ink); }
  .flate::before { background-size: 64px 64px; background-position: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
  .suksess__hake path { stroke-dashoffset: 0 !important; }
  html { scroll-behavior: auto; }
}

/* ---------- Hero: 3D-boka fra annonsen, uten ramme ---------- */
.hero-bok { margin: 0; width: min(500px, 100%); justify-self: center; }
.hero-bok img { display: block; width: 100%; height: auto; }

/* ============================================================
   Takkesiden: salgsdelen for AI-bootcampen (tripwire)
   Vises bare når BOOTCAMP_PAMELDING er satt i ai-team/takk/.
   Alle klasser har prefiks tw- og brukes ikke på opt-in-siden.
   ============================================================ */
.tw [hidden] { display: none !important; }
.tw-sentrert { display: grid; justify-items: start; text-align: left; }
.tw-sentrert .knapp, .tw-sentrert .tw-frist { justify-self: center; text-align: center; }
.tw-sentrert .lead { margin: 0 0 16px; }
.tw-intro h2 { margin: 0 0 14px; max-width: 22ch; }
.tw-dato {
  font-family: var(--display); font-weight: 700; letter-spacing: -0.02em;
  font-size: clamp(18px, 1.7vw, 22px); line-height: 1.35; color: var(--olive); margin-bottom: 22px;
}
.tw-intro .knapp { margin-top: 14px; }
.tw-frist { margin-top: 18px; font-weight: 700; font-size: 15.5px; color: var(--ink); }
.tw-frist--stor { text-align: center; font-size: 17px; margin-top: 40px; }
.tw-hode { max-width: 780px; margin: 0 0 52px; text-align: left; }
.tw-hode .lead { margin: 18px 0 0; }
.pa-olive .tw-hode .lead { color: var(--cream); }

.tw-rad-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; }
.tw-utbytte .kort__nr { font-size: 40px; }

.tw-dag { box-shadow: 8px 8px 0 var(--sand); }
.tw-dag .kort__nr { font-size: 34px; }

.tw-sitat {
  margin: 0; display: grid; grid-template-rows: 1fr auto; gap: 24px;
  background: var(--cream); border: 1.5px solid var(--ink); border-radius: 3px;
  padding: 32px 30px; box-shadow: 8px 8px 0 var(--ink);
}
.tw-sitat__kjerne {
  font-family: var(--display); font-weight: var(--display-vekt);
  font-size: clamp(20px, 1.9vw, 25px); letter-spacing: -0.025em; line-height: 1.2; margin-bottom: 14px;
}
.tw-sitat blockquote > p:not(.tw-sitat__kjerne) { font-size: 15.5px; line-height: 1.55; color: var(--olive); }
.tw-sitat figcaption { display: flex; align-items: center; gap: 14px; }
.tw-sitat figcaption img { width: 56px; height: 56px; border: 1.5px solid var(--ink); border-radius: 3px; object-fit: cover; }
.tw-sitat figcaption > span { display: grid; gap: 1px; }
.tw-sitat figcaption b { font-size: 15.5px; }
.tw-sitat figcaption span span { font-size: 14px; color: var(--olive); }

.tw-priser { display: grid; grid-template-columns: minmax(0, 520px); justify-content: center; gap: 28px; }
.tw-priser--to { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 960px; margin: 0 auto; }
.tw-priskort {
  position: relative; display: flex; flex-direction: column; text-align: center;
  background: var(--cream-hi); border: 1.5px solid var(--ink); border-radius: 3px;
  padding: 40px 36px 38px; box-shadow: 10px 10px 0 var(--sand);
}
.tw-priskort--vip { box-shadow: 10px 10px 0 var(--ink); }
.tw-priskort__merke {
  position: absolute; top: -15px; left: 50%; transform: translateX(-50%);
  background: var(--sand); border: 1.5px solid var(--ink); border-radius: 6px;
  padding: 5px 14px; font-weight: 800; font-size: 13px; letter-spacing: .06em;
}
.tw-priskort__takt { font-weight: 700; font-size: 15px; color: var(--olive); }
.tw-priskort__belop {
  font-family: var(--display); font-weight: 900; font-size: clamp(52px, 6vw, 72px);
  letter-spacing: -0.045em; line-height: 1; margin-top: 14px;
}
.tw-priskort__mva { font-size: 14.5px; color: var(--olive); margin: 6px 0 24px; }
.tw-priskort__liste {
  list-style: none; padding: 22px 0 0; margin: 0 0 30px; border-top: 1.5px solid var(--ink);
  display: grid; gap: 12px; align-content: start; text-align: left; flex: 1;
}
.tw-priskort__liste li { position: relative; padding-left: 30px; font-size: 16px; line-height: 1.45; }
.tw-priskort__liste li::before {
  content: ""; position: absolute; left: 4px; top: .28em; width: 7px; height: 13px;
  border-right: 2.5px solid var(--ink); border-bottom: 2.5px solid var(--ink); transform: rotate(45deg);
}
.tw-priskort .knapp { width: 100%; }
.tw-betaling { text-align: center; margin-top: 10px; }

.tw-faq__liste { display: grid; gap: 18px; max-width: 820px; margin: 0; }
.tw-faq__liste details {
  background: var(--cream); border: 1.5px solid var(--ink); border-radius: 3px;
  box-shadow: 8px 8px 0 var(--ink); padding: 0 28px;
}
.tw-faq__liste summary {
  cursor: pointer; list-style: none; padding: 24px 46px 24px 0;
  font-family: var(--display); font-weight: 700; font-size: 19.5px;
  line-height: 1.3; letter-spacing: -0.02em; position: relative;
}
.tw-faq__liste summary::-webkit-details-marker { display: none; }
.tw-faq__liste summary::after {
  content: ""; position: absolute; right: 10px; top: 50%; width: 11px; height: 11px;
  border-right: 2.5px solid var(--ink); border-bottom: 2.5px solid var(--ink);
  transform: translateY(-70%) rotate(45deg); transition: transform .18s ease;
}
.tw-faq__liste details[open] summary::after { transform: translateY(-20%) rotate(-135deg); }
.tw-faq__liste details p { padding: 0 46px 26px 0; font-size: 17px; line-height: 1.6; color: var(--olive); }

@media (max-width: 1040px) {
  .tw-rad-2 { gap: 20px; }
}
@media (max-width: 760px) {
  .tw-rad-2, .tw-priser--to { grid-template-columns: 1fr; }
  .tw-priser--to { gap: 40px; }
}
@media (max-width: 640px) {
  .tw-hode { margin-bottom: 36px; }
  .tw-intro .knapp--stor { width: 100%; padding-left: 16px; padding-right: 16px; }
  .tw-sitat { padding: 26px 22px; box-shadow: 5px 5px 0 var(--ink); }
  .tw-dag { box-shadow: 5px 5px 0 var(--sand); }
  .tw-priskort { padding: 34px 22px 28px; box-shadow: 6px 6px 0 var(--sand); }
  .tw-priskort--vip { box-shadow: 6px 6px 0 var(--ink); }
  .tw-priskort .knapp--stor { padding-left: 16px; padding-right: 16px; }
  .tw-faq__liste details { padding: 0 20px; box-shadow: 5px 5px 0 var(--ink); }
  .tw-faq__liste summary { font-size: 17.5px; padding: 20px 36px 20px 0; }
  .tw-faq__liste details p { padding-right: 0; font-size: 16px; }
  .tw-faq .seksjon__cta .knapp { width: 100%; }
}
.tw-hel { white-space: nowrap; }

/* Nedtellingen over priskortene: ink-ramme, hard skygge, Archivo-tall.
   Tidspunktet er BOOTCAMP_STENGER_TID i takkesidens skript. */
.tw-frist-boks {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 32px;
  max-width: 960px; margin: 0 0 56px;
  background: var(--cream-hi); border: 1.5px solid var(--ink); border-radius: 3px;
  box-shadow: 8px 8px 0 var(--ink); padding: 24px 28px;
}
.tw-frist-boks__tekst { margin: 0; font-weight: 700; font-size: 17px; line-height: 1.4; max-width: 34ch; }
.tw-frist-boks__teller { display: grid; grid-template-columns: repeat(4, minmax(64px, 1fr)); gap: 10px; }
.tw-frist-boks__del { display: grid; justify-items: center; gap: 4px; border: 1.5px solid var(--ink); border-radius: 3px; background: #fff; padding: 10px 8px 9px; }
.tw-frist-boks__del b {
  font-family: var(--display); font-weight: 900; font-size: clamp(28px, 3.2vw, 40px);
  line-height: 1; letter-spacing: -0.04em; font-variant-numeric: tabular-nums;
}
.tw-frist-boks__del small { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--olive); }
.tw-garanti-kort { margin-top: 40px; text-align: left; font-size: 16px; max-width: 960px; }
.tw-garanti-kort a { color: var(--rust-mork); font-weight: 700; }

/* Fornøydgarantien: stempel til venstre, teksten i jeg-form til høyre */
.tw-garanti__inner { display: grid; grid-template-columns: auto 1fr; gap: 64px; align-items: center; }
.tw-garanti__merke { width: 220px; height: 220px; display: block; }
.tw-garanti__merke .g-skygge { fill: var(--sand); }
.tw-garanti__merke .g-flate { fill: var(--cream-hi); stroke: var(--ink); stroke-width: 1.5; }
.tw-garanti__merke .g-ring { fill: none; stroke: var(--ink); stroke-width: 1.5; }
.tw-garanti__merke text { font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 13.5px; letter-spacing: .14em; fill: var(--ink); }
.tw-garanti__merke .g-hake { fill: none; stroke: var(--ink); stroke-width: 7; stroke-linecap: round; stroke-linejoin: round; }
.tw-garanti h2 { margin-bottom: 20px; }
.tw-garanti p { max-width: 58ch; font-size: 18px; line-height: 1.65; }
.tw-garanti p + p { margin-top: 16px; }
.tw-garanti__lofte { font-weight: 600; }
.tw-garanti .knapp { margin-top: 30px; }
@media (max-width: 760px) {
  .tw-garanti__inner { grid-template-columns: 1fr; gap: 32px; }
  .tw-garanti__merke { width: 168px; height: 168px; }
}
@media (max-width: 700px) {
  .tw-frist-boks { padding: 20px 18px; box-shadow: 5px 5px 0 var(--ink); margin-bottom: 44px; }
  .tw-frist-boks__teller { width: 100%; grid-template-columns: repeat(4, 1fr); gap: 8px; }
}
@media (max-width: 640px) {
  .tw .seksjon__cta .knapp, .tw-garanti .knapp--stor { width: 100%; padding-left: 16px; padding-right: 16px; }
}
/* priskortene flukter med nedtellingen og overskriften (venstre kant) */
.tw-pris .tw-priser--to { margin: 0; }
.tw-pris .tw-betaling { text-align: left; max-width: 960px; }

/* ---------- Mobil: boka ved siden av overskriften, alt over bretten ---------- */
@media (max-width: 640px) {
  .hero__inner { grid-template-columns: 1fr 34%; grid-template-areas: "lapp bok" "tittel bok" "under under" "lead lead" "cta cta"; column-gap: 14px; row-gap: 0; align-items: start; }
  .hero__tekst { display: contents; }
  .hero__lapp { grid-area: lapp; justify-self: start; margin-bottom: 12px; }
  .hero h1 { grid-area: tittel; font-size: 29px; line-height: 1.04; margin-bottom: 14px; }
  .hero__undertittel { grid-area: under; font-size: 16.5px; margin-bottom: 10px; }
  .hero .lead { grid-area: lead; font-size: 15.5px; margin-bottom: 18px; }
  .hero__handling { grid-area: cta; margin: 0; }
  .hero-bok { grid-area: bok; width: 100%; align-self: center; margin-top: 4px; }
  .hero { padding: 18px 0 40px; }
}

/* ---------- Popup med skjemaet ---------- */
.guide-dialog { border: 1.5px solid var(--ink); border-radius: 3px; padding: 0; width: min(560px, calc(100% - 32px)); max-height: calc(100dvh - 32px); background: var(--cream-hi); box-shadow: 10px 10px 0 var(--sand); margin: auto; }
.guide-dialog::backdrop { background: rgba(46, 50, 48, .62); }
.guide-dialog .skjemakort { margin: 0; box-shadow: none; border: 0; width: 100%; }
.guide-dialog__lukk { position: absolute; top: 8px; right: 10px; z-index: 2; width: 40px; height: 40px; border: 0; background: none; font-size: 28px; line-height: 1; cursor: pointer; color: var(--ink); }