@font-face{font-family:Inter;src:url('/fonts/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#ffffff;color:#161265;font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.6}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #4c54df;outline-offset:5px}button{border:0}button:disabled{cursor:wait}.wrap{max-width:1380px;width:calc(100% - 112px);margin:auto}.nav{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e8f2}.brand{font-size:36px;font-weight:850;letter-spacing:-3px;display:inline-flex;align-items:baseline;line-height:1}.brand span{font-weight:400}.brand i{width:7px;height:7px;background:#4c54df;border-radius:50%;margin-left:5px}.nav nav{display:flex;gap:38px;font-size:13px}.nav nav span{color:#4c54df;margin-left:12px}.nav-note{font:10px ui-monospace,monospace;letter-spacing:1px;text-transform:uppercase;display:flex;gap:9px;align-items:center}.nav-note i,.board-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4c54df}.hero{display:grid;grid-template-columns:1.16fr 1fr;gap:40px;padding-top:72px;padding-bottom:68px;align-items:center}.eyebrow{font:10px ui-monospace,monospace;letter-spacing:1.7px;color:#59617d;margin:0 0 25px}.tiny-star{color:#4c54df;font-size:19px;vertical-align:middle;margin-right:7px}h1{font-size:clamp(42px,4.3vw,67px);line-height:1.08;letter-spacing:-3.5px;font-weight:550;margin:0 0 29px}.serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;color:#4c54df;letter-spacing:-2px}.intro{color:#59617d;font-size:15px;line-height:1.9;margin-bottom:31px}.hero-actions{display:flex;gap:26px;align-items:center}.button{padding:15px 21px;border-radius:6px;background:#e9ebff;display:inline-flex;gap:27px;align-items:center;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.primary{background:#4c54df;color:#ffffff}.primary:hover{background:#373fc4;transform:translateY(-3px)}.text-button{padding:12px 0;background:transparent;font-size:12px}.text-button span{font-size:19px;padding-left:10px;color:#4c54df}.hero-foot{margin-top:39px;display:flex;align-items:center;gap:14px;font-size:10px;color:#59617d}.hero-foot strong{color:#161265}.stack-dots{display:flex;padding-right:7px}.stack-dots b{width:28px;height:28px;border:2px solid #ffffff;border-radius:50%;background:#e9ebff;color:#4c54df;display:grid;place-items:center;margin-right:-7px}.stack-dots b:nth-child(2){background:#f0ecff;color:#5a46ad}.stack-dots b:nth-child(3){background:#eaf1ff;color:#3c65ad}.switchboard{height:450px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#e4eaff99,transparent 67%),radial-gradient(#bac8ee66 1px,transparent 1px);background-size:auto,18px 18px;border:1px solid #dfe3f3;border-radius:14px;isolation:isolate}.board-top,.board-caption{position:absolute;left:23px;right:23px;display:flex;justify-content:space-between;align-items:center;font:9px ui-monospace,monospace;letter-spacing:1px;color:#59617d;z-index:2}.board-top{top:18px}.board-top i{margin-right:8px}.board-top button{width:30px;height:30px;border:1px solid #d8ddf4;border-radius:50%;background:#ffffff;color:#4c54df}.board-caption{bottom:22px;font-size:8px}.orbit{position:absolute;left:50%;top:50%;border:1px dashed #c9d3f480;border-radius:50%;transform:translate(-50%,-50%);width:290px;height:290px}.orbit-two{width:405px;height:405px}.connections{position:absolute;width:100%;height:100%;inset:0;stroke:#a1b0ec;stroke-width:1;fill:none;stroke-dasharray:3 8;animation:signal 10s linear infinite}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:138px;height:138px;border:1px solid #cbd3ff;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#4c54df;box-shadow:0 0 65px #c9ff6325;color:#ffffff;rotate:-8deg}.core>span{font-size:51px;font-weight:800;letter-spacing:-4px;line-height:1.3}.core>span>span{font-weight:400}.core small{font:7px ui-monospace,monospace;letter-spacing:1px}.node{position:absolute;z-index:2;background:#ffffff;border:1px solid #d1d9f4;border-radius:16px;width:76px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:transform .25s,border-color .25s,box-shadow .25s}.node span{font-size:34px;line-height:1.2}.node small{font:7px ui-monospace,monospace;letter-spacing:.8px}.node:hover,.node.active{transform:translateY(-5px) rotate(5deg);border-color:#4c54df;box-shadow:0 0 30px #4c54df1a}.node-a{left:11%;top:17%;color:#4c54df;background:#ffffff}.node-b{right:11%;top:17%;color:#4c54df}.node-c{left:11%;bottom:17%;color:#4c54df;background:#ffffff}.node-d{right:11%;bottom:17%;color:#4c54df;background:#ffffff}.cross{position:absolute;color:#7c87b3;font-family:monospace}.cross-one{left:25px;top:50%}.cross-two{right:25px;top:50%}.ticker{border-block:1px solid #34382e;overflow:hidden;background:#1b2017;padding:17px 0;color:#4c54df}.ticker>div{display:flex;align-items:center;gap:40px;white-space:nowrap;width:max-content;font:10px ui-monospace,monospace;letter-spacing:2px;animation:marquee 45s linear infinite}.ticker b{font-size:21px;font-weight:400;line-height:1}.projects{padding-top:76px;padding-bottom:85px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:17px}h2{font-size:44px;font-weight:500;line-height:1.1;letter-spacing:-2px;margin:0}h2 sup{font:11px ui-monospace,monospace;letter-spacing:0;background:#eef0ff;color:#4c54df;padding:5px 7px;border-radius:4px;margin-left:12px;vertical-align:top;display:inline-block;margin-top:5px}.section-heading>p{font-size:12px;color:#59617d;margin:0;line-height:1.9}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px;border-bottom:1px solid #dfe3f3;margin-bottom:28px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{background:transparent;color:#59617d;font-size:11px;padding:10px 13px;border:1px solid transparent;border-radius:5px}.filters button:hover{color:#161265}.filters button.selected{background:#4c54df;color:#ffffff}.search{border:1px solid #dfe3f3;display:flex;align-items:center;border-radius:5px;padding:8px 11px;gap:8px;max-width:255px}.search>span{font-size:22px;line-height:1;color:#59617d}.search input{min-width:0;width:180px;background:transparent;border:0;color:#161265;font-size:11px;outline:none}.search input::placeholder{color:#66708f}.search:focus-within{outline:2px solid #4c54df;outline-offset:3px}.search kbd{font:10px monospace;border:1px solid #dfe3f3;border-radius:3px;padding:0 4px;color:#59617d}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid #dfe3f3;border-radius:10px;background:#ffffff;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .25s;position:relative}.card:hover{transform:translateY(-5px);border-color:#aab7ef}.card-visual{height:205px;position:relative;overflow:hidden;display:grid;place-items:center;background:var(--bg);color:var(--ink);isolation:isolate}.card-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:30px 30px;opacity:.07;z-index:-1}.card-visual:after{content:'';position:absolute;width:210px;height:210px;border:1px solid currentColor;border-radius:50%;opacity:.16;z-index:-1}.card-number{position:absolute;left:17px;top:13px;font:9px monospace;opacity:.75}.art-label{position:absolute;bottom:13px;left:17px;font:8px monospace;letter-spacing:1px;text-transform:uppercase}.visual-symbol{font-size:95px;line-height:1;transition:transform .4s}.card:hover .visual-symbol{transform:rotate(-12deg) scale(1.08)}.visual-badge{position:absolute;right:17px;top:14px;font:8px monospace;border:1px solid currentColor;padding:3px 6px;border-radius:10px}.orange{--bg:#33281e;--ink:#ffbc87}.lime{--bg:#2b3420;--ink:#4c54df}.purple{--bg:#2c253c;--ink:#d4baff}.blue{--bg:#202e36;--ink:#b0d8fa}.pink{--bg:#382631;--ink:#ffb9d5}.card-body{padding:22px 23px 20px;flex:1;display:flex;flex-direction:column}.card-body .category{font:8px ui-monospace,monospace;letter-spacing:1.2px;text-transform:uppercase;color:#4c54df;display:block;margin-bottom:11px}.card h3{font-size:23px;line-height:1.2;letter-spacing:-.7px;margin:0 0 12px;font-weight:550}.card p{color:#59617d;font-size:12px;line-height:1.8;margin:0 0 23px;max-width:310px}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid #e7eaf5;padding-top:15px;font:9px ui-monospace,monospace;color:#59617d}.card-bottom span:last-child{font-size:17px;color:#4c54df}.pizza-art{width:122px;height:122px;border:7px solid #d99356;border-radius:50%;background:#eec77c;box-shadow:0 10px 0 #18110c33,0 0 0 16px #efcf8b09;position:relative;rotate:-15deg}.pizza-art:before{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 30%,#a64e32 0 9px,transparent 10px),radial-gradient(circle at 70% 27%,#a64e32 0 10px,transparent 11px),radial-gradient(circle at 53% 62%,#a64e32 0 10px,transparent 11px),radial-gradient(circle at 23% 70%,#a64e32 0 8px,transparent 9px),radial-gradient(circle at 77% 75%,#a64e32 0 8px,transparent 9px)}.pizza-art:after{content:'';position:absolute;inset:0;background:conic-gradient(transparent 0 57deg,#604524 58deg 60deg,transparent 61deg 177deg,#604524 178deg 180deg,transparent 181deg 297deg,#604524 298deg 300deg,transparent 301deg);border-radius:50%}.wave-art{display:flex;align-items:center;gap:6px;height:90px}.wave-art i{width:8px;height:var(--height);background:currentColor;border-radius:10px;animation:wave 1.4s ease-in-out infinite alternate;animation-delay:var(--delay)}.sms-art{display:flex;flex-direction:column;gap:12px;transform:rotate(-6deg);font:12px Inter,Arial}.sms-art span{background:#4c54df;color:#243315;padding:12px 20px;border-radius:12px 12px 12px 0;box-shadow:0 7px 12px #0002}.sms-art span+span{background:#475435;color:#f2f5e9;margin-left:33px;border-radius:12px 12px 0 12px}.about{border-top:1px solid #dfe3f3;padding-top:62px;padding-bottom:70px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.about h2{font-size:51px;line-height:1.15}.about>div>p:not(.eyebrow){font-size:14px;color:#59617d;margin:0 0 18px;line-height:1.9;max-width:495px}.text-link{font-size:12px;color:#4c54df;display:inline-block;margin-top:10px}footer{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-top:1px solid #dfe3f3}footer .brand{font-size:28px}footer p,footer>a:last-child{font-size:10px;color:#59617d}dialog{background:#ffffff;color:#161265;border:1px solid #dfe3f3;border-radius:18px;width:min(480px,calc(100% - 32px));padding:38px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#14134480;backdrop-filter:blur(8px)}dialog .close{position:absolute;top:12px;right:16px;background:transparent;font-size:29px}#detail-symbol{font-size:75px;color:#4c54df;line-height:1.2;margin:15px 0}dialog h2{font-size:36px}#detail-description{color:#59617d;font-size:15px;margin:20px 0 27px}.dialog-note{font-size:10px;color:#59617d;margin-top:20px}dialog .text-button{color:#4c54df}#empty{text-align:center;padding:55px 20px;color:#59617d}.skip{position:absolute;top:-80px;left:20px;background:#4c54df;color:#111;padding:12px;z-index:20}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}[hidden]{display:none!important}@keyframes signal{to{stroke-dashoffset:-110}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes wave{to{transform:scaleY(.4)}}.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important}.paused{scroll-behavior:auto}@media(min-width:1600px){.hero{padding-block:95px}.switchboard{height:480px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:28px}h1{font-size:47px}.hero-actions{gap:16px}.hero-actions .button{gap:10px;padding:14px}.switchboard{height:400px}.toolbar{align-items:flex-start;flex-direction:column}.search{max-width:none;width:100%}.search input{width:100%}.card-visual{height:180px}.card-body{padding:20px}.nav-note{display:none}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:82px}.brand{font-size:31px}.nav nav{gap:19px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:35px;gap:35px}.hero-copy{max-width:580px}h1{font-size:clamp(40px,8vw,59px);letter-spacing:-2.5px}.hero .eyebrow{font-size:9px}.intro{font-size:14px}.hero-foot{margin-top:27px}.switchboard{height:365px}.core{width:120px;height:120px}.core>span{font-size:45px}.node{width:68px;height:72px}.ticker{padding:15px 0}.projects{padding-top:45px}.section-heading{display:block}.section-heading>p{margin-top:20px}h2{font-size:37px}.filters{gap:2px}.filters button{font-size:10px;padding:9px 10px}.grid{grid-template-columns:repeat(2,1fr);gap:15px}.card h3{font-size:20px}.card-body{padding:18px}.card-bottom{font-size:8px}.card-visual{height:170px}.visual-badge{display:none}.about{grid-template-columns:1fr;gap:28px;padding-block:42px}.about h2{font-size:43px}footer{flex-wrap:wrap;gap:20px}footer p{order:3;flex-basis:100%;margin:0}.projects{padding-bottom:45px}}@media(max-width:480px){.grid{grid-template-columns:1fr}.card-visual{height:200px}.card-body{padding:23px}.card h3{font-size:25px}.card p{font-size:13px}.card-bottom{font-size:10px}.hero-actions{gap:20px}.hero-actions .button{font-size:11px}.text-button{font-size:11px}.hero-foot{font-size:9px}.node-a,.node-c{left:8%}.node-b,.node-d{right:8%}.board-caption{font-size:7px;left:18px;right:18px}.nav nav{gap:15px}.nav nav span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Ljus identitet med 46elks blå och marinblå. */
body{background:#fff;color:#161265}.brand{letter-spacing:0}.brand img{display:block;width:150px;height:auto}footer .brand img{width:125px}.nav{border-bottom-color:#eaecf7}.nav nav{font-weight:500}.nav-note{color:#4c54df}.serif{font-family:Inter,Arial,sans-serif;font-style:normal;font-weight:650;letter-spacing:-2.5px;color:#4c54df}h1{font-weight:600;font-size:clamp(42px,4.15vw,65px)}.eyebrow{color:#4c54df;font-weight:600}.primary{box-shadow:0 5px 15px #4c54df1a;border-radius:30px;padding-inline:24px}.button:hover{box-shadow:0 8px 24px #4c54df22}.hero{padding-bottom:75px}.hero-foot .stack-dots b{border-color:#fff}.switchboard{background:radial-gradient(ellipse at center,#e4eaff99,transparent 70%),radial-gradient(#bac8ee66 1px,transparent 1px);background-size:auto,18px 18px;box-shadow:0 12px 50px #4c54df08}.core{background:#fff;box-shadow:0 15px 45px #4c54df18;rotate:-6deg;border-radius:32px;gap:8px}.core img{width:82px;height:82px}.core small{color:#4c54df;font-size:6px}.node{box-shadow:0 6px 18px #4c54df08}.node.active,.node:hover{box-shadow:0 7px 25px #4c54df20}.projects{border-top:1px solid #eaecf7}.section-heading{margin-bottom:32px}.filters button{border-radius:24px}.filters button:hover{background:#f1f3ff}.filters button.selected:hover{background:#4c54df;color:white}.search{background:#f8f9fe;border-radius:25px;padding:10px 15px}.card{box-shadow:0 3px 10px #16126503;border-radius:14px}.card:hover{box-shadow:0 14px 35px #1612650c}.card-visual{display:block;height:auto;aspect-ratio:1.53;background:#f4f5fc;border-bottom:1px solid #e7eaf5;isolation:auto;padding:12px 12px 0}.card-visual:before,.card-visual:after{display:none}.card-visual>img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top;border:1px solid #e1e5f2;border-top:0;border-radius:0 0 3px 3px;transition:transform .4s;transform-origin:top}.card:hover .card-visual>img{transform:scale(1.025)}.browser-bar{display:flex;align-items:center;gap:4px;height:24px;padding:0 8px;background:white;border:1px solid #e1e5f2;border-radius:6px 6px 0 0;position:relative;z-index:1;color:#697392}.browser-bar i{width:4px;height:4px;background:#c5cce1;border-radius:50%}.browser-bar span{font:7px Inter,Arial;margin-left:9px;flex:1}.browser-bar b{font-size:9px;font-weight:400}.card-body{padding:24px}.card h3{color:#161265;font-weight:650}.category{font-weight:600!important}.about{background:linear-gradient(100deg,#f8f9ff,#fff);padding:52px;border:1px solid #eaecf7;border-radius:20px;margin-bottom:50px}.about h2{font-size:46px}.text-link:hover{text-decoration:underline}.skip{color:white}.dialog-note{color:#59617d}#detail-symbol{color:#4c54df}footer{border-color:#eaecf7}@media(max-width:760px){.brand img{width:120px}.about{padding:30px;gap:28px}.about h2{font-size:38px}.hero{padding-bottom:40px}.card-body{padding:19px}.card-visual{height:auto}.serif{letter-spacing:-1.7px}}@media(max-width:480px){.card-body{padding:23px}.card-visual{height:auto}.about{padding:25px}.brand img{width:110px}}
.browser-bar{width:100%}.card-visual{place-items:normal}.card-visual>img{aspect-ratio:1.6}

/* Lättläst fördjupning och vanliga frågor. */
.explain,.faq{padding-bottom:65px}.section-intro{max-width:820px;color:#59617d;font-size:16px;line-height:1.85;margin:0 0 30px}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps li{padding:28px;border:1px solid #e1e5f2;border-radius:14px;background:#fafbff}.step-number{font:12px ui-monospace,monospace;color:#4c54df}.steps h3{font-size:19px;line-height:1.35;margin:15px 0 12px}.steps p,.faq p{font-size:14px;color:#59617d;line-height:1.85;margin:0}.steps a{color:#3d45c2;text-decoration:underline;text-underline-offset:3px}.faq details{border-bottom:1px solid #e1e5f2;padding:0 3px}.faq summary{font-size:17px;font-weight:550;cursor:pointer;padding:22px 35px 22px 0;position:relative;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:8px;top:20px;color:#4c54df;font-size:22px}.faq details[open] summary:after{content:'−'}.faq details p{padding-bottom:24px;max-width:870px}.faq summary:focus-visible{outline:3px solid #4c54df;outline-offset:3px}.nav nav{gap:24px}.node:disabled{cursor:default}.card .sr-only{font-size:12px}@media(max-width:760px){.steps{grid-template-columns:1fr;gap:15px}.explain,.faq{padding-bottom:45px}.section-intro{font-size:14px}.faq summary{font-size:15px}.nav nav{gap:14px}.nav nav a[href="#fragor"]{display:none}.steps li{padding:23px}}

/* Växeln rör sig när den används; en inaktiv sida ska inte animera oavbrutet. */
.connections{animation:none}.switchboard:hover .connections,.switchboard:focus-within .connections{animation:signal 10s linear infinite}