@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");

.switchpage{
  --ground:#ffffff;--tint-1:#f7f7fb;--tint-2:#e8f5ef;--hero-a:#fbeff4;--hero-b:#fff9f1;
  --card:#ffffff;--line:#e7e7f0;--line-2:#d9dae8;
  --ink:#000538;--ink-2:#3d405a;--ink-3:#7c7e8f;
  --accent:#0a9f6e;--cta:#0cc170;--cta-ink:#ffffff;--magenta:#c91e5e;
  --band-dark:#000538;--band-dark-ink:#ffffff;--band-dark-ink-2:#c9cbdd;
  --warn:#b4560f;--off:#a8aab8;
  --shadow:0 1px 2px rgba(0,5,56,.06),0 8px 24px rgba(0,5,56,.05);
  --display:"Poppins",-apple-system,"Segoe UI",sans-serif;
  --body:"IBM Plex Sans",-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SF Mono",monospace;
  --maxw:1120px;--r:12px;
}
@media (prefers-color-scheme:dark){
  .switchpage:not([data-theme="light"]){
    --ground:#080a1c;--tint-1:#0f1230;--tint-2:#0c2a22;--hero-a:#1a1030;--hero-b:#0d1024;
    --card:#101331;--line:#242848;--line-2:#2f3358;
    --ink:#eef0f8;--ink-2:#a8aec8;--ink-3:#868ca8;
    --accent:#2fd68d;--cta:#0cc170;--cta-ink:#00210f;--magenta:#ff6ea1;
    --warn:#f0a06a;--off:#5d6280;
    --shadow:0 1px 2px rgba(0,0,0,.4);
    --band-dark:#05081c;--band-dark-ink:#eef0f8;--band-dark-ink-2:#a8aec8;
  }
}
.switchpage[data-theme="dark"]{
  --ground:#080a1c;--tint-1:#0f1230;--tint-2:#0c2a22;--hero-a:#1a1030;--hero-b:#0d1024;
  --card:#101331;--line:#242848;--line-2:#2f3358;
  --ink:#eef0f8;--ink-2:#a8aec8;--ink-3:#868ca8;
  --accent:#2fd68d;--cta:#0cc170;--cta-ink:#00210f;--magenta:#ff6ea1;
  --warn:#f0a06a;--off:#5d6280;
  --shadow:0 1px 2px rgba(0,0,0,.4);
  --band-dark:#05081c;--band-dark-ink:#eef0f8;--band-dark-ink-2:#a8aec8;
}

.switchpage,.switchpage *{box-sizing:border-box}
.switchpage{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
.switchpage h1,.switchpage h2,.switchpage h3{font-family:var(--display);text-wrap:balance;margin:0;letter-spacing:-.02em;color:var(--ink)}
.switchpage p{margin:0}
.switchpage a{color:inherit}
.switchpage .wrap{max-width:var(--maxw);margin:0 auto;padding-inline:24px}
.switchpage .band{padding-block:64px}
.switchpage .band.ground{background:var(--ground)}
.switchpage .band.tint1{background:var(--tint-1)}
.switchpage .band.tint2{background:var(--tint-2)}

.switchpage .hero{background:linear-gradient(158deg,var(--hero-a) 0%,var(--hero-a) 34%,var(--hero-b) 100%)}
.switchpage .hero-in{max-width:var(--maxw);margin:0 auto;padding:44px 24px 0;display:flex;flex-direction:column;gap:14px}
.switchpage .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}
.switchpage h1{font-weight:800;letter-spacing:-.035em;line-height:1.05;font-size:clamp(2.1rem,5.6vw,3.5rem)}
.switchpage .hero-lead{font-size:clamp(1rem,1.7vw,1.15rem);color:var(--ink-2);max-width:58ch;line-height:1.55}
.switchpage .hl{background:var(--tint-2);box-shadow:0 0 0 3px var(--tint-2);color:var(--ink);font-weight:600;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.switchpage .hero-cta{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin-top:4px}
.switchpage .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));border-top:1px solid var(--line-2);margin-top:18px}
.switchpage .f{padding:18px 22px 22px 0;border-right:1px solid var(--line-2)}
.switchpage .f:last-child{border-right:0;padding-right:0}
.switchpage .f-k{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3)}
.switchpage .f-v{font-family:var(--display);font-weight:700;font-size:1.05rem;margin-top:7px;display:flex;align-items:center;gap:9px;line-height:1.25}
.switchpage .dot{width:9px;height:9px;border-radius:50%;flex:none}
.switchpage .dot.on{background:var(--accent)}
.switchpage .dot.part{background:var(--warn)}
.switchpage .dot.no{background:var(--off)}

.switchpage .kicker{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.switchpage h2{font-size:clamp(1.45rem,2.8vw,2rem);font-weight:800}
.switchpage .lede{color:var(--ink-2);max-width:64ch;margin-top:12px}
.switchpage .note{font-size:13.5px;color:var(--ink-3);margin-top:14px;max-width:72ch}
.switchpage .note a,.switchpage .lede a{color:var(--accent);text-underline-offset:3px}

.switchpage .steps{list-style:none;padding:0;margin:26px 0 0;counter-reset:s;display:grid;gap:12px}
.switchpage .steps > li{counter-increment:s;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px 24px;box-shadow:var(--shadow)}
.switchpage .steps > li::before{content:"Stap " counter(s,decimal-leading-zero);font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--accent);display:block;margin-bottom:6px;text-transform:uppercase}
.switchpage[lang="en"] .steps > li::before,.switchpage.en .steps > li::before{content:"Step " counter(s,decimal-leading-zero)}
.switchpage .steps > li > b{font-family:var(--display);font-weight:700;display:block;margin-bottom:3px;font-size:1.05rem}
.switchpage .steps > li > span{color:var(--ink-2);font-size:15px;display:block}
.switchpage .steps span b{font-family:var(--display);font-weight:700;color:var(--ink)}
.switchpage .steps span a{color:var(--accent);text-underline-offset:3px}
.switchpage .steps > li.now{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow)}

.switchpage .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:26px}
.switchpage .cards > div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;box-shadow:var(--shadow)}
.switchpage .cards-k{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:8px}
.switchpage .cards h3{font-size:1.1rem;font-weight:700;margin-bottom:6px}
.switchpage .cards p{font-size:14.5px;color:var(--ink-2)}
.switchpage .cards p + p{margin-top:8px}
.switchpage .cards a{color:var(--accent);text-underline-offset:3px}

.switchpage .panel{border:1px solid var(--line);border-radius:var(--r);background:var(--card);box-shadow:var(--shadow);margin-top:26px;overflow:hidden}
.switchpage .panel-scroll{overflow-x:auto}
.switchpage table{border-collapse:collapse;width:100%;min-width:520px}
.switchpage th,.switchpage td{text-align:left;padding:15px 20px;border-bottom:1px solid var(--line);font-size:15px}
.switchpage th{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);font-weight:500;background:var(--tint-1)}
.switchpage tbody tr:last-child td{border-bottom:0}
.switchpage td.k{font-family:var(--display);font-weight:700}
.switchpage .num{font-variant-numeric:tabular-nums}

.switchpage .faq{display:grid;gap:10px;margin-top:26px;max-width:820px}
.switchpage details{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:0}
.switchpage details summary{list-style:none;cursor:pointer;font-family:var(--display);font-weight:700;font-size:1rem;padding:18px 52px 18px 22px;position:relative}
.switchpage details summary::-webkit-details-marker{display:none}
.switchpage details summary::after{content:"";position:absolute;right:22px;top:50%;width:9px;height:9px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:translateY(-70%) rotate(45deg);transition:transform .15s}
.switchpage details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.switchpage details summary:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;border-radius:var(--r)}
.switchpage details > p{padding:0 22px 20px;color:var(--ink-2);font-size:15px;max-width:70ch}
.switchpage details > p + p{padding-top:0;margin-top:-8px}
.switchpage details a{color:var(--accent);text-underline-offset:3px}

.switchpage .btn{display:inline-block;background:var(--cta);color:var(--cta-ink);font-family:var(--display);font-weight:700;padding:15px 28px;text-decoration:none;white-space:nowrap;font-size:16px;border-radius:10px;box-shadow:0 1px 2px rgba(0,5,56,.12)}
.switchpage .btn:hover{filter:brightness(1.05)}
.switchpage .btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.switchpage .btn-2{font-family:var(--display);font-weight:600;font-size:15px;text-decoration:none;color:var(--ink-2);border-bottom:1.5px solid currentColor;padding-bottom:2px}

.switchpage .cta{background:var(--band-dark)}
.switchpage .cta .wrap{padding-block:52px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 36px;align-items:center}
.switchpage .cta h2{color:var(--band-dark-ink);max-width:22ch}
.switchpage .cta p{color:var(--band-dark-ink-2);font-size:15px;margin-top:12px;max-width:58ch}
.switchpage .cta .side{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.switchpage .cta .btn-2{color:var(--band-dark-ink-2)}
@media (max-width:720px){.switchpage .cta .wrap{grid-template-columns:1fr}}