@font-face{font-family:"Space Grotesk";src:url(/typsnitt/SpaceGrotesk.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/typsnitt/JetBrainsMono.woff2) format("woff2");font-weight:100 800;font-display:swap}
:root{--bg:#060A13;--yta:#111A2E;--linje:#1A2440;--rutnat:#24304D;--text:#EEF2FF;--dampad:#8794B2;--mint:#3CF0C5;--bla:#4D7CFF;
--pos:#1BA583;--neg:#D9604F;--neutral:#8794B2;--sans:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;
--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--flikar:60px}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:12px}
body{margin:0;font-family:var(--sans);font-weight:450;font-size:17px;line-height:1.55;background:var(--bg);color:var(--text);
font-feature-settings:"kern";padding-bottom:calc(var(--flikar) + env(safe-area-inset-bottom))}
.wrap{max-width:72rem;margin:0 auto;padding:0 16px}
a{color:var(--mint);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--text)}
a:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
.hoppa{position:absolute;left:-999px}.hoppa:focus{left:16px;top:8px;background:var(--bg);padding:12px;z-index:3}
.topp{border-bottom:1px solid var(--linje)}
.topp-inne{display:flex;align-items:center;justify-content:space-between;gap:10px 24px;min-height:56px}
.namn{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--text);text-decoration:none;font-weight:700;letter-spacing:-.025em;font-size:17px}
.logga-in{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid var(--mint);
border-radius:22px;color:var(--mint);text-decoration:none;font-weight:600;font-size:15px;white-space:nowrap;flex:none}
.logga-in:hover{background:var(--mint);color:var(--bg)}
.symbol{flex:none;display:block}
.flikar{position:fixed;left:0;right:0;bottom:0;z-index:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
background:rgba(6,10,19,.97);border-top:1px solid var(--linje);padding-bottom:env(safe-area-inset-bottom)}
.flikar a{display:flex;align-items:center;justify-content:center;min-height:var(--flikar);padding:0 2px;color:var(--dampad);
text-decoration:none;font-size:13px;font-weight:600;letter-spacing:-.01em;text-align:center;border-top:2px solid transparent;margin-top:-1px}
.flikar a[aria-current=page]{color:var(--text);border-top-color:var(--mint)}
.flikar a.flik-dator{display:none}
.exempel{border-bottom:1px solid var(--linje);background:var(--yta);font-size:14px;color:var(--text);padding:8px 16px;text-align:center}
.exempel .etikett{display:inline;color:var(--neg);margin-right:6px}
main.wrap{padding-top:20px;padding-bottom:48px}
h1,h2,h3{color:var(--text)}
h1{font-weight:700;font-size:clamp(2.1rem,9vw,3.4rem);line-height:1.03;letter-spacing:-.04em;margin:.15em 0 .4em}
h2{font-weight:700;font-size:1.4rem;line-height:1.2;letter-spacing:-.02em;margin:.15em 0 .7em}
h3{font-weight:700;font-size:1.15rem;letter-spacing:-.01em;margin:1.4em 0 .4em}
p{margin:0 0 1em}
.ingress{max-width:40rem;font-size:1.12rem;color:var(--text)}
.ingress p{margin-bottom:.8em}
.kort{max-width:40rem;color:var(--text)}
.dampad{color:var(--dampad)}
.uppdaterad{font-family:var(--mono);font-size:12.5px;color:var(--dampad);letter-spacing:.02em;margin:0}
.uppdaterad.gammal{color:var(--neg)}
.avsnitt{border-top:1px solid var(--linje);margin-top:40px;padding-top:16px;scroll-margin-top:8px}
.etikett{font-family:var(--mono);font-size:12.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--dampad);margin:0 0 .4em}
.etikett span{color:var(--mint);margin-right:6px}
.kalla{font-family:var(--mono);font-size:12.5px;line-height:1.55;color:var(--dampad)}
.kalla a{color:var(--dampad)}.kalla a:hover{color:var(--text)}
.mono,code{font-family:var(--mono);font-size:.92em}
.under{display:block;font-family:var(--mono);font-size:12.5px;color:var(--dampad);line-height:1.5;margin-top:2px}
.under a{color:var(--dampad)}
.hopp{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}
.hopp a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--linje);border-radius:22px;
color:var(--text);text-decoration:none;font-family:var(--mono);font-size:13px}
.hopp a:hover{border-color:var(--mint)}
.mer{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.mer a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--mint);border-radius:22px;
text-decoration:none;font-family:var(--mono);font-size:13.5px}
.punkter{list-style:none;margin:0 0 12px;padding:0}
.punkter li{display:grid;gap:2px;padding:10px 0;border-bottom:1px solid var(--linje)}
.punkter a,.punkt-rubrik{display:flex;align-items:center;min-height:44px;font-weight:700;font-size:1.08rem;letter-spacing:-.01em;margin:-6px 0}
.punkt-rubrik{color:var(--text)}
.punkter li>span:last-child{color:var(--dampad)}
.punkter.kompakt li{padding:6px 0}
.punkter.kompakt li>span:last-child{font-family:var(--mono);font-size:13px}
.hero{display:grid;gap:8px 48px;padding:4px 0 8px}
.hero-text{min-width:0}
.hero-bild{margin:8px 0 0;max-width:30rem}
.illustration{display:block;width:100%;height:auto}
.hero h1{max-width:15em;margin-top:.1em}
.for-vem{font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--mint);margin:8px 0 0}
.knappar{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 4px}
.knapp{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid var(--mint);
border-radius:24px;text-decoration:none;font-weight:600;font-size:16px;color:var(--mint)}
.knapp-fylld{background:var(--mint);color:var(--bg)}
.knapp-fylld:hover{background:var(--text);border-color:var(--text);color:var(--bg)}
.pris{font-family:var(--mono);font-size:14.5px;color:var(--text);margin:4px 0 10px}
.plan{display:grid;gap:20px 48px}
.plan-text{min-width:0}
.utdrag{margin:0;padding:16px 18px;border:1px solid var(--linje);border-radius:6px;background:var(--yta);align-self:start}
.utdrag figcaption{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--mint);margin-bottom:6px}
.utdrag dl>div{display:grid;gap:2px;padding:9px 0;border-bottom:1px solid var(--linje)}
.utdrag dt{font-size:14px;color:var(--dampad)}
.utdrag dd{margin:0;font-family:var(--mono);font-size:16px;font-weight:600}
.utdrag .kalla{margin:10px 0 0}
.kanaler .konto{font-family:var(--mono);font-size:13px;color:var(--text)}
.erbjud{display:grid;gap:8px 40px}
.erbjud h2{margin-top:.6em}
.skala{margin:8px 0 10px;border-top:1px solid var(--linje)}
table{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
caption{text-align:left}
th,td{text-align:left;vertical-align:top;padding:9px 14px 9px 0;border-bottom:1px solid var(--linje)}
thead th{font-family:var(--mono);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--dampad);white-space:nowrap;padding-top:10px}
tbody th{font-weight:500}
td.tal,th.tal{text-align:right;font-family:var(--mono);font-size:14px;white-space:nowrap}
td.datum,th.datum{font-family:var(--mono);font-size:14px;white-space:nowrap}
thead th.tal,thead th.datum{font-size:12px}
td.kallcell{font-family:var(--mono);font-size:12.5px;color:var(--dampad)}
td.kallcell a{color:var(--dampad)}
td.spark{padding-top:6px}
.spark,.premie{display:block}
.premiecell{display:inline-flex;align-items:center;gap:8px;justify-content:flex-end}
svg.bara-dator{display:none}
@media (max-width:959px){
table.stapla thead{position:absolute;left:-9999px}
table.stapla tr{display:block;padding:12px 0;border-bottom:1px solid var(--linje)}
table.stapla th,table.stapla td{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:12px;border:0;padding:4px 0;text-align:left;white-space:normal;min-width:0}
table.stapla tbody th{display:block;font-weight:600;font-size:16px;padding-bottom:6px}
table.stapla td::before{content:attr(data-etikett);font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--dampad);padding-top:3px}
table.stapla td:empty{display:none}
table.stapla td>div,table.stapla th>div{min-width:0;overflow-wrap:anywhere}
table.stapla td.tal{text-align:left}
table.stapla .premiecell{justify-content:flex-start}
table.stapla .kons{white-space:normal}
table.stapla .rad-tal{margin-right:12px}
}
tbody tr:hover th,tbody tr:hover td{background:rgba(17,26,46,.6)}
.kons{display:block;font-family:var(--mono);font-size:14px}
.kons>span:first-child{color:var(--dampad);font-size:12.5px;margin-right:6px}
.kons .under{display:inline;margin-left:6px}
.stort{margin:.1em 0 .3em}
.lage{font-family:var(--mono);font-weight:600;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.lage::before{content:"";display:inline-block;width:.62em;height:.62em;border-radius:2px;margin-right:.45em;vertical-align:.06em;background:var(--neutral)}
.stort .lage{font-size:clamp(1.7rem,8vw,2.4rem)}
.lage-riskvilja::before,.ruta.lage-riskvilja{background:var(--pos)}
.lage-neutral::before,.ruta.lage-neutral{background:var(--neutral)}
.lage-riskskygghet::before,.ruta.lage-riskskygghet{background:var(--neg)}
.forklaring{list-style:none;display:flex;flex-wrap:wrap;gap:4px 18px;padding:0;margin:0 0 8px;font-family:var(--mono);font-size:12.5px;color:var(--dampad)}
.ruta{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.figur{margin:20px 0 8px}
.graf{display:block;width:100%;height:auto}
.pekar{font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.pekar::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;background:var(--neutral)}
.pekar-lever::before{background:var(--pos)}.pekar-borta::before{background:var(--neg)}
dl{margin:0}
.par{display:grid;gap:14px;margin:0 0 14px}
.par dt,.idag dt,.summering dt,.siffror dt{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--dampad)}
.par dd{margin:2px 0 0;max-width:40rem}
.idag{display:grid}
.idag>div{display:grid;gap:2px;padding:12px 0;border-bottom:1px solid var(--linje)}
.idag dd{margin:0;font-size:1.05rem}
.idag .kalla{display:block;margin-top:2px}
.sha{color:var(--text)}
.summering{display:grid;margin:0 0 12px}
.summering>div{padding:12px 0;border-bottom:1px solid var(--linje)}
.summering dd{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:4px 16px;font-family:var(--mono);font-size:15px}
.rad-tal{white-space:nowrap}
td .rad-tal{margin-right:14px}
.handelser{list-style:none;margin:0;padding:0}
.handelse{padding:14px 0 12px 12px;border-bottom:1px solid var(--linje);border-left:2px solid transparent;scroll-margin-top:8px}
.handelse.viktig{border-left-color:var(--mint)}
.handelse p{margin:0}
.nar{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;font-family:var(--mono);font-size:13.5px;color:var(--dampad)}
.nar>span:first-child{color:var(--text)}
.markering{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--mint)}
.titel{font-weight:700;font-size:1.08rem;margin-top:4px}
.siffror{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:6px 12px;margin:10px 0 8px}
.siffror>div{display:contents}
.siffror dd{margin:0;font-family:var(--mono);font-size:14px}
.siffror .kons{margin-bottom:4px}
.siffror .kons .under{display:block;margin-left:0}
.rader{list-style:none;margin:8px 0 12px;padding:0;border-top:1px solid var(--linje);max-width:52rem}
.rader li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--linje)}
.rad-namn{font-weight:600}
.rad-varde{grid-column:1 / -1;font-family:var(--mono);font-size:14px}
.rader .kalla{grid-column:1 / -1;margin:0}
.signaler .bidrag{grid-row:1;grid-column:2;font-family:var(--mono);font-size:14px;font-weight:600;min-width:2.4em;text-align:right}
.bidrag-pos{color:var(--pos)}.bidrag-neg{color:var(--neg)}.bidrag-noll{color:var(--dampad)}
.tecken .pekar{grid-row:1;grid-column:2}
.pekar-inget{color:var(--dampad);text-transform:none;letter-spacing:0}.pekar-inget::before{display:none}
.serier{list-style:none;margin:8px 0 12px;padding:0;border-top:1px solid var(--linje)}
.serie{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--linje)}
.serie-namn strong{font-weight:600}
.serie-varde{text-align:right}
.tal-stort{font-family:var(--mono);font-size:1.25rem;font-weight:600;white-space:nowrap}
.serie-spark{grid-column:1}
.serie-kalla{grid-column:2;margin:0;text-align:right}
.grupp{margin-top:8px;scroll-margin-top:8px}
.grupp h3 .dampad{font-family:var(--mono);font-size:13px;font-weight:500;margin-left:6px}
.struktur{font-family:var(--mono);font-size:13px}
.struktur-osakrad{color:var(--neg)}
.varning{display:block;font-size:14px;color:var(--text);padding-left:12px;position:relative}
.varning::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:1px;background:var(--neg)}
.varningar{list-style:none;margin:0;padding:0;max-width:44rem}
.varningar li{border-left:2px solid var(--neutral);padding:2px 0 2px 14px;margin:0 0 18px}
.varningar li.allvar-allvarlig{border-left-color:var(--neg)}
.varningar p{margin:0 0 4px}
.vrad{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.allvar{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--dampad)}
.allvar-allvarlig .allvar{color:var(--neg)}
.sha-stor{display:grid;gap:4px;margin:4px 0 14px}
.sha-stor code{font-size:clamp(14px,3.6vw,17px);color:var(--text);word-break:break-all;line-height:1.5}
td.sha-cell code,.summor code{word-break:break-all;color:var(--dampad);font-size:12.5px}
.regler{max-width:44rem;margin:4px 0 12px;font-size:15px}
.regler summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--dampad)}
.regler ul{margin:8px 0 0;padding-left:1.1em;color:var(--dampad)}
.regler li{margin:0 0 4px}
.multiplar{display:grid;gap:18px;margin:12px 0 18px}
.multipel{margin:0}
.multipel figcaption{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;margin-bottom:4px}
.multipel figcaption .under{flex-basis:100%;margin:0}
.portfoljer{display:grid;gap:14px;margin-bottom:18px}
.portf{background:var(--yta);border:1px solid var(--linje);border-radius:10px;padding:16px 18px}
.portf header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}
.portf h3{margin:0;font-size:1.15rem}
.portf p{margin:8px 0 0}
.portf .innan{margin-top:12px;padding-top:10px;border-top:1px solid var(--linje);color:var(--dampad)}
.risk{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}
.risk::before{content:"";display:inline-block;width:.6em;height:.6em;border-radius:2px;margin-right:.4em;background:var(--neutral)}
.risk-låg::before{background:var(--pos)}.risk-hög::before{background:var(--neg)}
.portf-siffror{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 0}
.portf-siffror dt{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--dampad)}
.portf-siffror dd{margin:2px 0 0;font-size:1.1rem}
.portf .pos{color:var(--pos)}.portf .neg{color:var(--neg)}
.portf .kalla{margin-top:10px}
.fot{border-top:1px solid var(--linje);padding:20px 0 28px;color:var(--dampad);font-size:14px}
.fot p{margin:0 0 4px}
.fotlank{display:inline-flex;align-items:center;min-height:44px;color:var(--dampad)}
.lagg-till{margin-top:6px}
.lagg-till a{display:inline-flex;align-items:center;min-height:44px;font-family:var(--mono);font-size:13.5px}
@media (min-width:720px){
body{font-size:16px;padding-bottom:0}
.wrap{padding:0 32px}
.flikar{position:static;display:flex;flex-wrap:wrap;gap:0 22px;background:none;border:0;padding:0;margin-left:auto}
.flikar a{min-height:44px;min-width:44px;justify-content:center;padding:0;font-family:var(--mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;
border-top:0;border-bottom:2px solid transparent;margin:0}
.flikar a:hover{color:var(--text)}
.flikar a.flik-dator{display:flex}
.flikar a[aria-current=page]{border-bottom-color:var(--mint)}
main.wrap{padding-top:28px;padding-bottom:64px}
svg.bara-mobil{display:none}svg.bara-dator{display:block}
.idag{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}
.portfoljer{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.erbjud{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center}
.plan{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.hero-bild{margin:0;max-width:none}
.summering{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
.multiplar{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px 32px}
.par{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:18px 32px}
.kanaler li{grid-template-columns:8rem 16rem 1fr;align-items:center;column-gap:16px}
.punkter.kanaler a{margin:0}
.handelser{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;align-items:start}
.rader li{grid-template-columns:minmax(0,16rem) minmax(0,1fr) auto}
.rad-varde{grid-column:auto}
.signaler .bidrag,.tecken .pekar{grid-row:auto;grid-column:3}
.tecken li{grid-template-columns:minmax(0,16rem) minmax(0,1fr) auto}
.tecken .kalla{grid-column:2 / -1}
.serie{grid-template-columns:minmax(0,1.3fr) 13rem 140px minmax(0,1.2fr)}
.serie-spark{grid-column:auto}
.serie-kalla{grid-column:auto;text-align:left}
}
@media (min-width:960px){
table.makro{min-width:760px}table.cert{min-width:860px}
td.kallcell{min-width:12rem}
td.varncell{min-width:14rem}
.varning{max-width:22rem}
}
@media print{html,body{background:#fff;color:#000}.flikar,.hoppa,.hopp{display:none}body{padding:0}}
[hidden]{display:none!important}
.fire-integritet{color:var(--mint)}
.fire-grid{display:grid;gap:16px;margin:14px 0 6px}
.fire-falt label{display:block;font-weight:600;margin-bottom:6px}
.fire-inmatning{display:flex;align-items:center;gap:8px}
.fire-inmatning input{flex:1 1 auto;min-width:0;max-width:16rem;background:var(--yta);color:var(--text);border:1px solid var(--linje);
border-radius:8px;padding:10px 12px;font:inherit;font-family:var(--mono);font-size:1rem}
.fire-inmatning input:focus{outline:2px solid var(--mint);outline-offset:1px;border-color:var(--mint)}
.fire-inmatning span{color:var(--dampad);font-size:.9rem;white-space:nowrap}
.fire-hjalp{margin:6px 0 0;color:var(--dampad);font-size:.88rem;line-height:1.45}
.fire-hjalp.tom{display:none}
.fire-tal{font-size:1.3rem;font-weight:600;margin:6px 0 12px}
.fire-scenarier,.fire-tank,.fire-lista{padding-left:1.2rem;margin:8px 0 14px}
.fire-scenarier li{margin:6px 0}
.fire-scenarier .fire-lag strong{color:var(--neg)}.fire-scenarier .fire-mellan strong{color:var(--bla)}
.fire-scenarier .fire-hog strong{color:var(--mint)}
.fire-graf{width:100%;height:auto;display:block;margin:10px 0}
.fire-rutnat{stroke:var(--linje);stroke-width:1}
.fire-axel{fill:var(--dampad);font-family:var(--mono);font-size:12px}
.fire-mal{fill:none;stroke:var(--text);stroke-width:1.5;stroke-dasharray:6 5;opacity:.7}
.fire-linje{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.fire-linje.fire-lag{stroke:var(--neg)}.fire-linje.fire-mellan{stroke:var(--bla)}.fire-linje.fire-hog{stroke:var(--mint)}
.fire-prick.fire-lag{fill:var(--neg)}.fire-prick.fire-mellan{fill:var(--bla)}.fire-prick.fire-hog{fill:var(--mint)}
.fire-lista li{margin:6px 0}
.fire-plan{background:var(--yta);border:1px solid var(--mint);border-radius:12px;padding:18px 20px;margin:28px 0}
.fire-plan h2{margin-top:0}
.fire-knapp{display:inline-block;background:var(--mint);color:var(--bg);font-weight:700;text-decoration:none;
padding:10px 16px;border-radius:8px}
@media (min-width:720px){.fire-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
.fire-grid.fire-tre{grid-template-columns:repeat(3,minmax(0,1fr))}}