/* Timeout, timeout.appit.ai. Ett stilark for norsk og engelsk. */
:root{
  --snow:#f3f5f4; --paper:#ffffff; --ink:#0f1614; --muted:#4f5c59; --faint:#88938f;
  --tea:#2e8f82; --tea-dyp:#1f6b61; --rav:#e0a34a; --natt:#06171b; --natt2:#0a2429;
  --line:#dbe1de; --line-natt:rgba(214,240,232,.14); --snow-natt:#e6f0ec;
  --disp:'Fraunces','Instrument Sans',-apple-system,serif;
  --serif:'Fraunces',Georgia,serif;
  --body:'Instrument Sans',-apple-system,Helvetica,sans-serif;
  --mono:'Spline Sans Mono',ui-monospace,monospace;
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--snow);color:var(--ink);font-family:var(--body);font-size:17px;
     line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--tea);color:#fff}
a{color:inherit}
img,svg{max-width:100%}
.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}

/* ============ fremdrift ============ */
#progress{position:fixed;top:0;left:0;height:2px;width:100%;transform-origin:0 50%;
          transform:scaleX(0);background:var(--tea);z-index:120}

/* ============ nav ============ */
nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .4s,border-color .4s,color .4s}
nav .n-in{max-width:1200px;margin:0 auto;padding:18px clamp(20px,4vw,48px);
          display:flex;align-items:center;gap:28px}
.logo{font-family:var(--disp);font-weight:600;font-size:21px;letter-spacing:-.02em;
      text-decoration:none;display:flex;align-items:center;gap:8px}
.logo .o{width:14px;height:14px;border-radius:50%;border:3px solid var(--tea);display:inline-block;
         transition:border-color .4s}
.n-links{display:flex;gap:24px;margin-left:auto;font-size:15px;font-weight:500}
.n-links a{text-decoration:none;opacity:.75;transition:opacity .2s}
.n-links a:hover,.n-links a:focus-visible{opacity:1}
nav .cta{font-size:14.5px;font-weight:600;text-decoration:none;border:1.5px solid currentColor;
         border-radius:100px;padding:9px 20px;transition:all .25s var(--ease);white-space:nowrap}
nav .cta:hover{background:var(--tea);border-color:var(--tea);color:#fff}
nav.on-dark{color:#fff}
nav.on-dark .logo .o{border-color:#7fd6c6}
nav.on-light{color:var(--ink);background:rgba(243,245,244,.85);backdrop-filter:blur(16px);
             border-bottom:1px solid var(--line)}
nav .lang{font-family:var(--mono);font-size:12px;letter-spacing:.07em;text-decoration:none;
          border:1.5px solid currentColor;border-radius:100px;padding:6px 11px;opacity:.6;
          transition:opacity .25s var(--ease)}
nav .lang:hover,nav .lang:focus-visible{opacity:1}
@media(max-width:900px){.n-links{display:none}nav .lang{margin-left:auto}}

/* ============ avsløring ============ */
[data-r]{opacity:0;transform:translateY(28px);
         transition:opacity .9s var(--ease),transform .9s var(--ease);
         transition-delay:calc(var(--d,0)*90ms)}
[data-r].in{opacity:1;transform:none}
.ws .w{display:inline-block;overflow:hidden;vertical-align:bottom;
       padding:.12em .06em .18em;margin:-.12em -.06em -.18em}
.ws .w>span{display:inline-block;transform:translateY(110%);
            transition:transform 1s var(--ease);transition-delay:calc(var(--i)*55ms)}
.ws.in .w>span{transform:none}
@media(prefers-reduced-motion:reduce){
  [data-r],.ws .w>span{opacity:1!important;transform:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* ============ hero ============ */
header{position:relative;min-height:100svh;background:var(--natt);color:#fff;
       display:flex;flex-direction:column;overflow:hidden}
#sky{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero-tone{position:absolute;inset:0;
           background:linear-gradient(180deg,rgba(6,23,27,.2) 0%,rgba(6,23,27,0) 40%,rgba(6,23,27,.6) 100%)}
.hero-in{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
         gap:clamp(24px,5vw,80px);align-items:center;padding-top:120px;padding-bottom:100px}
@media(max-width:900px){.hero-in{grid-template-columns:minmax(0,1fr);padding-top:104px;padding-bottom:70px;gap:40px}}
.chip{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 10px;font-family:var(--mono);font-size:12.5px;
      letter-spacing:.08em;text-transform:uppercase;color:var(--snow-natt);line-height:1.5;
      border:1px solid var(--line-natt);border-radius:24px;padding:8px 16px;max-width:100%;
      background:rgba(6,23,27,.35);backdrop-filter:blur(6px)}
@media(max-width:600px){.chip{font-size:11px;letter-spacing:.06em;padding:7px 12px}}
.chip b{color:#7fd6c6;font-weight:500}
.pulse{width:7px;height:7px;border-radius:50%;background:#7fd6c6;position:relative;flex:none}
.pulse::after{content:'';position:absolute;inset:-4px;border-radius:50%;
              border:1px solid #7fd6c6;opacity:0;animation:pulse 2.4s ease-out infinite}
@keyframes pulse{0%{transform:scale(.4);opacity:.9}70%{opacity:0}100%{transform:scale(1.6);opacity:0}}
h1{font-family:var(--disp);font-weight:600;font-size:clamp(44px,9vw,128px);overflow-wrap:anywhere;
   line-height:.98;letter-spacing:-.03em;margin:34px 0 0;text-wrap:balance;
   font-variation-settings:'opsz' 144,'SOFT' 50}
h1 .magi{font-style:italic;font-weight:400;letter-spacing:-.02em;color:#9fe3d5}
.hero-sub{font-size:clamp(17px,2vw,21px);line-height:1.55;color:#cfe0da;max-width:52ch;margin-top:30px}
.hero-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:40px}
.btn{display:inline-block;background:#fff;color:var(--natt);font-family:var(--body);
     font-weight:600;font-size:16px;border:none;border-radius:100px;padding:15px 30px;
     text-decoration:none;cursor:pointer;transition:transform .3s var(--ease),background .25s,color .25s}
.btn:hover{transform:translateY(-2px) scale(1.02);background:var(--tea);color:#fff}
.btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.btn.tea{background:var(--tea);color:#fff}
.btn.tea:hover{background:var(--tea-dyp)}
.link-arrow{font-weight:500;font-size:16px;color:#cfe0da;text-decoration:none;
            border-bottom:1px solid rgba(207,224,218,.4);padding-bottom:2px;transition:color .2s,border-color .2s}
.link-arrow:hover{color:#fff;border-color:#fff}
.hero-micro{font-family:var(--mono);font-size:12.5px;color:#8fb3aa;margin-top:26px;letter-spacing:.03em;overflow-wrap:anywhere}
.scroll-cue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:2;
            display:flex;flex-direction:column;align-items:center;gap:8px;color:#8fb3aa;
            font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.scroll-cue::after{content:'';width:1px;height:44px;background:linear-gradient(#8fb3aa,transparent);
                   animation:cue 2.2s var(--ease) infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}
               55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media(prefers-reduced-motion:reduce){.scroll-cue::after,.pulse::after{animation:none}}

/* Klokka i heroen: ekte Apple Watch Ultra 3 i svart, ekte skjermbilder bak rammen.
   Skjermområdet i rammen er gjennomsiktig; posisjonen måles av et skript og ligger i variablene. */
.ultra{position:relative;width:min(300px,74vw);margin:0 auto;--sx:14.83%;--sy:23.23%;--sw:70.33%;--sh:53.54%;--sr:19% / 16%}
.ultra .ramme{position:relative;z-index:2;display:block;width:100%;height:auto;
              filter:drop-shadow(0 40px 60px rgba(0,0,0,.6))}
.ultra .skjermer{position:absolute;z-index:1;left:var(--sx);top:var(--sy);width:var(--sw);height:var(--sh);
                 border-radius:var(--sr);overflow:hidden;background:#000}
.ultra .skjermer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;
                     transition:opacity 1.1s var(--ease)}
.ultra .skjermer img.aktiv{opacity:1}
.ultra .merke{position:absolute;z-index:3;left:50%;bottom:-38px;transform:translateX(-50%);
              font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8fb3aa;white-space:nowrap}
@media(prefers-reduced-motion:reduce){.ultra .skjermer img{transition:none}}

/* ============ rullebånd ============ */
.marquee{background:var(--ink);color:var(--snow);padding:20px 0;overflow:hidden;border-top:1px solid #1c2926}
.m-track{display:flex;gap:0;width:max-content;animation:mq 52s linear infinite}
.marquee:hover .m-track{animation-play-state:paused}
.m-track span{font-family:var(--serif);font-style:italic;font-size:clamp(16px,2.2vw,22px);
              white-space:nowrap;padding:0 22px;color:#b3c2bd}
.m-track span::after{content:'◦';color:var(--rav);font-style:normal;font-size:.8em;margin-left:56px;vertical-align:middle}
@keyframes mq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.m-track{animation:none;flex-wrap:wrap;width:auto}}

/* ============ seksjoner ============ */
section{padding:clamp(90px,12vw,160px) 0}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;
         color:var(--tea);display:flex;align-items:center;gap:12px;margin-bottom:26px}
.eyebrow::before{content:'';width:34px;height:1.5px;background:var(--tea)}
h2{font-family:var(--disp);font-weight:600;font-size:clamp(34px,5.4vw,66px);line-height:1.04;
   letter-spacing:-.025em;text-wrap:balance;max-width:24ch;font-variation-settings:'opsz' 144,'SOFT' 30}
h2 .magi{font-style:italic;font-weight:400;color:var(--tea)}
.lede{font-size:clamp(17px,1.9vw,20px);color:var(--muted);max-width:56ch;margin-top:24px}
.natt{background:var(--natt);color:var(--snow-natt);position:relative;overflow:hidden}
.natt .eyebrow{color:#7fd6c6}
.natt .eyebrow::before{background:#7fd6c6}
.natt h2{color:#fff}
.natt h2 .magi{color:#9fe3d5}
.natt .lede{color:#b9cfc8}

/* ============ kjenner du deg igjen ============ */
.pains{margin-top:60px;padding-bottom:clamp(90px,18vh,170px)}
.pain{position:sticky;background:var(--paper);border:1px solid var(--line);border-radius:18px;
      padding:clamp(22px,3.2vw,32px) clamp(20px,3.2vw,32px);margin-bottom:16px;
      display:flex;gap:clamp(14px,2.4vw,24px);align-items:baseline;
      box-shadow:0 20px 50px rgba(15,22,20,.07);transition:transform .1s linear,filter .1s linear}
.pain .no{font-family:var(--mono);font-size:13px;color:var(--faint);min-width:30px}
.pain p{font-family:var(--disp);font-weight:500;font-size:clamp(19px,2.6vw,29px);
        letter-spacing:-.015em;line-height:1.3;margin:0;max-width:min(34ch,100%);transition:color .7s ease .5s}
.pain p .t{background-image:linear-gradient(var(--tea),var(--tea));background-repeat:no-repeat;
           background-position:0 .61em;background-size:0 2.5px;
           -webkit-box-decoration-break:clone;box-decoration-break:clone;
           transition:background-size 1.2s var(--ease) .15s}
.pain.struck p{color:var(--faint)}
.pain.struck p .t{background-size:100% 2.5px}
.payoff{margin-top:56px;position:relative;z-index:2;background:var(--snow)}
.payoff .big{font-family:var(--disp);font-weight:600;font-size:clamp(38px,6.5vw,84px);letter-spacing:-.03em;line-height:1}
.payoff .big em{font-style:italic;font-weight:400;color:var(--tea)}
.payoff p{color:var(--muted);margin-top:18px;max-width:50ch}

/* ============ slik virker det ============ */
.steps-outer{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stack{margin-top:70px}
.s-card{position:sticky;background:var(--snow);border:1px solid var(--line);border-radius:22px;
        padding:clamp(30px,5vw,56px);margin-bottom:26px;display:grid;
        grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,56px);
        box-shadow:0 24px 60px rgba(15,22,20,.07);transition:transform .1s linear,filter .1s linear}
@media(max-width:820px){.s-card{grid-template-columns:minmax(0,1fr)}}
.s-num{font-family:var(--serif);font-style:italic;font-size:clamp(56px,7vw,96px);color:var(--tea);line-height:1}
.s-card h3{font-family:var(--disp);font-weight:600;font-size:clamp(26px,3.4vw,40px);letter-spacing:-.02em;margin:14px 0 12px}
.s-card .s-txt p{color:var(--muted);font-size:16.5px;max-width:44ch}
.s-demo{background:var(--natt);color:#e6f0ec;border-radius:18px;padding:22px 24px;font-size:14.5px;
        align-self:center;width:100%;box-shadow:0 30px 70px -30px rgba(6,23,27,.6)}
.s-demo .cap{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;
             color:#7fb3aa;margin-bottom:14px;display:flex;justify-content:space-between;gap:10px}
.s-demo .say{font-family:var(--serif);font-style:italic;font-size:20px;line-height:1.4;color:#fff}
.rows{display:grid;gap:9px;margin-top:6px}
.row{display:flex;gap:11px;align-items:baseline;color:#b9cfc8}
.row b{color:#fff;font-weight:600}
.row .d{width:7px;height:7px;border-radius:50%;background:var(--tea);flex:none;transform:translateY(-1px)}
.row.varm .d{background:var(--rav)}
.mini-btns{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.mini{font-size:13.5px;font-weight:600;border-radius:100px;padding:8px 16px;border:1.5px solid #fff;background:#fff;color:var(--natt)}
.mini.ghost{background:none;color:#b9cfc8;border-color:rgba(214,240,232,.25)}
.mini.rav{background:var(--rav);border-color:var(--rav);color:#1b1206}
.mini.tea{background:var(--tea);border-color:var(--tea);color:#fff}
.sig{font-family:var(--mono);font-size:12px;color:#7fb3aa}
.s-demo .bigno{font-family:var(--disp);font-size:44px;font-weight:500;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.s-demo .ring-row{display:flex;align-items:center;gap:18px}
.s-demo .ring-row svg{width:84px;height:84px;transform:rotate(-90deg);flex:none}
.s-demo .ring-row circle{fill:none;stroke-width:6;stroke-linecap:round}
.s-demo .ring-row .bg{stroke:rgba(255,255,255,.1)}
.s-demo .ring-row .fg{stroke:var(--tea);stroke-dasharray:283;stroke-dashoffset:270}
.s-demo.in .ring-row .fg{animation:fyll 3s var(--ease) forwards}
@keyframes fyll{to{stroke-dashoffset:60}}
.ord{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.ord span{border-radius:100px;padding:9px 12px;text-align:center;font-weight:600;font-size:14px;
          background:rgba(224,163,74,.16);color:#f2c98a;border:1px solid rgba(224,163,74,.3)}
.ord span.tea{background:rgba(46,143,130,.18);color:#9fe3d5;border-color:rgba(46,143,130,.35)}

/* ============ kvelden, minutt for minutt ============ */
.kveld-sec{background:var(--paper)}
.palette{max-width:760px;margin:64px auto 0;background:var(--natt);color:var(--snow-natt);
         border-radius:18px;padding:clamp(18px,3vw,28px) clamp(16px,3vw,30px);box-shadow:0 40px 100px rgba(6,23,27,.3);border:1px solid #14302f}
.palette .cap{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;
              color:#6d8f88;display:flex;justify-content:space-between;margin-bottom:18px}
.p-steps{display:grid;gap:14px}
.p-step{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:baseline;font-size:15.5px;color:#b9cfc8;
        opacity:0;transform:translateY(8px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.p-step.in{opacity:1;transform:none}
.p-step .t{font-family:var(--mono);font-size:12.5px;color:#7fb3aa;letter-spacing:.04em}
.p-step b{color:#fff;font-weight:600}
.p-step.varm .t{color:var(--rav)}
.p-step.ro .t{color:#9fe3d5}
.p-go{margin-top:20px;padding-top:16px;border-top:1px solid #14302f;font-family:var(--mono);font-size:12.5px;
      color:#7fb3aa;opacity:0;transition:opacity .5s var(--ease)}
.p-go.in{opacity:1}

/* ============ forskning ============ */
.truths{margin-top:70px;display:grid;gap:clamp(36px,5vw,56px)}
.truth{display:grid;grid-template-columns:56px minmax(0,1fr);gap:22px;align-items:start}
@media(max-width:600px){.truth{grid-template-columns:36px minmax(0,1fr);gap:14px}}
.truth .t-no{font-family:var(--mono);font-size:12px;color:#5e8079;padding-top:14px}
.truth h3{font-family:var(--disp);font-weight:600;font-size:clamp(24px,3.6vw,42px);letter-spacing:-.02em;line-height:1.12;color:#fff;max-width:26ch}
.truth p{color:#a3bdb5;margin-top:10px;max-width:56ch;font-size:16.5px}
.truth .kilde{font-family:var(--mono);font-size:12px;color:#5e8079;margin-top:10px;letter-spacing:.02em}
.boker{margin-top:70px;padding-top:34px;border-top:1px solid var(--line-natt)}
.boker h4{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#7fd6c6;margin-bottom:16px;font-weight:500}
.boker ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.boker li{font-size:14px;border:1px solid var(--line-natt);border-radius:100px;padding:7px 14px;color:#cfe0da}
.kilder{margin-top:30px;color:#7fb3aa;font-size:14px}
.kilder summary{cursor:pointer;font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#7fd6c6}
.kilder ol{margin:16px 0 0 20px;display:grid;gap:8px;max-width:80ch}
.kilder a{color:#9fe3d5;text-decoration:none;border-bottom:1px solid rgba(159,227,213,.3);overflow-wrap:anywhere}
.kilder li{overflow-wrap:anywhere}
.kilder a:hover{border-color:#9fe3d5}

/* ============ teknologi ============ */
.tek-sec{background:var(--snow);border-top:1px solid var(--line)}
.tall-rad{display:flex;flex-wrap:wrap;gap:clamp(20px,5vw,60px);margin:clamp(34px,5vw,52px) 0 0;
          padding-bottom:clamp(34px,5vw,52px);border-bottom:1px solid var(--line)}
.tall b{display:block;font-family:var(--disp);font-weight:600;font-size:clamp(34px,5vw,54px);line-height:1;letter-spacing:-.03em;color:var(--tea)}
.tall span{font-size:14.5px;color:var(--muted)}
.evne-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:clamp(18px,2.5vw,30px);margin-top:clamp(36px,5vw,54px)}
.evne{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px;
      transition:border-color .25s var(--ease),transform .25s var(--ease)}
.evne:hover{border-color:#b9c9c3;transform:translateY(-2px)}
.evne .ny{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;
          color:var(--tea);background:rgba(46,143,130,.1);border-radius:100px;padding:3px 9px;margin-bottom:11px}
.evne h3{font-family:var(--disp);font-weight:600;font-size:19px;letter-spacing:-.01em;margin-bottom:7px}
.evne p{font-size:14.5px;color:var(--muted);line-height:1.5}
.evne-liste{margin-top:clamp(30px,4vw,44px)}
.evne-liste h4{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:12px}
.evne-liste ul{list-style:none;display:flex;flex-wrap:wrap;gap:7px}
.evne-liste li{font-size:13.5px;background:var(--paper);border:1px solid var(--line);border-radius:100px;padding:6px 13px;color:var(--ink)}

/* ============ personvern ============ */
.natt .tos{margin-top:70px;padding-top:28px;border-top:1px solid var(--line-natt);color:#8aa79f;font-size:14.5px;max-width:68ch}
.ikke{margin-top:30px;display:flex;flex-wrap:wrap;gap:8px}
.ikke span{font-size:13.5px;border:1px solid rgba(224,163,74,.35);color:#f2c98a;border-radius:100px;padding:6px 13px;text-decoration:line-through;text-decoration-color:rgba(242,201,138,.6)}

/* ============ pris ============ */
.pris-sec{background:var(--paper);border-top:1px solid var(--line)}
.plans{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:60px;max-width:900px}
@media(max-width:760px){.plans{grid-template-columns:minmax(0,1fr)}}
.plan{border:1px solid var(--line);border-radius:20px;padding:32px 28px;background:var(--snow);
      display:flex;flex-direction:column;gap:10px;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.plan:hover{transform:translateY(-5px);box-shadow:0 26px 60px rgba(15,22,20,.09)}
.plan.hot{background:var(--natt);color:#fff;border-color:var(--natt)}
.plan h3{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.plan.hot h3{color:#7fd6c6}
.amt{font-family:var(--disp);font-weight:600;font-size:44px;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}
.amt small{font-family:var(--body);font-size:14px;font-weight:400;color:var(--faint);letter-spacing:0}
.plan.hot .amt small{color:#8aa79f}
.plan ul{list-style:none;margin-top:10px;display:grid;gap:8px;font-size:15px;color:var(--muted)}
.plan.hot ul{color:#b9cfc8}
.plan li{padding-left:20px;position:relative}
.plan li::before{content:'◦';position:absolute;left:0;top:0;color:var(--tea);font-size:14px}
.plan.hot li::before{color:#7fd6c6}
.plan .p-note{font-size:13px;color:var(--faint);margin-top:auto;padding-top:16px}
.plan.hot .p-note{color:#8aa79f}
.fair{margin-top:34px;font-size:14.5px;color:var(--faint);max-width:68ch}

/* ============ grunnlegger ============ */
.founder{background:var(--snow)}
.f-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:clamp(30px,6vw,80px);margin-top:26px;align-items:start}
@media(max-width:820px){.f-grid{grid-template-columns:minmax(0,1fr)}}
.f-mark{font-family:var(--serif);font-style:italic;font-size:clamp(120px,16vw,220px);color:var(--tea);line-height:.8;user-select:none}
.f-txt p{font-size:clamp(18px,2.1vw,22px);line-height:1.6;color:var(--ink);max-width:56ch;margin-bottom:22px}
.f-txt p em{font-family:var(--serif);font-style:italic;color:var(--tea);font-size:1.05em}
.f-sig{margin-top:34px;display:flex;flex-direction:column;gap:4px}
.f-sig .navn{font-family:var(--serif);font-style:italic;font-size:26px}
.f-sig .rolle{font-family:var(--mono);font-size:12.5px;color:var(--faint);letter-spacing:.06em}

/* ============ slutt ============ */
.slutt{background:var(--natt);color:#fff;position:relative;overflow:hidden;text-align:center}
#sky2{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:.9}
.slutt .wrap{position:relative;z-index:2}
.slutt h2{margin:0 auto;color:#fff}
.slutt .lede{margin-left:auto;margin-right:auto;color:#a3bdb5}
.w-form{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:38px;flex-direction:column;align-items:center}
.slutt .dato{font-family:var(--mono);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:#8aa79f;margin-top:8px}
.slutt .under-knapp{font-size:14.5px;color:#a3bdb5;margin:0}
.slutt .eyebrow{justify-content:center}

/* ============ footer ============ */
footer{background:var(--ink);color:#b3c2bd;padding:70px 0 40px;font-size:14.5px}
.ft{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
@media(max-width:760px){.ft{grid-template-columns:minmax(0,1fr)}}
.ft .logo{color:#fff;font-size:24px;margin-bottom:14px}
.ft p{max-width:34ch;color:#8a9994}
.ft h4{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#5f6f6b;margin-bottom:16px;font-weight:500}
.ft ul{list-style:none;display:grid;gap:10px}
.ft a{text-decoration:none;color:#b3c2bd;transition:color .2s}
.ft a:hover{color:#fff}
.ft button{background:none;border:none;color:#b3c2bd;font:inherit;cursor:pointer;padding:0;transition:color .2s;text-align:left}
.ft button:hover{color:#fff}
.ft address{font-style:normal;display:grid;gap:10px}
.bunn{border-top:1px solid #1c2926;margin-top:56px;padding-top:26px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#5f6f6b}
.bunn b{color:#8a9994;font-weight:500}

/* ============ dialoger ============ */
dialog{border:none;border-radius:20px;padding:0;max-width:720px;width:calc(100vw - 40px);max-height:82vh;
       background:var(--paper);color:var(--ink);box-shadow:0 40px 120px rgba(6,23,27,.4)}
dialog::backdrop{background:rgba(6,23,27,.55);backdrop-filter:blur(6px)}
.dlg-head{position:sticky;top:0;background:var(--paper);display:flex;justify-content:space-between;align-items:center;
          gap:16px;padding:26px 34px 18px;border-bottom:1px solid var(--line)}
.dlg-head h3{font-family:var(--disp);font-weight:600;font-size:24px;letter-spacing:-.02em}
.dlg-close{background:var(--snow);border:1px solid var(--line);border-radius:100px;width:38px;height:38px;font-size:17px;cursor:pointer;color:var(--muted);line-height:1}
.dlg-close:hover{color:var(--ink)}
.dlg-body{padding:24px 34px 40px;font-size:15px;line-height:1.7;color:var(--muted)}
.dlg-body h4{font-family:var(--body);font-weight:600;color:var(--ink);font-size:16px;margin:26px 0 8px}
.dlg-body h4:first-child{margin-top:0}
.dlg-body p{margin-bottom:12px;max-width:none}
.dlg-body ul{margin:0 0 12px 20px}
.dlg-body li{margin-bottom:6px}
.dlg-meta{font-family:var(--mono);font-size:12px;color:var(--faint);margin-bottom:20px}

/* ============ språkforslag ============ */
.sprakbar{position:fixed;left:0;right:0;bottom:0;z-index:200;display:flex;align-items:center;gap:14px;
          padding:13px clamp(16px,4vw,30px);background:var(--natt);color:var(--snow-natt);font-size:14.5px;
          box-shadow:0 -10px 40px rgba(6,23,27,.28);transform:translateY(110%);transition:transform .55s var(--ease)}
.sprakbar[hidden]{display:none}
.sprakbar.inne{transform:none}
.sprakbar p{margin:0 auto 0 0;max-width:none}
.sprakbar a{color:#9fe3d5;text-underline-offset:3px}
.sprakbar button{background:none;border:0;color:inherit;opacity:.55;cursor:pointer;font-size:15px;line-height:1;padding:7px 9px;border-radius:7px}
.sprakbar button:hover,.sprakbar button:focus-visible{opacity:1}
@media(prefers-reduced-motion:reduce){.sprakbar{transition:none}}

/* ============ juridiske sider (/personvern/, /vilkar/, /en/privacy/, /en/terms/) ============ */
.disp-stil{font-family:var(--disp);font-weight:600;letter-spacing:-.025em;line-height:1.04;
           text-wrap:balance;font-variation-settings:'opsz' 144,'SOFT' 30}
body.juridisk nav .lang{margin-left:auto}
.juridisk main{max-width:72ch;padding-top:120px;padding-bottom:96px;font-size:16px;line-height:1.7;color:var(--muted)}
.juridisk h1{font-size:clamp(36px,5.4vw,60px);color:var(--ink);margin:0 0 14px}
.juridisk .meta{font-family:var(--mono);font-size:12px;color:var(--faint);margin-bottom:28px}
.juridisk h2,.juridisk h3{font-family:var(--body);font-weight:600;color:var(--ink);font-size:17px;line-height:1.35;
                          letter-spacing:0;max-width:none;margin:30px 0 8px;font-variation-settings:normal}
.juridisk p{margin-bottom:12px;max-width:none}
.juridisk ul{margin:0 0 12px 20px}
.juridisk li{margin-bottom:6px}
.juridisk main a{color:var(--tea-dyp);text-decoration:none;border-bottom:1px solid rgba(31,107,97,.35);
                  transition:color .2s,border-color .2s}
.juridisk main a:hover,.juridisk main a:focus-visible{color:var(--tea);border-color:var(--tea)}
.juridisk .del{margin-top:56px;padding-top:40px;border-top:1px solid var(--line);scroll-margin-top:100px}
.juridisk .del h2.disp-stil{font-family:var(--disp);font-size:clamp(28px,3.6vw,40px);letter-spacing:-.025em;
                            line-height:1.04;margin:0 0 12px;font-variation-settings:'opsz' 144,'SOFT' 30}