:root{
      --bg-base:#DFD4C9; --bg-surface:#EDE6DE; --bg-elevated: #F2EAE0;
      --bg-dark: #26331B; --bg-dark-surface: #314023;
      --border-subtle:#CFC2B4; --border-default:#BFB0A0; --border-strong:#A89684;
      --text-primary:#1E1A14; --text-secondary:#4A4238; --text-muted:#5F5346;
      --text-inverse:#FAF8F4; --text-inverse-muted:rgba(250,248,244,.55);
      --text-inverse-faint:rgba(250,248,244,.28);
      --sgl-blue:#1D52A8; --sgl-blue-tint:#EEF2FB;
      --sgl-red:#C13040; --sgl-red-tint:#FBEEF0;
      --sgl-yellow:#C98018; --sgl-yellow-tint:#FBF4E6;
      --sgl-indigo:#4B0082; --sgl-indigo-tint:#F0E6FA;
      --site-green:#1F3A0A; --site-green-tint:#EBF3E0;
      --sgl-green:#1F3A0A; --sgl-green-tint:#EBF3E0;
      --r-sm:4px; --r-md:8px; --r-lg:12px; --r-xl:16px; --r-2xl:24px; --r-full:9999px;
      --sh-sm:0 1px 3px rgba(30,26,20,.07),0 1px 2px rgba(30,26,20,.04);
      --sh-md:0 4px 14px rgba(30,26,20,.09),0 2px 4px rgba(30,26,20,.05);
      --sh-lg:0 16px 40px rgba(30,26,20,.11),0 4px 12px rgba(30,26,20,.06);
      --sh-mega:0 32px 72px rgba(30,26,20,.18),0 8px 24px rgba(30,26,20,.08);
      --font:'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
    #dc-root,#dc-root>.sc-host{height:auto!important;min-height:100%;}
    body{font-family:var(--font);font-weight:450;background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;}
    a{text-decoration:none;color:inherit;}
    a:hover{color:var(--site-green);}
    button{font-family:var(--font);cursor:pointer;border:none;background:none;padding:0;}

    .rw{max-width:min(1400px,100%);margin:0 auto;padding:0 40px;min-width:0;}
    .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center;}
    .codes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
    .what-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;}
    .flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
    .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
    .split{display:grid;grid-template-columns:340px 1fr;gap:56px;align-items:start;}
    .nav-d{display:flex;align-items:center;gap:1px;flex:1;}
    .nav-mob-btn{display:none;background:none;border:none;cursor:pointer;color:var(--text-inverse-muted);padding:8px;}
    /* nav collapse — full size while it fits, then step down */
    .nav-bar{flex-wrap:nowrap!important;max-width:min(1720px,100%)!important;}
    .fs>.rw{max-width:min(1720px,100%)!important;}
    .nav-d{min-width:0;}
    @media(max-width:1660px){
      .nav-l{font-size:.9375rem!important;padding:10px 12px!important;}
      .nav-l::after{left:12px!important;right:12px!important;}
      .nav-logo{margin-right:18px!important;}
      .nav-cta{margin-left:10px!important;padding:11px 20px!important;font-size:.875rem!important;}
    }
    @media(max-width:1440px){
      .nav-l{font-size:.875rem!important;padding:9px 9px!important;gap:7px!important;}
      .nav-l::after{left:9px!important;right:9px!important;}
      .nav-logo{margin-right:12px!important;}
      .nav-logo img{height:30px!important;}
      .nav-cta{padding:10px 15px!important;font-size:.8125rem!important;}
    }
    @media(max-width:1340px){
      .nav-d{display:none!important;}
      .nav-cta{display:none!important;}
      .nav-mob-btn{display:flex!important;}
    }
    .gm{display:grid;grid-template-columns:232px 1fr;gap:24px;align-items:start;}
    .gm5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
    @keyframes fadeSlide{from{opacity:0;transform:translateY(-10px) scale(.99);}to{opacity:1;transform:translateY(0) scale(1);}}
    .fs{animation:fadeSlide .3s cubic-bezier(.22,1,.36,1) both;}
    @keyframes fadeIn{from{opacity:0;}}
    .fade-in{animation:fadeIn .6s ease both;}
    @keyframes driftA{0%{transform:translate3d(0,0,0) scale(1);}50%{transform:translate3d(6vw,4vw,0) scale(1.12);}100%{transform:translate3d(0,0,0) scale(1);}}
    @keyframes driftB{0%{transform:translate3d(0,0,0) scale(1.08);}50%{transform:translate3d(-5vw,-6vw,0) scale(.94);}100%{transform:translate3d(0,0,0) scale(1.08);}}
    @keyframes driftC{0%{transform:translate3d(0,0,0) scale(1);}50%{transform:translate3d(8vw,-3vw,0) scale(1.1);}100%{transform:translate3d(0,0,0) scale(1);}}
    @keyframes driftD{0%{transform:translate3d(0,0,0) scale(1.05);}50%{transform:translate3d(-7vw,5vw,0) scale(.92);}100%{transform:translate3d(0,0,0) scale(1.05);}}
    .drift-a{animation:driftA 26s ease-in-out infinite;}
    .drift-b{animation:driftB 32s ease-in-out infinite;}
    .drift-c{animation:driftC 29s ease-in-out infinite;}
    .drift-d{animation:driftD 35s ease-in-out infinite;}
    @media(prefers-reduced-motion:reduce){.blob{animation:none!important;}}
    .stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;}
    html{scroll-behavior:smooth;}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
    section[id]{scroll-margin-top:110px;}
    .author-grid{display:grid;grid-template-columns:252px 1fr;gap:40px;align-items:start;}
    .journey-grid{display:grid;grid-template-columns:296px 1fr;gap:56px;align-items:start;}
    .journey-rail{display:flex;flex-direction:column;gap:28px;position:sticky;top:104px;}
    .journey-body{display:grid;gap:34px;max-width:70ch;}
    .steps-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
    .step-card{position:relative;display:flex;flex-direction:column;}
    .step-card:not(:last-child)::after{content:'→';position:absolute;right:-19px;top:50%;transform:translateY(-50%);font-size:1rem;color:rgba(250,248,244,.32);pointer-events:none;}
    .step-card .go{transition:transform .4s cubic-bezier(.22,1,.36,1);display:inline-block;}
    .step-card:hover .go{transform:translateX(5px);}
    @media(max-width:767px){.nav-logo img{height:28px!important;}.steps-flow{grid-template-columns:1fr;gap:14px;}.step-card:not(:last-child)::after{display:none;}}
    .jp-fab{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease;}
    .jp-fab:hover{transform:translateY(-3px);box-shadow:var(--sh-mega);}
    @media(prefers-reduced-motion:reduce){.jp-fab{transition:none!important;}}
    @media(max-width:900px){.journey-grid{grid-template-columns:1fr;gap:32px;}.journey-rail{position:static;}}
    @media(max-width:760px){.author-grid{grid-template-columns:1fr;gap:26px;}}
    .marq{overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);}
    @keyframes marq{from{transform:translate3d(0,0,0);}to{transform:translate3d(-33.3333%,0,0);}}
    .marq-track{animation:marq 52s linear infinite;}
    .marq:hover .marq-track{animation-play-state:paused;}
    @media(prefers-reduced-motion:reduce){.marq-track{animation:none!important;}}

    .nav-l{position:relative;font-size:1.0625rem;font-weight:600;color:var(--text-inverse-muted);padding:12px 17px;border-radius:var(--r-md);display:flex;align-items:center;gap:9px;white-space:nowrap;transition:color .3s ease,background-color .3s ease;}
    .nav-l:hover{color:var(--text-inverse);background:rgba(255,255,255,.07);}
    .nav-l::after{content:'';position:absolute;left:17px;right:17px;bottom:4px;height:2px;border-radius:2px;background:currentColor;opacity:.45;transform:scaleX(0);transform-origin:left center;transition:transform .4s cubic-bezier(.22,1,.36,1);}
    .nav-l:hover::after{transform:scaleX(1);}
    .nav-l svg{transition:transform .35s cubic-bezier(.22,1,.36,1);}
    .nav-l:hover svg{transform:translateY(2px);}
    .nav-l>span:first-child{transition:transform .45s cubic-bezier(.34,1.5,.64,1);}
    .nav-l:hover>span:first-child{transform:scale(1.55);}
    .card{position:relative;overflow:hidden;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1),border-color .5s ease;}
    .card:hover{transform:translateY(-5px);box-shadow:var(--sh-lg);}
    .card .chip{transition:transform .55s cubic-bezier(.34,1.4,.64,1);}
    .card:hover .chip{transform:scale(1.1) rotate(-4deg);}
    .card .ghost{position:absolute;right:20px;top:20px;font-size:2.25rem;font-weight:800;line-height:1;letter-spacing:-.05em;pointer-events:none;opacity:.16;transition:opacity .5s ease,transform .55s cubic-bezier(.22,1,.36,1);}
    .card:hover .ghost{opacity:.28;transform:translateY(-2px);}
    .card .rule{position:absolute;top:0;left:0;height:3px;width:40px;border-radius:0 3px 3px 0;transition:width .6s cubic-bezier(.22,1,.36,1);}
    .card:hover .rule{width:100%;border-radius:0;}
    @media(prefers-reduced-motion:reduce){.card,.card *,.nav-l,.nav-l *{transition:none!important;}}

    @media(max-width:1100px){
      .hero-grid{grid-template-columns:1fr;gap:40px;}
      .codes-grid{grid-template-columns:1fr 1fr;}
      .gm{grid-template-columns:1fr;}
      .gm5{grid-template-columns:repeat(3,1fr);}
      .nav-d{display:none!important;}
      .nav-cta{display:none!important;}
      .nav-mob-btn{display:flex!important;}
      .flow-grid{grid-template-columns:1fr 1fr;}
      .split{grid-template-columns:1fr;gap:28px;}
    }
    @media(max-width:767px){.nav-logo img{height:28px!important;}
      .rw{padding:0 20px;}
      .what-grid{grid-template-columns:1fr;gap:14px;}
      .codes-grid{grid-template-columns:1fr;gap:12px;}
      .flow-grid{grid-template-columns:1fr;gap:12px;}
      .steps-grid{grid-template-columns:1fr;gap:14px;}
      .nav-d{display:none!important;}
      .nav-cta{display:none!important;}
      .nav-mob-btn{display:flex!important;}
      .gm{grid-template-columns:1fr;}
      .gm5{grid-template-columns:repeat(2,1fr);}
      .stat-row{grid-template-columns:1fr 1fr;gap:1px;}
    }

    .nav-on{color:var(--text-inverse)!important;background:rgba(255,255,255,.10)!important;}
        /* ── mobile tuning ── */
    @media(max-width:767px){.nav-logo img{height:28px!important;}
      .hspacer{height:74px!important;}
      #rail{top:74px!important;}
      .nav-bar{height:74px!important;}
      .sec-pad{padding-top:44px!important;padding-bottom:44px!important;}
      .gnum{font-size:4.5rem!important;top:-14px!important;right:-2px!important;}
      .lrow{grid-template-columns:auto 1fr!important;gap:12px!important;padding:14px 12px!important;}
      .lrow .lnum{width:38px!important;height:38px!important;font-size:.8125rem!important;}
      .cta-wide{font-size:.9375rem!important;padding:15px 20px!important;}
      .poster{max-width:100%!important;transform:none!important;}
      .srail a{font-size:.8125rem!important;padding:8px 12px!important;}
      .hero-grid{gap:28px!important;}
    }
    .open-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center;}
    .key-grid{display:grid;grid-template-columns:1fr 240px;gap:48px;align-items:center;}
    .topics-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center;}
    .topics-grid a:hover .go{transform:translateX(6px);}
    @media(max-width:900px){
      .open-grid{grid-template-columns:1fr;gap:28px;}
      .key-grid{grid-template-columns:1fr;gap:26px;}
      .topics-grid{grid-template-columns:1fr;gap:22px;}
    }
    /* ── overview page ── */
    .sec{display:grid;grid-template-columns:330px 1fr;gap:52px;align-items:start;}
    .sec.alt{grid-template-columns:1fr 330px;}
    .sec.alt .poster{order:2;}
    .poster{transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s ease;}
    .poster:hover{transform:rotate(0deg) translateY(-6px) scale(1.015);box-shadow:var(--sh-mega);}
    .rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);}
    .rv.in{opacity:1;transform:none;}
    .bar{height:4px;border-radius:2px;background:var(--sgl-blue);width:0;transition:width 1.1s cubic-bezier(.22,1,.36,1);}
    .rv.in .bar{width:100%;}
    .lrow{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:18px 20px;border-radius:var(--r-lg);transition:background-color .35s ease,transform .4s cubic-bezier(.22,1,.36,1);}
    .lrow:hover{background:var(--sgl-blue-tint);transform:translateX(4px);}
    .lrow .go{display:inline-block;transition:transform .4s cubic-bezier(.22,1,.36,1);}
    .lrow:hover .go{transform:translateX(5px);}
    .cta-wide{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 26px;border-radius:var(--r-full);background:var(--sgl-blue);color:#fff;font-size:1.0625rem;font-weight:700;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease;}
    .cta-wide:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(29,82,168,.36);color:#fff;}
    .cta-wide::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.28) 50%,transparent 80%);transform:translateX(-110%);transition:transform .9s cubic-bezier(.22,1,.36,1);}
    .cta-wide:hover::after{transform:translateX(110%);}
    .srail{display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:none;}
    .srail::-webkit-scrollbar{display:none;}
    .srail a{flex-shrink:0;display:flex;align-items:center;gap:9px;padding:8px 15px;border-radius:var(--r-full);border:1px solid var(--border-default);background:var(--bg-elevated);font-size:.875rem;font-weight:700;color:var(--text-secondary);white-space:nowrap;transition:background-color .35s ease,color .35s ease,border-color .35s ease,transform .35s cubic-bezier(.22,1,.36,1);}
    .srail a:hover{transform:translateY(-2px);color:var(--text-primary);}
    .srail a.on{background:var(--sgl-blue);border-color:var(--sgl-blue);color:#fff;}
    .srail a.on span:first-child{background:#fff!important;}
    .gnum{position:absolute;right:-8px;top:-26px;font-size:7rem;font-weight:800;line-height:1;letter-spacing:-.06em;color:var(--sgl-blue);opacity:.10;pointer-events:none;}
    @media(prefers-reduced-motion:reduce){.rv{opacity:1!important;transform:none!important;}.bar{width:100%!important;}.poster,.lrow,.cta-wide,.cta-wide::after,.srail a{transition:none!important;}}
    @media(max-width:1100px){
      .sec,.sec.alt{grid-template-columns:1fr;gap:28px;}
      .sec.alt .poster{order:0;}
      .poster{max-width:420px;}
    }
  
/* mobilmeny: rett under navlinja, over progresjonsbarene */
.mob-panel{top:92px!important;z-index:300!important;}
@media(max-width:767px){.mob-panel{top:62px!important;}}