/* ============================================================
   TimeLink – felles stilark for markeds-/landingssidene
   Samme varme palett som forsiden (index.html).
   Brukes av kalle-inn-vikar, pris, faq og bransjesidene.
   ============================================================ */
:root{
  --papir:#fdfcf8; --blekk:#23324d; --blekk-myk:#5b6a85;
  --himmel:#7fb5e6; --himmel-lys:#e7f1fc;
  --solgul:#ffd666; --solgul-lys:#fff3d1;
  --mynte:#a8dec5;  --mynte-lys:#e9f7f0;
  --fersken:#ffc3a1;--fersken-lys:#ffede2;
  --blaa:#3f86f7;   --blaa-mork:#2f6fd6;
  --kort:#ffffff;   --strek:#e9e6dd; --gronn:#23c98d;
  --r:20px; --rl:28px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--blekk);background:var(--papir);
  line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.wrap{max-width:1000px;margin:0 auto;padding:0 24px}
.smal{max-width:820px}
h1,h2,h3{font-family:'Archivo',sans-serif;line-height:1.1;letter-spacing:-.02em}
a{color:inherit;text-decoration:none}
p{color:var(--blekk)}
:focus-visible{outline:3px solid var(--blaa);outline-offset:3px;border-radius:8px}

.bakteppe{position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--papir)}
.bakteppe::before,.bakteppe::after{content:"";position:absolute;border-radius:50%;filter:blur(70px);opacity:.5}
.bakteppe::before{width:520px;height:520px;top:-180px;right:-140px;
  background:radial-gradient(closest-side,var(--solgul-lys),transparent 70%)}
.bakteppe::after{width:600px;height:600px;bottom:-260px;left:-200px;
  background:radial-gradient(closest-side,var(--himmel-lys),transparent 70%)}

/* knapper */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:'Archivo',sans-serif;
  font-weight:700;font-size:.95rem;padding:13px 24px;border-radius:40px;cursor:pointer;border:1px solid transparent;
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}
.btn-primary{background:var(--blaa);color:#fff;box-shadow:0 10px 24px -10px rgba(63,134,247,.55)}
.btn-primary:hover{background:var(--blaa-mork);transform:translateY(-2px)}
.btn-lys{background:#fff;color:var(--blekk);border-color:var(--strek);box-shadow:0 4px 14px -8px rgba(35,50,77,.25)}
.btn-lys:hover{border-color:var(--himmel);transform:translateY(-2px)}

/* topplinje */
header.nav{position:sticky;top:0;z-index:60;background:rgba(253,252,248,.82);
  backdrop-filter:blur(12px) saturate(130%);border-bottom:1px solid var(--strek)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:1000px;margin:0 auto;padding:0 24px}
.brand{display:flex;align-items:center;gap:11px;font-family:'Archivo';font-weight:800;font-size:1.18rem;letter-spacing:-.03em;color:var(--blekk)}
.brand .bm{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--blaa),var(--himmel));
  display:flex;align-items:center;justify-content:center;color:#fff;font-family:'IBM Plex Mono',monospace;font-size:1rem}
.nav-links{display:flex;align-items:center;gap:26px}
.nav-links a{color:var(--blekk-myk);font-size:.92rem;font-weight:500;transition:color .15s}
.nav-links a:hover{color:var(--blekk)}
.nav-cta{display:flex;align-items:center;gap:10px}
@media(max-width:820px){.nav-links{display:none}}
@media(max-width:520px){.nav-cta .btn{padding:8px 14px;font-size:.82rem}.nav-inner{height:62px}.brand{font-size:1.05rem}.brand .bm{width:32px;height:32px}}

/* eyebrow / kicker */
.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:.72rem;font-weight:500;text-transform:uppercase;
  letter-spacing:.22em;color:var(--blekk-myk);display:inline-flex;align-items:center;gap:9px}
.eyebrow .pkt{width:8px;height:8px;border-radius:50%;background:var(--himmel)}
.kicker{display:inline-flex;align-items:center;gap:9px;font-family:'IBM Plex Mono',monospace;font-size:.7rem;font-weight:500;
  text-transform:uppercase;letter-spacing:.2em;color:var(--blekk);background:var(--mynte-lys);
  border:1px solid #cdeadd;padding:7px 15px;border-radius:30px}
.kicker .sol{width:10px;height:10px;border-radius:50%;background:var(--solgul);box-shadow:0 0 0 3px var(--solgul-lys)}

/* hero */
.lp-hero{padding:60px 0 30px}
.lp-hero h1{font-size:clamp(2.1rem,4.6vw,3.2rem);font-weight:900;margin:20px 0 16px;letter-spacing:-.03em;max-width:16em}
.lp-hero .lead{font-size:1.13rem;color:var(--blekk-myk);max-width:34em;margin-bottom:26px}
.merk{position:relative;white-space:nowrap}
.merk::after{content:"";position:absolute;left:-2%;right:-2%;bottom:.06em;height:.42em;z-index:-1;
  background:var(--solgul);opacity:.55;border-radius:6px;transform:rotate(-1deg)}
.lp-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.lp-trust{font-family:'IBM Plex Mono',monospace;font-size:.76rem;color:var(--blekk-myk);display:flex;gap:10px 22px;flex-wrap:wrap}
.lp-trust span{display:inline-flex;align-items:center;gap:8px}
.lp-trust .dot{width:7px;height:7px;border-radius:50%;background:var(--gronn)}

/* innholdsseksjoner */
.blokk{padding:34px 0}
.blokk h2{font-size:clamp(1.5rem,3vw,2rem);margin:0 0 14px}
.blokk h3{font-size:1.15rem;margin:22px 0 8px}
.blokk p{color:var(--blekk-myk);font-size:1.02rem;margin-bottom:14px;max-width:62ch}
.blokk ul{margin:0 0 16px 0;padding:0;list-style:none;max-width:62ch}
.blokk ul li{padding:8px 0 8px 28px;position:relative;color:var(--blekk-myk);font-size:1rem}
.blokk ul li::before{content:"✓";position:absolute;left:0;color:var(--gronn);font-weight:700}

/* kortrad */
.kort-rad{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}
@media(max-width:820px){.kort-rad{grid-template-columns:1fr}}
.mkort{background:var(--kort);border:1px solid var(--strek);border-radius:var(--r);padding:22px;
  box-shadow:0 6px 20px -14px rgba(35,50,77,.18)}
.mkort .ikon{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:1.2rem;background:var(--himmel-lys)}
.mkort:nth-child(2) .ikon{background:var(--solgul-lys)}
.mkort:nth-child(3) .ikon{background:var(--mynte-lys)}
.mkort h3{font-size:1.02rem;margin:0 0 6px}
.mkort p{font-size:.9rem;color:var(--blekk-myk);margin:0}

/* faktaboks / callout */
.callout{background:var(--himmel-lys);border:1px solid #cfe4f7;border-radius:var(--r);padding:22px 24px;margin:22px 0}
.callout.gul{background:var(--solgul-lys);border-color:#f0e2b4}
.callout.gronn{background:var(--mynte-lys);border-color:#c9e9d9}
.callout p{margin:0;color:var(--blekk)}

/* pris */
.pris-kort{max-width:520px;margin:8px auto;background:var(--kort);border:1px solid var(--strek);border-radius:var(--rl);
  padding:34px;text-align:center;box-shadow:0 26px 60px -34px rgba(35,50,77,.3);position:relative;overflow:hidden}
.pris-kort::before{content:"";position:absolute;top:0;left:0;right:0;height:7px;
  background:linear-gradient(90deg,var(--himmel),var(--solgul),var(--fersken),var(--mynte))}
.pris-kort .tallet{font-family:'Archivo';font-weight:900;font-size:3.1rem;letter-spacing:-.04em}
.pris-kort .tallet small{display:block;margin-top:8px;font-size:1rem;font-weight:600;letter-spacing:normal;color:var(--blekk-myk)}
.pris-kort ul{list-style:none;text-align:left;margin:22px 0;padding:0;font-size:.92rem}
.pris-kort li{padding:9px 0;border-bottom:1px dashed var(--strek);display:flex;gap:10px;align-items:flex-start}
.pris-kort li:last-child{border-bottom:none}
.pris-kort li::before{content:"✓";color:var(--gronn);font-weight:700}

/* sammenligningstabell */
.tabell-wrap{overflow-x:auto;margin:22px 0}
table.sml{width:100%;border-collapse:collapse;font-size:.92rem;min-width:560px;background:var(--kort);
  border:1px solid var(--strek);border-radius:var(--r);overflow:hidden}
table.sml th,table.sml td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--strek);vertical-align:top}
table.sml thead th{background:var(--himmel-lys);font-family:'Archivo';font-size:.9rem}
table.sml tbody tr:last-child td{border-bottom:none}
table.sml td:first-child{font-weight:600;color:var(--blekk)}
.uthev{background:var(--solgul-lys)!important}

/* FAQ */
.faq details{background:var(--kort);border:1px solid var(--strek);border-radius:14px;padding:4px 20px;margin-bottom:12px}
.faq summary{cursor:pointer;font-family:'Archivo';font-weight:700;font-size:1.02rem;padding:14px 0;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.4rem;color:var(--blaa);font-weight:400;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--blekk-myk);padding:0 0 16px;margin:0}
.faq details p:first-of-type{padding-top:2px}

/* CTA-bånd nederst */
.cta-band{background:linear-gradient(120deg,var(--himmel-lys),var(--mynte-lys));border:1px solid var(--strek);
  border-radius:var(--rl);padding:38px 30px;text-align:center;margin:34px 0}
.cta-band h2{margin-bottom:10px}
.cta-band p{color:var(--blekk-myk);margin:0 auto 20px;max-width:44ch}

/* brødsmuler + intern lenking */
.smuler{font-size:.82rem;color:var(--blekk-myk);padding:18px 0 0}
.smuler a{color:var(--blaa)}
.les-mer{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 0}
.les-mer a{background:#fff;border:1px solid var(--strek);border-radius:30px;padding:8px 16px;font-size:.88rem;font-weight:600;color:var(--blekk)}
.les-mer a:hover{border-color:var(--himmel)}

footer{border-top:1px solid var(--strek);padding:34px 0;font-size:.84rem;color:var(--blekk-myk);margin-top:20px}
.foot-inner{max-width:1000px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
.foot-lenker{display:flex;gap:16px;flex-wrap:wrap}
.foot-lenker a{color:var(--blekk-myk);font-weight:500}
.foot-lenker a:hover{color:var(--blekk)}