: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:#6D2E93; --sgl-indigo-tint:#F2E9FA;
      --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;
      --serif:'Newsreader',Georgia,serif;
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
    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;}

    html,body{height:auto!important;min-height:100%;}
    #dc-root,#dc-root>.sc-host{height:auto!important;min-height:100%;}
    .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(3,1fr);gap:16px;}
    .tools-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:start;}
    .tools-list{display:flex;flex-direction:column;gap:10px;}
    @media(max-width:900px){.tools-grid{grid-template-columns:1fr;gap:30px;}}
    .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-on{color:var(--text-inverse)!important;background:rgba(255,255,255,.10)!important;}
        /* 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;}}
    .lang-grid{}
    @media(max-width:860px){.lang-grid{grid-template-columns:1fr!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;}
    .people-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:48px;align-items:start;}
    .more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
    .code-tiles{display:none;}
    @media(max-width:767px){.code-tiles{display:block;}.code-rows{display:none;}.tick-wrap{display:none;}}
    @media(max-width:860px){.more-grid{grid-template-columns:1fr;}}
    @keyframes mdlIn{from{opacity:0;transform:translateY(14px) scale(.985);}to{opacity:1;transform:none;}}
    @keyframes vlIn{from{opacity:0;}to{opacity:1;}}
    @media(max-width:860px){.people-grid{grid-template-columns:1fr;gap:34px;}}
    .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:var(--border-strong);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:900px){
      .codes-grid{grid-template-columns:1fr;}
    }
    @media(max-width:767px){.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:767px){.nav-bar{height:62px!important;}.mob-panel{top:66px!important;}.nav-logo{font-size:1.1875rem!important;margin-right:0!important;}.nav-logo img{height:28px!important;}}
    @media(max-width:767px){
      .jp-wrap{right:14px!important;bottom:14px!important;}
      .jp-lbl{display:none;}
      .jp-fab{padding:8px!important;gap:0!important;}
      .jp-av{width:44px!important;height:44px!important;font-size:.8125rem!important;}
    }
    @media(max-width:900px){.journey-grid{grid-template-columns:1fr;gap:32px;}.journey-rail{position:static;}}
    @media(max-width:767px){.hero-num{display:none;}}
    .hero-grid2{max-width:min(1400px,100%);margin:0 auto;padding-left:40px;padding-right:40px;min-width:0;}
    @media(max-width:900px){.hero-grid2{grid-template-columns:1fr!important;gap:36px!important;}}
    @media(max-width:767px){.hero-grid2{padding-left:20px;padding-right:20px;}}
    @media(max-width:760px){.author-grid{grid-template-columns:1fr;gap:26px;}}
    .marq{overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 120px,#000 calc(100% - 80px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 120px,#000 calc(100% - 80px),transparent 100%);}
    @keyframes marq{from{transform:translate3d(0,0,0);}to{transform:translate3d(-50%,0,0);}}
    .marq-track{animation:marq 90s 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;}
      .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:900px){
      .codes-grid{grid-template-columns:1fr;}
    }
    @media(max-width:767px){
      .rw{padding:0 20px;}
      section>.rw{padding-top:40px!important;padding-bottom:40px!important;}
      section>.rw.hero-rw{padding-top:56px!important;padding-bottom:0!important;}
      .tick-wrap{margin-top:44px!important;}
      .seam-band{height:52px!important;}
      #what{margin-top:-34px;}
      .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);}
      .lang-grid{}
    @media(max-width:860px){.lang-grid{grid-template-columns:1fr!important;}}
    .stat-row{grid-template-columns:1fr 1fr;gap:1px;}
    }
  .su-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:start;}
    .prog-seg{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;}
    .quiz-opts{display:flex;flex-wrap:wrap;gap:8px;}
    .q-row{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:center;}
    .prog-panel{position:fixed;left:22px;bottom:24px;z-index:190;}
    @media(max-width:900px){.su-grid{grid-template-columns:1fr;gap:26px;}.q-row{grid-template-columns:1fr;gap:10px;}}
    @media(max-width:767px){
      .prog-title{display:none!important;}
      .prog-panel{left:14px;bottom:14px;}
      .prog-strip{gap:9px!important;}
      .prog-track{gap:8px!important;}
      .prog-seg{gap:6px!important;}
      .prog-seg .prog-labels{font-size:.625rem!important;}
      .prog-seg span:last-child{font-size:.5625rem!important;}
      .prog-total{font-size:.625rem!important;}
    }
    section[id]{scroll-margin-top:150px;}
    .mob-panel{top:135px!important;}
    @media(max-width:767px){.mob-panel{top:101px!important;}section[id]{scroll-margin-top:116px;}}
  
/* mobilmeny: rett under navlinja, over progresjonsbarene */
.mob-panel{top:92px!important;z-index:300!important;}
@media(max-width:767px){.mob-panel{top:62px!important;}}