@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/f263782c6a4bddee-s.138s14ivx2xer.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/85e86a88f68a624a-s.3b2emle-7szv-.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/c6a5c2fdc12da45c-s.p.13rul5q9jl2r0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Fallback;src:local(Arial);ascent-override:88.96%;descent-override:21.28%;line-gap-override:0.0%;size-adjust:98.7%}.W6pBUW_className{font-family:Archivo,Archivo Fallback;font-style:normal}.W6pBUW_variable{--of-f-brod:"Archivo", "Archivo Fallback"}
.of{--of-f-mono:ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;--of-papper:#f4f7fb;--of-rut:#dce6f2;--of-ink:#10223a;--of-mut:#44566c;--of-orange:#f26b1d;--of-orange-text:#b84a0c;--of-gron:#16683b;background-color:var(--of-papper);background-image:linear-gradient(var(--of-rut) 1px, transparent 1px), linear-gradient(90deg, var(--of-rut) 1px, transparent 1px);min-height:100vh;color:var(--of-ink);font:18px/1.5 var(--of-f-brod), system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-size:24px 24px}.of :focus-visible{outline:3px solid var(--of-orange);outline-offset:3px;border-radius:6px}.of main:focus{outline:none}.of h1,.of h2,.of h3{letter-spacing:-.02em;text-wrap:balance;font-weight:800;line-height:1.05}.of-head{background:var(--of-ink);color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:12px max(20px,50% - 620px);display:flex}.of-logo{letter-spacing:-.02em;color:inherit;align-items:center;gap:10px;font-size:24px;font-weight:800;text-decoration:none;display:inline-flex}.of-logo i{background:var(--of-orange);clip-path:polygon(0 100%,50% 0,100% 100%);width:20px;height:20px;display:inline-block}.of-nav{gap:4px;display:none}.of-nav a{color:#fff;align-items:center;min-height:44px;padding:0 12px;font-weight:600;text-decoration:none;display:inline-flex}.of-nav a:hover{text-decoration:underline}.of-tel{color:#fff;min-height:44px;font:700 16px var(--of-f-mono), monospace;align-items:center;text-decoration:none;display:inline-flex}.of-head :focus-visible{outline-color:#fff}.of-hero{gap:20px;max-width:1240px;margin:0 auto;padding:24px 20px 32px;scroll-margin-top:20px;display:grid}.of-hero h1{font-size:clamp(36px,5.6vw,64px)}.of-hero h1 span{color:var(--of-orange-text)}.of-vanster{align-content:start;gap:10px;display:grid}.of-fe{border:2px solid var(--of-ink);aspect-ratio:4/3;-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:ew-resize;background:#fff;border-radius:16px;position:relative;overflow:hidden}.of-fe img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.of-fe .of-efter{clip-path:inset(0 0 0 var(--snitt,50%))}.of-handtag{top:0;bottom:0;left:var(--snitt,50%);background:var(--of-orange);width:4px;margin-left:-2px;position:absolute}.of-handtag:after{content:"⟷";background:var(--of-orange);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:800;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0000004d}.of-handtag:focus-visible{outline:none}.of-handtag:focus-visible:after{outline-offset:2px;outline:3px solid #fff}.of-tagg{font:700 13px var(--of-f-mono), monospace;letter-spacing:.08em;text-transform:uppercase;background:var(--of-ink);color:#fff;border-radius:6px;padding:5px 9px;position:absolute;top:12px}.of-tagg-v{left:12px}.of-tagg-h{right:12px}.of-not{color:var(--of-mut);font-size:15px}.of-kalkyl{border:2px solid var(--of-ink);box-shadow:8px 8px 0 var(--of-ink);background:#fff;border-radius:18px;align-content:start;gap:14px;padding:18px;display:grid}.of-kalkyl h2{font-size:24px}.of-rad label{justify-content:space-between;font-weight:700;display:flex}.of-rad output{font:700 17px var(--of-f-mono), monospace}.of-rad input{width:100%;accent-color:var(--of-orange);min-height:32px}.of-niva{border:2px solid var(--of-ink);border-radius:12px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.of-niva button{border:0;border-left:2px solid var(--of-ink);background:#fff;min-height:46px;font-weight:700}.of-niva button:first-child{border-left:0}.of-niva button[aria-pressed=true]{background:var(--of-ink);color:#fff}.of-tillval{border:0;gap:4px;margin:0;padding:0;display:grid}.of-tillval label{cursor:pointer;align-items:center;gap:10px;min-height:40px;display:flex}.of-tillval input{width:22px;height:22px;accent-color:var(--of-orange)}.of-summa{font-variant-numeric:tabular-nums;gap:4px;display:grid}.of-summa div{justify-content:space-between;gap:10px;display:flex}.of-summa dd{margin:0;font-weight:600}.of-rot{color:var(--of-gron);font-weight:700}.of-tot{border-top:2px solid var(--of-ink);margin-top:4px;padding-top:8px;font-size:22px;font-weight:800}.of-tot dd{color:var(--of-orange-text);font-weight:800}.of-cta{background:var(--of-orange);color:#10223a;border:0;border-radius:12px;min-height:54px;font-size:18px;font-weight:800}.of-cta:hover{background:#ff7d33}.of-jobb,.of-steg{max-width:1240px;margin:0 auto;padding:20px 20px 32px;scroll-margin-top:20px}.of-jobb h2,.of-steg h2{font-size:clamp(30px,3.6vw,44px)}.of-jobb ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin-top:16px;list-style:none;display:grid}.of-jobb li{border:2px solid var(--of-ink);background:#fff;border-radius:16px;overflow:hidden}.of-jobb img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto}.of-jobb h3{padding:12px 14px 0;font-size:20px}.of-jobb p{color:var(--of-mut);font:700 14px var(--of-f-mono), monospace;padding:2px 14px 14px}.of-steg ol{counter-reset:steg;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin-top:16px;list-style:none;display:grid}.of-steg li{counter-increment:steg;border-top:4px solid var(--of-ink);padding-top:12px}.of-steg li:before{content:"0" counter(steg);font:700 15px var(--of-f-mono), monospace;color:var(--of-orange-text)}.of-steg h3{margin-top:4px;font-size:22px}.of-steg p{color:var(--of-mut);margin-top:4px}.of-fot{background:var(--of-ink);color:#d8e1ec;gap:6px;padding:24px max(20px,50% - 620px) 36px;font-size:16px;display:grid}.of-fot .of-logo{color:#fff}@media (min-width:900px){.of-nav{display:flex}.of-hero{grid-template-columns:1.3fr 1fr;align-items:start;gap:28px;padding-top:36px}.of-hero>h1{grid-column:1/-1}}