/* Delad stil för /anslut och /certifikat. */

:root{
  --bg:#ffffff;--ink:#16110e;--ink2:#3d3530;--mut:#776c66;--line:#ece6e1;--soft:#f8f5f2;--sand:#f6f1eb;--sand2:#ede5dd;
  --acc:#8e2f2a;--ok:#24804a;--warn:#9a5b12;
  --sans:"Schibsted Grotesk",system-ui,sans-serif;--mono:"Geist Mono",ui-monospace,monospace;
  --ease:cubic-bezier(.2,.7,.2,1);--spring:cubic-bezier(.34,1.5,.64,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.logo{display:inline-block;width:80px;aspect-ratio:51/12;background:currentColor;-webkit-mask:url(hilmo-logo.svg) center/contain no-repeat;mask:url(hilmo-logo.svg) center/contain no-repeat}
.ok{flex:none;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ok);color:#fff}
.ok svg{width:12px;height:12px}
.bid{display:inline-block;width:24px;height:24px;background:currentColor;-webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSIxNTQ4LjAwMDAwMHB0IiBoZWlnaHQ9IjE1NDguMDAwMDAwcHQiIHZpZXdCb3g9IjAgMCAxNTQ4LjAwMDAwMCAxNTQ4LjAwMDAwMCIKIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPgoKPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMTU0OC4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiMwMDAwMDAiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik02MTI2IDEyNTgzIGMtMTIxIC03NjMgLTIyMSAtMTM5NiAtMjI0IC0xNDA1IC00IC0xNyAxNiAtMTggMzE2IC0xOAoxNzYgMCAzNTYgNSAzOTggMTEgMjY0IDM2IDUwOCAxODUgNTk4IDM2MyA3OSAxNTcgNDIgMjk2IC0xMTEgNDE5IC0xNTUgMTIzCi0yNDIgMjUzIC0yNjMgMzkwIC0zNSAyMjYgMTMxIDQ2MyA0MzAgNjE0IDI1NSAxMjkgNjA5IDE1OSA5MTkgNzggMzA1IC04MQo0ODQgLTI4OSA0NjggLTU0NCAtMyAtNTIgLTEzIC0xMDggLTI2IC0xNDIgLTUwIC0xMzIgLTE3NCAtMjc1IC0zNTEgLTQwNgotMTg3IC0xMzggLTI2OSAtMjUyIC0yNzggLTM4OSAtNCAtNjUgLTIgLTgwIDIyIC0xMjggMzUgLTcxIDExNyAtMTQ2IDIwOQotMTkxIDE0MyAtNjkgMTI3IC02OCA4MDcgLTc1IDY0NyAtOCA3MTIgLTEyIDkzOSAtNjEgMjkzIC02NCA1MzEgLTE4NSA3MDEKLTM1OCAxNzEgLTE3MiAyNjUgLTM2NSAzMTggLTY0NiAyNiAtMTQwIDIzIC00ODYgLTcgLTY3NCAtNTUgLTM1NSAtMTU0IC02MjUKLTMyMCAtODcyIC0zMjAgLTQ3NyAtODY1IC03NjkgLTE1NTAgLTgzMCAtNjkgLTYgLTE1OSAtMTQgLTIwMCAtMTcgbC03NSAtNwotMjA3IC0xMzIwIGMtMTE1IC03MjYgLTIwOCAtMTMzMSAtMjA5IC0xMzQ0IGwwIC0yMyA1MDggNSBjNTIzIDUgNjQ4IDEzIDk2Mgo1OCAxMzE5IDE4OCAyNDg1IDgzNiAzMjc1IDE4MTkgMjIxIDI3NSAzOTMgNTQzIDU2MCA4NzUgMTMxIDI1OSAyMDMgNDMwIDI5MAo2OTAgMTMzIDM5NiAyMTYgNzg3IDI3MSAxMjc1IDIyIDE5NSAzMCA3NjAgMTUgOTU3IC01MSA2MzUgLTIyNyAxMTc5IC01MjkKMTYzNyAtMTk4IDMwMCAtNTEwIDYxNSAtODIyIDgyOCAtNDU5IDMxNCAtMTAyNCA1NDAgLTE2ODUgNjczIC0yOTIgNTkgLTQ5Ngo4NyAtOTAwIDEyNyAtODUgOCAtNjgyIDEyIC0yMDc1IDE1IGwtMTk1NSA0IC0yMTkgLTEzODh6Ii8+CjxwYXRoIGQ9Ik00Mzc1IDEyODQ5IGMtMTg5IC0yNyAtMzc3IC0xMjAgLTQ5MyAtMjQzIC02OCAtNzEgLTkyIC0xMjQgLTkyCi0yMDEgMCAtMTA1IDQ0IC0xNzMgMTg1IC0yODcgMjE0IC0xNzIgMjg1IC00MDIgMTkyIC02MjMgLTExNiAtMjc4IC00MDcgLTQ3OQotNzgyIC01NDAgLTY3IC0xMSAtMTc5IC0xNSAtNDM3IC0xNSBsLTM0NyAwIC02IC0zMiBjLTcgLTQyIC03MTcgLTQ1NjggLTgzMAotNTI5MyAtNDcgLTMwMiAtODggLTU2MiAtOTEgLTU3OCBsLTYgLTI3IDE2MzQgMCAxNjM1IDAgMTIgODMgYzcgNDUgOTEgNTg0CjE4NyAxMTk3IDk3IDYxMyAxNzcgMTE0MiAxODAgMTE3NSAzIDQ3IDUxNSAzMzA2IDU0MCAzNDQyIGw2IDMxIC0zNjQgNCBjLTQxMwo1IC00NDMgMTAgLTYxMyA5MiAtMzg3IDE4NyAtNDg2IDU0MCAtMjQxIDg2MyA1NSA3MyAxMTggMTMxIDI0MiAyMjQgMTE4IDg4CjIyOSAyMDYgMjYxIDI3NiAyMSA0NiAyNSA2NiAyMiAxMzIgLTMgNjUgLTkgODUgLTM0IDEyNyAtMzggNjEgLTEzMSAxMjYgLTIyMwoxNTQgLTE0NCA0NSAtMzc5IDYyIC01MzcgMzl6Ii8+CjxwYXRoIGQ9Ik0xNDk1IDM4MDggYy0xMCAtNDQgLTM0NSAtMjIyMSAtMzQ1IC0yMjQ0IGwwIC0yNCA3MzggMCBjNDA2IDAgNzg3CjUgODUwIDEwIDEzMiAxMiAyNjUgNTEgMzYyIDEwNyAzNyAyMSAxMDQgNzYgMTU1IDEyOCAxMzIgMTMxIDE5MiAyNTUgMjE1IDQ0MAozMCAyMzggLTY3IDQxNCAtMjg3IDUyNyBsLTkyIDQ3IDgxIDQzIGMxMDMgNTUgMjIzIDE2NSAyNjUgMjQ1IDg0IDE1NyA5MiAzMzAKMjMgNDcwIC01OCAxMTggLTE4OCAyMDQgLTM3MSAyNDUgLTkwIDIwIC0xMjYgMjEgLTg0MSAyNSBsLTc0NyA0IC02IC0yM3oKbTExNTAgLTM2NyBjMTAyIC00NiAxMzkgLTEwMiAxMzkgLTIxMSAtMSAtMTgwIC0xMjQgLTMxMSAtMzE5IC0zNDAgLTgyIC0xMQotMzA1IC0xMyAtMzA1IC0yIDAgMTEgNzkgNTIxIDg2IDU1NiBsNiAyOCAxNzIgLTQgYzE1MSAtMyAxNzcgLTcgMjIxIC0yN3oKbS0xOTUgLTkyMiBjMTY4IC0yNyAyNDQgLTEwMyAyNDMgLTI0NCAtMSAtMTY4IC0xMDEgLTI5OCAtMjY4IC0zNTIgLTcwIC0yMgotNDE1IC0zMiAtNDE1IC0xMiAwIDggMjEgMTUwIDQ3IDMxNyBsNDcgMzAyIDE0MCAwIGM3OCAwIDE3MCAtNSAyMDYgLTExeiIvPgo8cGF0aCBkPSJNODI2NSAzNzk4IGMtMTYgLTkxIC0zNDUgLTIyMzEgLTM0NSAtMjI0NCAwIC0xMiA1MSAtMTQgMzUwIC0xNCAxOTMKMCAzNTAgMyAzNTEgOCAwIDQgMjggMTg3IDYzIDQwNiBsNjIgMzk5IDI2NCAtNDA2IDI2MyAtNDA3IDQ0MCAwIGMzNjggMCA0MzgKMiA0MzQgMTQgLTQgMTAgLTQwNiA2MDggLTY0OCA5NjIgbC0yOCA0MiA0MjUgMzczIDQyNSAzNzQgLTQzNiAzIC00MzYgMiAtMjg3Ci0yNjIgYy0xNTggLTE0NCAtMzA0IC0yNzcgLTMyNCAtMjk2IC0yOCAtMjYgLTM2IC0zMCAtMzMgLTE2IDggMzUgMTY1IDEwNjIKMTY1IDEwNzggMCAxNCAtMzYgMTYgLTM1MCAxNiBsLTM0OSAwIC02IC0zMnoiLz4KPHBhdGggZD0iTTEwNzIwIDM4MjYgYzAgLTIgLTc5IC01MTEgLTE3NSAtMTEzMiAtOTYgLTYyMSAtMTc1IC0xMTM1IC0xNzUKLTExNDIgMCAtMTAgODQgLTEyIDQwMiAtMTAgbDQwMiAzIDE3MiAxMTEwIGM5NSA2MTEgMTc1IDExMjUgMTc4IDExNDMgbDUgMzIKLTQwNSAwIGMtMjIyIDAgLTQwNCAtMiAtNDA0IC00eiIvPgo8cGF0aCBkPSJNMTE5MDAgMzgxOCBjMCAtOCAtNzkgLTUyMiAtMTc1IC0xMTQzIC05NiAtNjIwIC0xNzUgLTExMzAgLTE3NQotMTEzMyAwIC0yIDMyNSAtMiA3MjMgMSA2MTUgNCA3MzUgNyA4MDcgMjEgMjc5IDU0IDQ4MiAxNjQgNjcwIDM2MiAzNjcgMzg4CjQ3NCA5NzggMjU0IDE0MDQgLTEzMSAyNTQgLTM1OSA0MTAgLTY5NCA0NzYgLTExOSAyMyAtMTQxMCAzNCAtMTQxMCAxMnoKbTExMDMgLTU2MiBjMTIyIC0zMyAyMDcgLTk5IDI1NiAtMTk3IDQyIC04NSA1NCAtMTU1IDQ4IC0yODQgLTEzIC0yODAgLTEzMQotNTA3IC0zMTQgLTYwMyAtMTAwIC01MiAtMTk1IC03MiAtMzg2IC03OSBsLTE2OCAtNiA1IDI0IGMzIDEzIDQ0IDI3NiA5MSA1ODQKNDcgMzA4IDg4IDU2NiA5MSA1NzQgNiAxOSAyOTUgOSAzNzcgLTEzeiIvPgo8cGF0aCBkPSJNNDUwMCAzMzI2IGMtMTUyIC0yOCAtMjc3IC02OSAtNDEzIC0xMzcgLTg0IC00MyAtMjM3IC0xNDIgLTIzNwotMTU0IDAgLTUgLTE4IC0xMjIgLTQwIC0yNjAgLTIxIC0xMzcgLTM3IC0yNTEgLTM1IC0yNTMgMiAtMiA1MiAyNyAxMTIgNjQKMjIwIDEzOSAzNzUgMjA0IDU0MCAyMjQgMTU4IDIwIDI4NiAtOCAzMTggLTcxIDE4IC0zNSAyOSAtMTEwIDE4IC0xMjUgLTI1Ci0zNSAtMTQ0IC03OCAtMzk4IC0xNDUgLTI1MyAtNjYgLTM2NCAtMTAzIC00NTcgLTE1MSAtMjExIC0xMDkgLTMyNyAtMzM0Ci0yNzQgLTUzMSAzNCAtMTI1IDEzMCAtMjA5IDI4NiAtMjQ4IDc1IC0xOSAxMDMgLTIxIDI1MCAtMTYgMTk1IDYgMjk0IDI5IDQ1NQoxMDUgbDEwMCA0OCA0MCAtNDQgYzgwIC04OSAxNzMgLTExNCA0MDYgLTExMCBsMTYwIDMgMTAwIDIzNCBjNTQgMTI5IDk5IDIzNQo5OSAyMzYgMCAxIC0yNSA1IC01NiA5IC03OCA5IC0xMTEgMjggLTEyNCA3NCAtMTAgMzEgLTQgODggMzkgMzY3IDU0IDM1MiA2MAo0MjggMzYgNTE4IC0yMiA4NCAtNTEgMTM0IC0xMTQgMTk4IC02NyA2NyAtMTY3IDExOCAtMjkxIDE1MCAtMTA5IDI3IC00MDMgMzYKLTUyMCAxNXogbTIxMCAtMTA1MyBjMCAtMTAgLTkgLTcyIC0yMCAtMTM4IC0xMSAtNjYgLTIwIC0xNDYgLTIwIC0xNzcgbDAgLTU3Ci02MiAtMzUgYy0xMjYgLTY5IC0yODcgLTk4IC0zNTMgLTYzIC04OSA0NiAtMTE0IDEzOCAtNjQgMjM4IDM2IDczIDExMyAxMTgKMjg5IDE3MiA2MyAxOSAxMzggNDQgMTY1IDU1IDY0IDI1IDY1IDI1IDY1IDV6Ii8+CjxwYXRoIGQ9Ik03MDQwIDMzMjAgYy05OSAtMjYgLTIxNiAtODQgLTMxNyAtMTU5IC00NiAtMzQgLTgzIC01NyAtODMgLTUzIDAgNAo3IDQ4IDE1IDk3IDggNTAgMTUgOTMgMTUgOTggMCA0IC0xNTggNiAtMzUyIDUgbC0zNTIgLTMgLTEzMiAtODU1IGMtNzMgLTQ3MAotMTM1IC04NjcgLTEzOCAtODgyIGwtNSAtMjggMzU0IDAgYzI0NCAwIDM1NSAzIDM1NSAxMSAwIDE0IDE0OSA5NzggMTU2IDEwMDgKOSA0MCAxMTIgMTM5IDE4MCAxNzIgNTYgMjggNzEgMzEgMTMzIDI3IDU3IC0zIDc1IC04IDk3IC0yOCAzNCAtMzIgNTQgLTc5IDU0Ci0xMjkgMCAtMzAgLTEzMSAtOTA4IC0xNTQgLTEwMzMgbC01IC0yOCAzNTIgMCAzNTMgMCA5NCA2MDMgYzUxIDMzMSA5NSA2MzgKOTcgNjgyIDYgOTUgLTE1IDIwNiAtNTMgMjgyIC01MiAxMDcgLTE2NyAxOTAgLTMwMyAyMTkgLTk2IDIwIC0yNjkgMTcgLTM2MQotNnoiLz4KPC9nPgo8L3N2Zz4=") center/contain no-repeat;mask:url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSIxNTQ4LjAwMDAwMHB0IiBoZWlnaHQ9IjE1NDguMDAwMDAwcHQiIHZpZXdCb3g9IjAgMCAxNTQ4LjAwMDAwMCAxNTQ4LjAwMDAwMCIKIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPgoKPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMTU0OC4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiMwMDAwMDAiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik02MTI2IDEyNTgzIGMtMTIxIC03NjMgLTIyMSAtMTM5NiAtMjI0IC0xNDA1IC00IC0xNyAxNiAtMTggMzE2IC0xOAoxNzYgMCAzNTYgNSAzOTggMTEgMjY0IDM2IDUwOCAxODUgNTk4IDM2MyA3OSAxNTcgNDIgMjk2IC0xMTEgNDE5IC0xNTUgMTIzCi0yNDIgMjUzIC0yNjMgMzkwIC0zNSAyMjYgMTMxIDQ2MyA0MzAgNjE0IDI1NSAxMjkgNjA5IDE1OSA5MTkgNzggMzA1IC04MQo0ODQgLTI4OSA0NjggLTU0NCAtMyAtNTIgLTEzIC0xMDggLTI2IC0xNDIgLTUwIC0xMzIgLTE3NCAtMjc1IC0zNTEgLTQwNgotMTg3IC0xMzggLTI2OSAtMjUyIC0yNzggLTM4OSAtNCAtNjUgLTIgLTgwIDIyIC0xMjggMzUgLTcxIDExNyAtMTQ2IDIwOQotMTkxIDE0MyAtNjkgMTI3IC02OCA4MDcgLTc1IDY0NyAtOCA3MTIgLTEyIDkzOSAtNjEgMjkzIC02NCA1MzEgLTE4NSA3MDEKLTM1OCAxNzEgLTE3MiAyNjUgLTM2NSAzMTggLTY0NiAyNiAtMTQwIDIzIC00ODYgLTcgLTY3NCAtNTUgLTM1NSAtMTU0IC02MjUKLTMyMCAtODcyIC0zMjAgLTQ3NyAtODY1IC03NjkgLTE1NTAgLTgzMCAtNjkgLTYgLTE1OSAtMTQgLTIwMCAtMTcgbC03NSAtNwotMjA3IC0xMzIwIGMtMTE1IC03MjYgLTIwOCAtMTMzMSAtMjA5IC0xMzQ0IGwwIC0yMyA1MDggNSBjNTIzIDUgNjQ4IDEzIDk2Mgo1OCAxMzE5IDE4OCAyNDg1IDgzNiAzMjc1IDE4MTkgMjIxIDI3NSAzOTMgNTQzIDU2MCA4NzUgMTMxIDI1OSAyMDMgNDMwIDI5MAo2OTAgMTMzIDM5NiAyMTYgNzg3IDI3MSAxMjc1IDIyIDE5NSAzMCA3NjAgMTUgOTU3IC01MSA2MzUgLTIyNyAxMTc5IC01MjkKMTYzNyAtMTk4IDMwMCAtNTEwIDYxNSAtODIyIDgyOCAtNDU5IDMxNCAtMTAyNCA1NDAgLTE2ODUgNjczIC0yOTIgNTkgLTQ5Ngo4NyAtOTAwIDEyNyAtODUgOCAtNjgyIDEyIC0yMDc1IDE1IGwtMTk1NSA0IC0yMTkgLTEzODh6Ii8+CjxwYXRoIGQ9Ik00Mzc1IDEyODQ5IGMtMTg5IC0yNyAtMzc3IC0xMjAgLTQ5MyAtMjQzIC02OCAtNzEgLTkyIC0xMjQgLTkyCi0yMDEgMCAtMTA1IDQ0IC0xNzMgMTg1IC0yODcgMjE0IC0xNzIgMjg1IC00MDIgMTkyIC02MjMgLTExNiAtMjc4IC00MDcgLTQ3OQotNzgyIC01NDAgLTY3IC0xMSAtMTc5IC0xNSAtNDM3IC0xNSBsLTM0NyAwIC02IC0zMiBjLTcgLTQyIC03MTcgLTQ1NjggLTgzMAotNTI5MyAtNDcgLTMwMiAtODggLTU2MiAtOTEgLTU3OCBsLTYgLTI3IDE2MzQgMCAxNjM1IDAgMTIgODMgYzcgNDUgOTEgNTg0CjE4NyAxMTk3IDk3IDYxMyAxNzcgMTE0MiAxODAgMTE3NSAzIDQ3IDUxNSAzMzA2IDU0MCAzNDQyIGw2IDMxIC0zNjQgNCBjLTQxMwo1IC00NDMgMTAgLTYxMyA5MiAtMzg3IDE4NyAtNDg2IDU0MCAtMjQxIDg2MyA1NSA3MyAxMTggMTMxIDI0MiAyMjQgMTE4IDg4CjIyOSAyMDYgMjYxIDI3NiAyMSA0NiAyNSA2NiAyMiAxMzIgLTMgNjUgLTkgODUgLTM0IDEyNyAtMzggNjEgLTEzMSAxMjYgLTIyMwoxNTQgLTE0NCA0NSAtMzc5IDYyIC01MzcgMzl6Ii8+CjxwYXRoIGQ9Ik0xNDk1IDM4MDggYy0xMCAtNDQgLTM0NSAtMjIyMSAtMzQ1IC0yMjQ0IGwwIC0yNCA3MzggMCBjNDA2IDAgNzg3CjUgODUwIDEwIDEzMiAxMiAyNjUgNTEgMzYyIDEwNyAzNyAyMSAxMDQgNzYgMTU1IDEyOCAxMzIgMTMxIDE5MiAyNTUgMjE1IDQ0MAozMCAyMzggLTY3IDQxNCAtMjg3IDUyNyBsLTkyIDQ3IDgxIDQzIGMxMDMgNTUgMjIzIDE2NSAyNjUgMjQ1IDg0IDE1NyA5MiAzMzAKMjMgNDcwIC01OCAxMTggLTE4OCAyMDQgLTM3MSAyNDUgLTkwIDIwIC0xMjYgMjEgLTg0MSAyNSBsLTc0NyA0IC02IC0yM3oKbTExNTAgLTM2NyBjMTAyIC00NiAxMzkgLTEwMiAxMzkgLTIxMSAtMSAtMTgwIC0xMjQgLTMxMSAtMzE5IC0zNDAgLTgyIC0xMQotMzA1IC0xMyAtMzA1IC0yIDAgMTEgNzkgNTIxIDg2IDU1NiBsNiAyOCAxNzIgLTQgYzE1MSAtMyAxNzcgLTcgMjIxIC0yN3oKbS0xOTUgLTkyMiBjMTY4IC0yNyAyNDQgLTEwMyAyNDMgLTI0NCAtMSAtMTY4IC0xMDEgLTI5OCAtMjY4IC0zNTIgLTcwIC0yMgotNDE1IC0zMiAtNDE1IC0xMiAwIDggMjEgMTUwIDQ3IDMxNyBsNDcgMzAyIDE0MCAwIGM3OCAwIDE3MCAtNSAyMDYgLTExeiIvPgo8cGF0aCBkPSJNODI2NSAzNzk4IGMtMTYgLTkxIC0zNDUgLTIyMzEgLTM0NSAtMjI0NCAwIC0xMiA1MSAtMTQgMzUwIC0xNCAxOTMKMCAzNTAgMyAzNTEgOCAwIDQgMjggMTg3IDYzIDQwNiBsNjIgMzk5IDI2NCAtNDA2IDI2MyAtNDA3IDQ0MCAwIGMzNjggMCA0MzgKMiA0MzQgMTQgLTQgMTAgLTQwNiA2MDggLTY0OCA5NjIgbC0yOCA0MiA0MjUgMzczIDQyNSAzNzQgLTQzNiAzIC00MzYgMiAtMjg3Ci0yNjIgYy0xNTggLTE0NCAtMzA0IC0yNzcgLTMyNCAtMjk2IC0yOCAtMjYgLTM2IC0zMCAtMzMgLTE2IDggMzUgMTY1IDEwNjIKMTY1IDEwNzggMCAxNCAtMzYgMTYgLTM1MCAxNiBsLTM0OSAwIC02IC0zMnoiLz4KPHBhdGggZD0iTTEwNzIwIDM4MjYgYzAgLTIgLTc5IC01MTEgLTE3NSAtMTEzMiAtOTYgLTYyMSAtMTc1IC0xMTM1IC0xNzUKLTExNDIgMCAtMTAgODQgLTEyIDQwMiAtMTAgbDQwMiAzIDE3MiAxMTEwIGM5NSA2MTEgMTc1IDExMjUgMTc4IDExNDMgbDUgMzIKLTQwNSAwIGMtMjIyIDAgLTQwNCAtMiAtNDA0IC00eiIvPgo8cGF0aCBkPSJNMTE5MDAgMzgxOCBjMCAtOCAtNzkgLTUyMiAtMTc1IC0xMTQzIC05NiAtNjIwIC0xNzUgLTExMzAgLTE3NQotMTEzMyAwIC0yIDMyNSAtMiA3MjMgMSA2MTUgNCA3MzUgNyA4MDcgMjEgMjc5IDU0IDQ4MiAxNjQgNjcwIDM2MiAzNjcgMzg4CjQ3NCA5NzggMjU0IDE0MDQgLTEzMSAyNTQgLTM1OSA0MTAgLTY5NCA0NzYgLTExOSAyMyAtMTQxMCAzNCAtMTQxMCAxMnoKbTExMDMgLTU2MiBjMTIyIC0zMyAyMDcgLTk5IDI1NiAtMTk3IDQyIC04NSA1NCAtMTU1IDQ4IC0yODQgLTEzIC0yODAgLTEzMQotNTA3IC0zMTQgLTYwMyAtMTAwIC01MiAtMTk1IC03MiAtMzg2IC03OSBsLTE2OCAtNiA1IDI0IGMzIDEzIDQ0IDI3NiA5MSA1ODQKNDcgMzA4IDg4IDU2NiA5MSA1NzQgNiAxOSAyOTUgOSAzNzcgLTEzeiIvPgo8cGF0aCBkPSJNNDUwMCAzMzI2IGMtMTUyIC0yOCAtMjc3IC02OSAtNDEzIC0xMzcgLTg0IC00MyAtMjM3IC0xNDIgLTIzNwotMTU0IDAgLTUgLTE4IC0xMjIgLTQwIC0yNjAgLTIxIC0xMzcgLTM3IC0yNTEgLTM1IC0yNTMgMiAtMiA1MiAyNyAxMTIgNjQKMjIwIDEzOSAzNzUgMjA0IDU0MCAyMjQgMTU4IDIwIDI4NiAtOCAzMTggLTcxIDE4IC0zNSAyOSAtMTEwIDE4IC0xMjUgLTI1Ci0zNSAtMTQ0IC03OCAtMzk4IC0xNDUgLTI1MyAtNjYgLTM2NCAtMTAzIC00NTcgLTE1MSAtMjExIC0xMDkgLTMyNyAtMzM0Ci0yNzQgLTUzMSAzNCAtMTI1IDEzMCAtMjA5IDI4NiAtMjQ4IDc1IC0xOSAxMDMgLTIxIDI1MCAtMTYgMTk1IDYgMjk0IDI5IDQ1NQoxMDUgbDEwMCA0OCA0MCAtNDQgYzgwIC04OSAxNzMgLTExNCA0MDYgLTExMCBsMTYwIDMgMTAwIDIzNCBjNTQgMTI5IDk5IDIzNQo5OSAyMzYgMCAxIC0yNSA1IC01NiA5IC03OCA5IC0xMTEgMjggLTEyNCA3NCAtMTAgMzEgLTQgODggMzkgMzY3IDU0IDM1MiA2MAo0MjggMzYgNTE4IC0yMiA4NCAtNTEgMTM0IC0xMTQgMTk4IC02NyA2NyAtMTY3IDExOCAtMjkxIDE1MCAtMTA5IDI3IC00MDMgMzYKLTUyMCAxNXogbTIxMCAtMTA1MyBjMCAtMTAgLTkgLTcyIC0yMCAtMTM4IC0xMSAtNjYgLTIwIC0xNDYgLTIwIC0xNzcgbDAgLTU3Ci02MiAtMzUgYy0xMjYgLTY5IC0yODcgLTk4IC0zNTMgLTYzIC04OSA0NiAtMTE0IDEzOCAtNjQgMjM4IDM2IDczIDExMyAxMTgKMjg5IDE3MiA2MyAxOSAxMzggNDQgMTY1IDU1IDY0IDI1IDY1IDI1IDY1IDV6Ii8+CjxwYXRoIGQ9Ik03MDQwIDMzMjAgYy05OSAtMjYgLTIxNiAtODQgLTMxNyAtMTU5IC00NiAtMzQgLTgzIC01NyAtODMgLTUzIDAgNAo3IDQ4IDE1IDk3IDggNTAgMTUgOTMgMTUgOTggMCA0IC0xNTggNiAtMzUyIDUgbC0zNTIgLTMgLTEzMiAtODU1IGMtNzMgLTQ3MAotMTM1IC04NjcgLTEzOCAtODgyIGwtNSAtMjggMzU0IDAgYzI0NCAwIDM1NSAzIDM1NSAxMSAwIDE0IDE0OSA5NzggMTU2IDEwMDgKOSA0MCAxMTIgMTM5IDE4MCAxNzIgNTYgMjggNzEgMzEgMTMzIDI3IDU3IC0zIDc1IC04IDk3IC0yOCAzNCAtMzIgNTQgLTc5IDU0Ci0xMjkgMCAtMzAgLTEzMSAtOTA4IC0xNTQgLTEwMzMgbC01IC0yOCAzNTIgMCAzNTMgMCA5NCA2MDMgYzUxIDMzMSA5NSA2MzgKOTcgNjgyIDYgOTUgLTE1IDIwNiAtNTMgMjgyIC01MiAxMDcgLTE2NyAxOTAgLTMwMyAyMTkgLTk2IDIwIC0yNjkgMTcgLTM2MQotNnoiLz4KPC9nPgo8L3N2Zz4=") center/contain no-repeat}

/* Ramen: en kolumn, en fråga i taget */
.top{display:flex;align-items:center;gap:16px;height:68px;padding:0 40px;max-width:1200px;margin:0 auto}
.top .logo{color:var(--ink);text-decoration:none}
.top .help{margin-left:auto;font-size:14px;color:var(--mut);text-decoration:none;padding:6px 10px;border-radius:8px}
.top .help:hover{color:var(--ink);background:rgba(22,17,14,.06)}
.bar{height:3px;background:var(--line);margin:0 auto;max-width:520px;border-radius:3px;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:var(--ink);border-radius:3px;transition:width .6s var(--ease)}
.stage{display:flex;justify-content:center;padding:8vh 40px 72px}
.q{width:100%;max-width:520px}
.q.in{animation:in .45s var(--ease) both}
.q.back{animation:inb .45s var(--ease) both}
@keyframes in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes inb{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
h1{font-weight:600;font-size:clamp(28px,3.4vw,38px);line-height:1.08;letter-spacing:-.032em;margin:0 0 10px;text-wrap:balance}
.sub{color:var(--ink2);font-size:17px;margin:0 0 28px;max-width:32em;text-wrap:pretty}
.lb{display:block;font-size:14px;font-weight:500;margin:0 0 8px}
.lb small{display:block;font-weight:400;color:var(--mut);font-size:13px;margin-top:2px}
.fi{display:block;width:100%;height:56px;padding:0 16px;border:0;border-radius:12px;background:#fff;font:500 19px var(--sans);color:var(--ink);
  box-shadow:inset 0 0 0 1px #ddd3cc,inset 0 1px 2px rgba(22,17,14,.04);transition:box-shadow .2s;-webkit-appearance:none;appearance:none}
.fi.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.fi::placeholder{color:#b9aea7}
.fi:focus{outline:0;box-shadow:inset 0 0 0 1.5px var(--ink),0 0 0 4px rgba(142,47,42,.1)}
.fi.bad{box-shadow:inset 0 0 0 1.5px var(--acc),0 0 0 4px rgba(142,47,42,.1)}
.field+.field{margin-top:20px}
.err{color:var(--acc);font-size:14px;margin:10px 0 0;min-height:0}
.err:empty{display:none}
.hint{color:var(--mut);font-size:14px;margin:10px 0 0}

/* Knappar som på startsidan */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 24px;border:0;border-radius:999px;font:500 16px var(--sans);white-space:nowrap;cursor:pointer;text-decoration:none;transition:transform .18s var(--ease),box-shadow .18s var(--ease),filter .18s,opacity .2s}
.btn-dark{color:#fff;background:linear-gradient(180deg,#43382f 0%,#211915 52%,#140f0c 100%);
  box-shadow:0 0 0 1px #0e0a08,inset 0 1px 0 rgba(255,255,255,.24),inset 0 -2px 0 rgba(0,0,0,.4),0 1px 2px rgba(22,17,14,.3),0 8px 18px -8px rgba(22,17,14,.55);text-shadow:0 -1px 0 rgba(0,0,0,.35)}
.btn-ghost{color:var(--ink);background:linear-gradient(180deg,#ffffff 0%,#f7f3f0 100%);
  box-shadow:0 0 0 1px #e0d7d1,inset 0 1px 0 #fff,inset 0 -2px 0 rgba(22,17,14,.06),0 1px 2px rgba(22,17,14,.08),0 6px 14px -8px rgba(22,17,14,.25)}
.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.btn:active{transform:translateY(1px);filter:brightness(.97)}
.btn[disabled]{opacity:.35;pointer-events:none}
.btn .bid{width:22px;height:22px}
.acts{display:flex;align-items:center;gap:12px;margin-top:32px}
.acts .btn-dark{min-width:180px}
.link{border:0;background:none;padding:8px 4px;color:var(--mut);font-size:15px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#d4c9c2}
.link:hover{color:var(--ink)}
.kbd{font-size:13px;color:var(--mut);margin-left:4px}
.kbd b{font:500 12px var(--mono);padding:2px 6px;border-radius:6px;box-shadow:inset 0 0 0 1px #e0d7d1;color:var(--ink2)}
@media (hover:none),(max-width:640px){.kbd{display:none}}

/* Val med ett tryck */
.opts{display:grid;gap:10px}
.opt{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:14px 18px;border-radius:14px;background:#fff;
  box-shadow:inset 0 0 0 1px #e3dbd5;transition:box-shadow .2s,background .2s,transform .15s}
.opt:hover{box-shadow:inset 0 0 0 1px #c9bdb5;background:#fdfbfa}
.opt:active{transform:scale(.99)}
.opt:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.opt.on{box-shadow:inset 0 0 0 1.5px var(--ink),0 0 0 4px rgba(142,47,42,.08);background:#fff}
.opt b{display:block;font-weight:600;font-size:16px;letter-spacing:-.01em}
.opt small{display:block;color:var(--mut);font-size:14px;margin-top:2px;line-height:1.4}
.opt .tx{flex:1;min-width:0}
.opt .rd{flex:none;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #cfc4bd;transition:box-shadow .2s}
.opt.on .rd{box-shadow:inset 0 0 0 6px var(--ink)}
.opt .price{flex:none;font-weight:600;font-variant-numeric:tabular-nums}
.banks{grid-template-columns:repeat(2,minmax(0,1fr))}
.banks .opt{min-height:60px;padding:12px 14px;gap:12px}
.mk{flex:none;width:32px;height:32px;border-radius:9px;overflow:hidden;background:var(--soft);box-shadow:0 0 0 1px #ece6e1;display:grid;place-items:center;font-weight:600;font-size:13px;color:var(--ink2)}
.mk img{display:block;width:100%;height:100%;object-fit:cover}
.banks .opt b{font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:420px){.banks{grid-template-columns:1fr}}

/* Företagskortet efter uppslaget */
.co{display:flex;align-items:center;gap:14px;margin-top:14px;padding:14px 16px;border-radius:14px;background:var(--soft);box-shadow:inset 0 0 0 1px #eee6df;animation:pop .4s var(--ease) both}
.co b{display:block;font-size:16px;font-weight:600}
.co small{display:block;color:var(--mut);font-size:14px}
.co .ok{margin-left:auto}
.co.warn{background:#fbf3ea;box-shadow:inset 0 0 0 1px #f0dcc5}
@keyframes pop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.spin{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid #e3dbd5;border-top-color:var(--ink);animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* Granska */
.sum{border-radius:14px;box-shadow:inset 0 0 0 1px #e6ddd5;overflow:hidden}
.sum .r{display:flex;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid #f0ebe6}
.sum .r:first-child{border-top:0}
.sum .k{width:110px;flex:none;color:var(--mut);font-size:14px}
.sum .v{flex:1;min-width:0;font-weight:500;overflow-wrap:anywhere}
.sum .v small{display:block;font-weight:400;color:var(--mut);font-size:13.5px}
.sum .link{font-size:14px;padding:4px}
.legal{font-size:14px;color:var(--mut);margin:18px 0 0;max-width:34em}
.legal a{color:var(--ink2)}

/* BankID */
.bidbox{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;padding:24px;border-radius:18px;background:var(--soft);box-shadow:inset 0 0 0 1px #eee6df}
.qr{width:164px;height:164px;padding:10px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #e6ddd5}
.qr svg{display:block;width:100%;height:100%}
.bidbox .msg{font-weight:600;font-size:17px;margin:0 0 6px}
.bidbox p{margin:0;color:var(--ink2);font-size:15px}
.bidbox>div{min-width:0}
.bidbox .btn{margin-top:16px;height:auto;min-height:46px;padding-top:10px;padding-bottom:10px;font-size:15px;max-width:100%;white-space:normal;line-height:1.25;text-align:left}
@media (max-width:560px){.bidbox{grid-template-columns:1fr;justify-items:center;text-align:center}}
.mobile .qr{display:none}
.mobile .bidbox{grid-template-columns:1fr}

/* Klart: bankssteget och statuslinjen */
.won{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:var(--ok);font-weight:600}
.won .ok{width:28px;height:28px;animation:pop .5s var(--spring) both}
.won .ok svg{width:15px;height:15px}
.task{border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #e6ddd5;overflow:hidden}
.task .hd{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid #f0ebe6}
.task .hd b{display:block;font-size:17px;font-weight:600}
.task .hd small{display:block;color:var(--mut);font-size:14px}
.task .mk{width:40px;height:40px;border-radius:11px}
.task .bd{padding:18px 20px}
.task .bd p{margin:0 0 14px;color:var(--ink2)}
.tip{display:flex;gap:10px;padding:12px 14px;border-radius:12px;background:#fbf3ea;color:#5c3a10;font-size:14.5px;margin:0 0 14px}
.call{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 4px}
.call .btn{height:44px;font-size:15px;padding:0 18px}
.brief{margin:18px 0 0;border-radius:14px;background:var(--sand);box-shadow:inset 0 0 0 1px var(--sand2)}
.brief .bh{display:flex;align-items:center;gap:10px;padding:12px 14px 0}
.brief .bh b{font-size:14px;font-weight:600}
.brief .bh .btn{margin-left:auto;height:36px;font-size:14px;padding:0 14px}
.brief pre{margin:0;padding:12px 14px 16px;font:400 13.5px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink2)}
.line{list-style:none;margin:8px 0 0;padding:0;position:relative}
.line li{position:relative;display:grid;grid-template-columns:28px 1fr;gap:2px 14px;padding:0 0 22px}
.line li::before{content:"";position:absolute;left:13px;top:28px;bottom:2px;width:2px;background:var(--line)}
.line li:last-child::before{display:none}
.line li.done::before{background:var(--ok)}
.line .dot{grid-row:span 2;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 2px #ddd3cc;background:#fff;display:grid;place-items:center}
.line .done .dot{background:var(--ok);box-shadow:none;color:#fff}
.line .dot svg{width:14px;height:14px}
.line .now .dot{box-shadow:inset 0 0 0 2px var(--ink)}
.line .now .dot::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--ink)}
.line .wait .dot{border:2px solid #e3dbd5;border-top-color:var(--ink);box-shadow:none;animation:spin 1.1s linear infinite}
.line b{font-weight:600;padding-top:3px}
.line .todo b{color:var(--mut);font-weight:500}
.line small{color:var(--mut);font-size:14px}
.split{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.upload{display:flex;align-items:center;gap:12px;margin-top:14px;padding:16px;border-radius:14px;border:1.5px dashed #d8cdc5;cursor:pointer;color:var(--ink2);font-size:15px}
.upload:hover{border-color:var(--ink2)}
.upload input{position:absolute;opacity:0;width:1px;height:1px}
ol.how{margin:0 0 14px;padding-left:20px;color:var(--ink2)}
ol.how li{margin:0 0 6px}


/* Efter signeringen */
.reveal{animation:pop .35s var(--ease) both}
.tasks{display:grid;gap:16px}
.task .acts{margin-top:18px}
.h2{font-size:17px;font-weight:600;margin:40px 0 14px;letter-spacing:-.01em}
.line .who{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--soft);box-shadow:inset 0 0 0 1px #ece6e1;font-size:12px;color:var(--ink2)}
.paste{display:block;width:100%;min-height:120px;margin-top:10px;padding:12px 14px;border:0;border-radius:12px;font:400 13px/1.5 var(--mono);color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px #ddd3cc;resize:vertical}
.paste:focus{outline:0;box-shadow:inset 0 0 0 1.5px var(--ink)}
.drop.over{border-color:var(--ink);background:var(--soft)}
.done-cert{display:flex;gap:12px;align-items:center;padding:16px 18px;border-radius:14px;background:#eef6f0;color:#185c34;font-weight:500}
.call .btn[disabled]{opacity:.35}
@media (max-width:640px){
  .top{padding:0 16px;height:60px}.bar{margin:0 16px}
  .stage{padding:32px 16px 120px}
  .acts.stick{position:fixed;left:0;right:0;bottom:0;margin:0;padding:12px max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:var(--bg);border-top:1px solid var(--line);z-index:5}
  .acts.stick .btn-dark{flex:1}
  .fi{font-size:18px}
  .task .bd,.task .hd{padding-left:16px;padding-right:16px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

h1:focus{outline:none}
.tasks:empty{display:none}

/* Avtalssidor (/villkor, /personuppgiftsbitradesavtal) */
.legaldoc{width:100%;max-width:700px}
.legaldoc h1{margin-bottom:8px}
.legaldoc .meta{color:var(--mut);font-size:14px;margin:0 0 32px}
.legaldoc .intro{font-size:17px;color:var(--ink2);margin:0 0 32px}
.legaldoc h2{font-size:19px;font-weight:600;letter-spacing:-.015em;margin:36px 0 10px;scroll-margin-top:20px}
.legaldoc p,.legaldoc li{color:var(--ink2);font-size:15.5px;line-height:1.65}
.legaldoc p{margin:0 0 12px}
.legaldoc ol,.legaldoc ul{margin:0 0 12px;padding-left:22px}
.legaldoc li{margin:0 0 6px}
.legaldoc b{color:var(--ink);font-weight:600}
.legaldoc a{color:var(--ink)}
.legaldoc .tw{overflow-x:auto;margin:6px 0 16px}
.legaldoc table{border-collapse:collapse;width:100%;font-size:14.5px;min-width:520px}
.legaldoc th,.legaldoc td{text-align:left;vertical-align:top;padding:10px 12px;border-top:1px solid var(--line);color:var(--ink2)}
.legaldoc th{color:var(--mut);font-weight:500;font-size:13px;border-top:0}
.legaldoc td b{display:block}
.legaldoc .toc{display:flex;flex-wrap:wrap;gap:6px 14px;padding:14px 16px;border-radius:14px;background:var(--soft);box-shadow:inset 0 0 0 1px #eee6df;margin:0 0 8px;font-size:14px}
.legaldoc .toc a{color:var(--ink2);text-decoration:none}
.legaldoc .toc a:hover{color:var(--ink);text-decoration:underline}
.legaldoc footer{margin-top:48px;padding-top:20px;border-top:1px solid var(--line);color:var(--mut);font-size:14px}
.script{margin:0 0 14px;border:1px solid var(--line,#e6e3dd);border-radius:12px;padding:0 14px}
.script summary{cursor:pointer;padding:12px 0;font-weight:600;list-style:none}
.script summary::-webkit-details-marker{display:none}
.script summary::after{content:"+";float:right;font-weight:400;opacity:.6}
.script[open] summary::after{content:"–"}
.script .how{margin-top:0}