.hdr,.mnav,.foot{
  --dark:#050f16; --accent:#245efe; --inv80:rgba(255,255,255,.8); --b10:rgba(255,255,255,.1);
  --f:"Schibsted Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --g:max(16px,env(safe-area-inset-left,0px));
  font-family:var(--f);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;
}
@media (max-width:760px){.hdr,.mnav,.foot{--g:max(20px,env(safe-area-inset-left,0px))}}
:is(.hdr,.mnav,.foot),:is(.hdr,.mnav,.foot) *{box-sizing:border-box}
:is(.hdr,.mnav,.foot) a{color:inherit;text-decoration:none;background:none}
:is(.hdr,.mnav,.foot) img{display:block;max-width:none}
:is(.hdr,.mnav,.foot) :is(ul,li,p,h5){margin:0;padding:0;font-family:var(--f)}
:is(.hdr,.foot) .wrap{max-width:1200px;margin:0 auto}
@media (max-width:1240px){:is(.hdr,.foot) .wrap{margin:0 var(--g)}}

:is(.hdr,.mnav) .btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;font:500 16px/20px var(--f);white-space:nowrap;cursor:pointer;border:1px solid transparent;transition:background .2s,border-color .2s,transform .15s,box-shadow .25s}
:is(.hdr,.mnav) .btn-l{height:52px;padding:0 32px}
:is(.hdr,.mnav) .btn-m{height:44px;padding:0 24px}
:is(.hdr,.mnav) .btn-pri{background:var(--accent);color:#fff}
:is(.hdr,.mnav) .btn-pri:hover{background:#3b6ffe;box-shadow:0 10px 28px -10px rgba(36,94,254,.9)}
:is(.hdr,.mnav) .btn-pri:active{background:#1c50e0;transform:scale(.98)}
:is(.hdr,.mnav) .btn-sec{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.1);color:#fff}
:is(.hdr,.mnav) .btn-sec:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.24)}
:is(.hdr,.mnav) .btn-sec:active{background:rgba(255,255,255,.22);transform:scale(.98)}
:is(.hdr,.mnav,.foot) :is(.btn,a):focus-visible{outline:2px solid #6f93ff;outline-offset:3px}

.hdr{position:fixed;top:0;left:0;right:0;z-index:1000;color:#fff;padding-top:env(safe-area-inset-top,0px);transition:color .3s ease}
.hdr::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:rgba(5,15,22,.66);
  -webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);
  border-bottom:1px solid rgba(255,255,255,.08);transition:opacity .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}
.hdr.is-stuck::before{opacity:1}

.hdr.is-light::before{opacity:1;background:rgba(255,255,255,.78);border-bottom-color:rgba(5,15,22,.08);box-shadow:0 10px 30px -20px rgba(5,15,22,.35)}
body:not(:has(.hero + *)) .hdr:not(.is-read)::before{opacity:1!important}
.hdr.is-mixed::before{opacity:1}
.hdr.no-tx,.hdr.no-tx::before,.hdr.no-tx *{transition:none!important}

@supports (animation-timeline:scroll()){
  @keyframes pa-hdr-glass{from{opacity:0}to{opacity:1}}
  .hdr:not(.is-read)::before{animation:pa-hdr-glass linear both;animation-timeline:scroll(root block);animation-range:0 24px}
}

.hdr.is-turning::before{transition-timing-function:ease-in-out}
.hdr.is-turning :is(.nav .ddt,.nav .navl,.btn-sec,.burger,.pa-lang,.pa-lang a),.hdr.is-turning .logo :is(.lg-d,.lg-l){
  transition:color 0s linear .15s,opacity 0s linear .15s,background-color .3s ease-in-out,border-color .3s ease-in-out}
.hdr.is-turning.is-light :is(.nav .ddt,.nav .navl,.btn-sec,.burger,.pa-lang,.pa-lang a),.hdr.is-turning.is-light .logo :is(.lg-d,.lg-l){
  transition:color 0s linear .08s,opacity 0s linear .08s,background-color .3s ease-in-out,border-color .3s ease-in-out}
.hdr .wrap{display:flex;align-items:center;height:80px;transition:height .3s ease}
html{scroll-padding-top:84px}
:is(.hdr,.mnav) .logo{display:block;width:143px;height:32px}
:is(.hdr,.mnav) .logo svg{width:100%;height:100%;display:block}
.hdr .nav{display:flex;align-items:center}
.hdr .nav .ddt,.hdr .nav .navl{display:flex;align-items:center;gap:4px;height:44px;padding:0 8px;border:0;background:none;cursor:pointer;border-radius:8px;font:500 16px/1.5 var(--f);color:var(--inv80);transition:color .2s,background .2s;text-transform:none;margin:0}
.hdr .nav .ddt svg{width:16px;height:16px;stroke:currentColor;fill:none;transition:transform .25s cubic-bezier(.22,1,.36,1)}
.hdr .nav .ddt:hover,.hdr .nav .navl:hover,.hdr .dd.open .ddt{color:#fff;background:rgba(255,255,255,.06)}
.hdr .nav .ddt:active,.hdr .nav .navl:active{background:rgba(255,255,255,.1)}
.hdr .nav :is(.ddt,.navl):focus-visible{outline:2px solid #6f93ff;outline-offset:3px}
.hdr .dd.open .ddt svg{transform:rotate(180deg)}
.hdr .dd{position:relative}
.hdr .ddp{position:absolute;top:100%;left:-8px;padding-top:14px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease,transform .25s cubic-bezier(.22,1,.36,1),visibility 0s .25s;z-index:30}
.hdr .dd.open .ddp{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .25s cubic-bezier(.22,1,.36,1)}
.hdr .ddb{display:flex;gap:24px;padding:16px;border-radius:16px;background:#050f16;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px -24px rgba(0,0,0,.8)}
.hdr .mmg{display:flex;flex-direction:column;width:264px}

.hdr .dd-prod .mmg{width:304px}
.hdr .mmg-2{width:528px}
.hdr .mmg-2 .mml{display:grid;grid-template-columns:264px 264px}
.hdr .mmt{font:400 14px/1.5 var(--f);color:rgba(255,255,255,.8);margin-bottom:8px}
:is(.hdr,.mnav) .mlk{display:flex;align-items:center;justify-content:space-between;gap:16px;height:48px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.1);border-radius:0;font:400 16px/1.5 var(--f);color:rgba(255,255,255,.8);transition:background .2s,color .2s,border-radius .2s,border-color .2s}
:is(.hdr,.mnav) .mla{flex:none;width:24px;height:24px;border-radius:9999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;transition:background .2s,border-color .2s;font-style:normal}
:is(.hdr,.mnav) .mla svg{width:12px;height:12px;color:rgba(255,255,255,.8);transition:color .2s}
:is(.hdr,.mnav) .mlk:hover{background:#151c24;border-radius:12px;border-bottom-color:transparent;color:#fff}

:is(.hdr,.mnav) .mlk:is(:hover,:focus-visible) .mla{background:var(--accent);border-color:var(--accent)}
:is(.hdr,.mnav) .mlk:is(:hover,:focus-visible) .mla svg{color:#fff;width:14px;height:14px}
:is(.hdr,.mnav) .mlk:active{background:#1b2530}
:is(.hdr,.mnav) .mlk:active .mla{background:#1c50e0;border-color:#1c50e0}
:is(.hdr,.mnav) .mlk:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #245efe;border-radius:12px;border-bottom-color:transparent}

.hdr .nav{position:relative}
.hdr :is(.dd-feat,.dd-sol){position:static}
.hdr :is(.dd-feat,.dd-sol) .ddp{left:50%;transform:translate(-50%,6px)}
.hdr :is(.dd-feat,.dd-sol).open .ddp{transform:translate(-50%,0)}
.hdr .acts{margin-left:auto;display:flex;gap:12px;align-items:center}
.hdr .burger{display:none;margin:0 0 0 auto;width:auto;height:auto;background:none;border:0;color:#fff;padding:8px;border-radius:10px;cursor:pointer;position:relative;z-index:41}
.hdr .burger:hover{background:rgba(255,255,255,.08)}
.hdr .burger svg{width:26px;height:26px;display:block}
.mnav{display:none}

.hdr .logo{position:relative}
.hdr .logo .lg-d,.hdr .logo .lg-l{transition:opacity .3s ease}
.hdr .logo .lg-l{position:absolute;inset:0;opacity:0}
.hdr.is-light .logo .lg-d{opacity:0}
.hdr.is-light .logo .lg-l{opacity:1}
.hdr.is-light .nav .ddt,.hdr.is-light .nav .navl{color:rgba(5,15,22,.78)}
.hdr.is-light .nav .ddt:hover,.hdr.is-light .nav .navl:hover,.hdr.is-light .dd.open .ddt{color:#050f16;background:rgba(5,15,22,.05)}
.hdr.is-light .nav .ddt:active,.hdr.is-light .nav .navl:active{background:rgba(5,15,22,.08)}
.hdr.is-light .btn-sec{background:rgba(5,15,22,.05);border-color:rgba(5,15,22,.1);color:#050f16}
.hdr.is-light .btn-sec:hover{background:rgba(5,15,22,.09);border-color:rgba(5,15,22,.16)}
.hdr.is-light .btn-sec:active{background:rgba(5,15,22,.13)}
.hdr.is-light .burger{color:#050f16}
.hdr.is-light .burger:hover{background:rgba(5,15,22,.06)}
.hdr.is-light .ddb{background:rgba(255,255,255,.94);border-color:rgba(5,15,22,.08);box-shadow:0 24px 60px -24px rgba(5,15,22,.28);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4)}
.hdr.is-light .mmt{color:#595959}
.hdr.is-light .mlk{color:rgba(5,15,22,.8);border-bottom-color:rgba(5,15,22,.08)}
.hdr.is-light .mla{background:rgba(5,15,22,.03);border-color:rgba(5,15,22,.1)}
.hdr.is-light .mla svg{color:rgba(5,15,22,.7)}
.hdr.is-light .mlk:hover{background:#eef2ff;color:#050f16}
.hdr.is-light .mlk:active{background:#e3e9fb}
.hdr.is-light .pa-lang{color:rgba(5,15,22,.75)}
.hdr.is-light .pa-lang a:hover{color:#050f16;background:rgba(5,15,22,.05)}
.hdr.is-light .pa-lang [aria-current]{color:#050f16}

@media (min-width:1101px){
  .hdr .wrap{display:grid;grid-template-columns:1fr auto 1fr}
  .hdr .acts{justify-self:end}
  .hdr.is-stuck .wrap{height:68px}
}

:is(.hdr,.mnav) .pa-lang{display:flex;gap:4px;align-items:center;font:500 14px/1 var(--f);color:var(--inv80)}
:is(.hdr,.mnav) .pa-lang a,:is(.hdr,.mnav) .pa-lang span{padding:8px;border-radius:8px}
:is(.hdr,.mnav) .pa-lang a:hover{color:#fff;background:rgba(255,255,255,.06)}
:is(.hdr,.mnav) .pa-lang [aria-current]{color:#fff}

@media (max-width:1100px){
  .hdr .nav{display:none}

  .hdr .acts{gap:8px}
  .hdr .acts .btn-sec,.hdr .acts .pa-lang{display:none}
  .hdr .acts .btn-pri{height:36px;padding:0 16px;font-size:14px}
  .hdr .burger{display:block;margin-left:8px}
  html{scroll-padding-top:72px}
  .hdr .wrap{height:64px}
  .hdr .logo{width:118px;height:26px}
  .mnav{display:flex;flex-direction:column;position:fixed;inset:0;z-index:1200;background:#050f16;color:#fff;padding:0 0 calc(32px + env(safe-area-inset-bottom,0px));overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s}
  .mnav.open{opacity:1;visibility:visible;transition:opacity .25s}
  .mnav .mbg{position:fixed;inset:0;pointer-events:none}
  .mnav .mbg svg{position:absolute;top:0;left:50%;width:1440px;height:810px;transform:translateX(-62%)}
  .mnav .mbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;height:64px;flex:none;padding:0 10px 0 20px;background:transparent}
  .mnav .mbar .logo{width:125px;height:28px}
  .mnav .mclose{width:44px;height:44px;display:grid;place-items:center;background:none;border:0;border-radius:12px;color:#fff;cursor:pointer;padding:0}
  .mnav .mclose:hover{background:rgba(255,255,255,.08)}
  .mnav .mclose svg{width:24px;height:24px}
  .mnav nav{position:relative;display:flex;flex-direction:column;padding:8px 20px 20px}
  .mnav summary,.mnav .mtop{display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 23px;border-bottom:1px solid rgba(255,255,255,.1);font:500 16px/1.5 var(--f);color:rgba(255,255,255,.8);list-style:none;cursor:pointer;transition:color .2s,background .2s}
  .mnav summary:active,.mnav .mtop:active{background:rgba(255,255,255,.04)}
  .mnav summary::-webkit-details-marker{display:none}
  .mnav summary svg{width:16px;height:16px;stroke:currentColor;fill:none;transition:transform .25s}
  .mnav .macc{display:block}
  .mnav .macc[open] summary{color:#fff}
  .mnav .macc[open] summary svg{transform:rotate(180deg)}
  .mnav .mlist{display:flex;flex-direction:column;padding:4px 0 12px 12px}
  .mnav .mlist .mh{font:400 14px/1.5 var(--f);color:rgba(255,255,255,.6);padding:16px 12px 8px}

  .mnav .mlist .mlk{height:auto;min-height:48px;padding-top:12px;padding-bottom:11px}
  .mnav .macts{position:relative;margin-top:auto;display:flex;flex-direction:column;gap:12px;align-items:center;padding:0 20px}
  .mnav .btn{width:100%;height:52px}
  .mnav .lg{display:block;text-align:center;padding:2px 12px;font:500 16px/1.5 var(--f);color:#fff}
}

.foot{position:relative;background:var(--dark);color:#fff;clear:both}
.foot::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(186,197,218,0) 0%,rgba(186,197,218,.56) 47.4%,rgba(186,197,218,0) 100%)}
.foot .top{display:grid;grid-template-columns:250px repeat(6,auto);justify-content:space-between;column-gap:12px;padding:40px 0 28px}
.foot .brand svg{width:235px;height:53px;display:block}
.foot .brand p{margin:20px 0 0;font:400 16px/1.5 var(--f);max-width:235px;color:#fff}
.foot .sec{margin-top:28px;font:400 14px/1.5 var(--f);color:var(--accent)}
.foot .cert{width:242px;height:auto;margin-top:10px}
.foot h5{margin:0 0 4px;padding:6px 0;font:400 14px/20px var(--f);color:var(--accent);text-transform:uppercase;clear:none}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{display:list-item;list-style:none;font:400 14px/20px var(--f);color:#fff}
.foot li a{display:inline-block;padding:6px 0;font:400 14px/20px var(--f);color:#fff;transition:color .2s}
.foot li a:hover{color:#8fb0ff}
.foot .bar{background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.06)}
.foot .bar .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.foot .bar span{font:400 14px/1.5 var(--f);color:var(--inv80);text-transform:uppercase}
.foot .soc{display:flex;gap:16px}
.foot .soc a{width:32px;height:32px;border-radius:16px;display:grid;place-items:center;transition:background .2s,transform .2s}
.foot .soc a:hover{background:rgba(255,255,255,.1);transform:translateY(-1px)}
.foot .soc a:active{background:rgba(255,255,255,.18);transform:none}
.foot .soc svg{width:20px;height:20px;fill:#fff}
@media (max-width:360px){.hdr .acts .btn-pri{padding:0 12px;font-size:13px}}
@media (max-width:1100px){
  .foot .top{grid-template-columns:repeat(6,auto);row-gap:24px}
  .foot .brand{grid-column:1/-1}
}
@media (max-width:900px){
  .foot .top{grid-template-columns:1fr 1fr;gap:20px 16px;padding:36px 0 24px}
  .foot .bar .wrap{flex-direction:column;justify-content:center;gap:10px;height:auto;padding:16px 0}
}

@media (prefers-reduced-motion:reduce){
  :is(.hdr,.mnav,.foot) *{transition-duration:.001ms!important}
}