/*! Hjälten är v8-scenen oförändrad, på Farres begäran 2 nov 2026: räfflat glas med färgerna bakom, korten,
   appfönstret med sidopanelen och vanten. Undantag från färg- och storleksreglerna gäller bara inom .v8. */.v8{--tint:#f6f8fb;--muted:#5b616e;--faint:#6b7180;--line:#e7e9ee;--sky-soft:#e3f3fa;--sun-ink:#b8461f;--deep-soft:#e8edf8;--sun-soft:#fff0ea;--ok:#1b7a4b;--ok-soft:#e4f3ea}@keyframes rise{0%{opacity:.2;transform:translateY(14px)}to{opacity:1;transform:none}}.v8 .in{animation:rise .7s cubic-bezier(.22,1,.36,1) both}.v8 .d1{animation-delay:.06s}.v8 .d2{animation-delay:.14s}.v8 .d3{animation-delay:.22s}.v8 .hero-r .lank{font-size:15px}/*! Hjälte */.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start;padding-block:60px 0}.hero h1{font-family:var(--serif);font-size:clamp(48px,6.8vw,88px);line-height:.98;letter-spacing:-.045em}.hero h1 em{font-style:normal;color:var(--deep)}.hero-r{display:flex;flex-direction:column;gap:22px;padding-top:12px;max-width:26em}.hero-r p{color:var(--muted)}.hero-r .row{display:flex;flex-direction:column;align-items:flex-start;gap:14px}@media (max-width:860px){.hero{grid-template-columns:1fr;gap:22px;padding-top:36px}}/*! Scenen i 3D */.scene3d{perspective:1600px;margin-top:150px;position:relative}.stage{position:relative;border-radius:28px;overflow:hidden;padding:96px 0 0;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.22,1,.36,1);isolation:isolate;min-height:560px}.glass{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:linear-gradient(160deg,var(--sky-soft),#fff 60%)}.glass .b1{position:absolute;width:60%;aspect-ratio:1;left:-12%;top:-30%;border-radius:50%;background:var(--sky);filter:blur(80px);opacity:.75}.glass .b2{position:absolute;width:55%;aspect-ratio:1;right:-10%;bottom:-40%;border-radius:50%;background:var(--sun);filter:blur(90px);opacity:.75}.glass .b3{position:absolute;width:40%;aspect-ratio:1;left:35%;top:20%;border-radius:50%;background:var(--deep);filter:blur(90px);opacity:.45}.glass img{position:absolute;left:52%;top:-6%;width:46%;filter:blur(26px) saturate(1.4);transform:scaleX(2.2);opacity:.7}.glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,#ffffff38 0 1.5px,#fff0 1.5px 8px,#14171f0d 8px 10px,#ffffff14 10px 18px)}.mascot{position:absolute;right:7%;top:-118px;width:150px;z-index:6;cursor:pointer;transform-origin:50% 90%;transition:transform .2s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 18px 18px rgba(31,58,138,.25))}.mascot:hover{transform:translateY(-3px)}.mascot.wave{transform:translateY(-6px)}.bub{position:absolute;right:calc(7% + 150px);top:-96px;z-index:6;background:#fff;border:1px solid var(--line);border-radius:14px 14px 4px;padding:8px 12px;font-size:14px;box-shadow:0 10px 24px -14px #14171f59;max-width:15em;transition:opacity .15s}.bub.swap{opacity:0}.appwin{width:min(90%,940px);margin:0 auto;border-radius:14px 14px 0 0;overflow:hidden;display:grid;grid-template-columns:190px minmax(0,1fr);background:#fff;box-shadow:0 0 0 1px #14171f0f,0 40px 80px -30px #1f3a8a73;transform:translateZ(20px);min-height:460px}.side{background:var(--tint);border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:2px;font-size:13.5px}.side .logo{display:flex;align-items:center;gap:6px;font:400 20px var(--serif);padding:2px 6px 14px}.side .logo img{width:15px}.side span{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:8px;color:var(--muted)}.side span.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px #14171f14}.side svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.side b{font-size:12px;font-weight:500;color:var(--faint);padding:12px 8px 4px}.main{padding:18px 26px 26px;min-width:0}.crumb{font-size:12.5px;color:var(--faint)}.crumb b{color:var(--ink);font-weight:500}.main .rub8{font-family:var(--serif);font-size:30px;letter-spacing:-.03em;text-align:center;margin-top:18px}.main .sub{text-align:center;color:var(--muted);font-size:14px;margin-top:4px}.jobs{margin:20px auto 0;max-width:560px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.jr{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:11px 14px;border:0;border-top:1px solid var(--line);font-size:14px;width:100%;background:#fff;text-align:left;cursor:pointer;transition:background .15s}.jr:first-child{border-top:0}.jr:hover{background:var(--tint)}.jr[aria-pressed=true]{background:var(--sky-soft)}.jr .t{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jr .t small{display:block;font-weight:400;font-size:12.5px;color:var(--muted)}/*! svävande lager på olika djup */.float{position:absolute;z-index:5;background:#fff;border-radius:14px;box-shadow:0 20px 40px -18px #14171f59,0 0 0 1px #14171f0d;padding:10px 14px;font-size:13.5px;display:flex;align-items:center;gap:10px;pointer-events:none}.f1{left:5%;top:22px;transform:translateZ(80px)}.f2{right:22%;top:22px;transform:translateZ(110px)}.f3{left:5%;bottom:60px;transform:translateZ(60px)}.float .big{font:400 26px var(--serif);letter-spacing:-.03em;color:var(--deep)}.float .dot{width:8px;height:8px;border-radius:50%;background:var(--sun)}.float small{display:block;color:var(--faint);font-size:12px}@media (max-width:1000px){.float{display:none}}@media (max-width:480px){.jr .chip{display:none}}@media (max-width:860px){.scene3d{margin-top:110px}.mascot{width:96px;top:-90px;right:2%}.bub{right:104px;top:-70px;font-size:13px}.stage{padding-top:28px;min-height:0;border-radius:20px}.appwin{grid-template-columns:1fr;width:94%}.side{display:none}.main{padding:16px 12px 20px}.main .rub8{font-size:24px}}.chip{font-size:12px;font-weight:500;padding:3px 9px;border-radius:999px;white-space:nowrap}.c-yes{background:var(--ok-soft);color:var(--ok)}.c-may{background:var(--sun-soft);color:var(--sun-ink)}.c-no{background:var(--tint);color:var(--faint)}.sc{font:500 14px var(--mono)}/*! Så funkar det: flikar med glidande markering (uiarc.dev Tabs, MIT) och en bricka i taget (affectUI, MIT).
   Byte av steg skjuter brickorna i sidled, 180 ms (stageshow choreography: flytta, byt inte). */.steg{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:auto 1fr;gap:20px 56px;margin-top:40px;align-items:start}.sel{grid-column:1;grid-row:1}.vyf{grid-column:2;grid-row:1/span 2}.info{grid-column:1;grid-row:2}.flikar{display:grid;border-top:1px solid var(--line)}.flik{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;text-align:left;padding:16px 4px;border:0;border-bottom:1px solid var(--line);background:none;cursor:pointer;position:relative}.flik .nr{grid-row:span 2;align-self:start;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:500 var(--t1)/1 var(--mono);background:var(--tint);color:var(--ink-2);transition:background-color .18s,color .18s}.flik .na{font-size:var(--t1);color:var(--grey)}.flik .ti{font-size:var(--t3);font-weight:600;color:var(--ink-2)}.flik[aria-selected=true] .nr{background:var(--deep);color:#fff}.flik[aria-selected=true] .ti{color:var(--ink)}.flik:after{content:"";position:absolute;left:0;bottom:-1px;height:1.5px;width:100%;background:var(--deep);transform:scaleX(0);transform-origin:left;transition:transform .18s var(--e)}.flik[aria-selected=true]:after{transform:none}.info p{color:var(--ink-2);font-size:var(--t2);max-width:30em}.vy{overflow:hidden;border-radius:24px;transition:height .18s var(--e)}.vy .spar>.tray{background:#ffffff8c}.spar{display:flex;align-items:flex-start;transition:transform .18s var(--e)}.spar>.tray{flex:0 0 100%}.seg.m{display:none}@media (max-width:860px){.steg{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:16px;margin-top:24px}.sel,.vyf,.info{grid-column:auto;grid-row:auto}.flikar{display:none}.seg.m{display:grid;width:100%}}/*! Prova: en rad (Lumen: resten i en rad) */.prova{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 40px;align-items:center;padding-block:32px;border-block:1px solid var(--line)}.prova .h2{font-size:var(--t4)}.prova p{color:var(--ink-2);margin-top:8px;max-width:32em}@media (max-width:860px){.prova{grid-template-columns:1fr}}/*! Priser: två paket stort, resten i en rad (Lumen). Ett block med avdelare, inga kort i kort */.pris{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}.pk{position:relative;overflow:hidden;isolation:isolate;padding:32px;border-radius:28px;display:flex;flex-direction:column;gap:12px;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease-out}.pk-h{display:flex;align-items:center;justify-content:space-between;gap:12px}.pk h3{font-size:var(--t3);font-weight:600}.pk .chip{font-size:var(--t1);font-weight:500;padding:5px 11px;border-radius:999px;white-space:nowrap}.pk .kr{font:400 var(--t5)/.95 var(--serif);letter-spacing:-.04em;margin-top:10px}.pk .kr small{font:400 var(--t2) var(--sans);letter-spacing:0}.pk-u{font-size:var(--t2)}.pk ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px;font-size:var(--t2)}.pk li{display:flex;gap:10px;align-items:flex-start}.pk li .i{margin-top:2px;flex:none}.pk .btn{align-self:flex-start;margin-top:auto}.pk ul{margin-bottom:14px}/*! Gratis: ljus, mjuk, nollan är stjärnan */.pk.gratis{background:linear-gradient(155deg,#eaf6fc,#e8edf8 55%,#fff3ec);box-shadow:inset 0 0 0 1px #14171f0f}.pk.gratis .chip{background:#fff;color:var(--ok);box-shadow:0 1px 2px #14171f0f}.pk.gratis .kr{color:var(--deep)}.pk.gratis .pk-u,.pk.gratis ul{color:var(--ink-2)}.pk.gratis li .i{color:var(--deep)}/*! Plus: djupblå, glas och ljus, valet vi vill att folk gör */.pk.plus{color:#fff;background:radial-gradient(420px 260px at 88% -10%,rgba(5,147,198,.55),transparent 70%),radial-gradient(360px 240px at -10% 110%,rgba(252,115,77,.28),transparent 70%),linear-gradient(160deg,#25459e,#1f3a8a 45%,#14204d);box-shadow:inset 0 1px #ffffff2e,0 24px 48px -24px #1f3a8aa6}.pk.plus:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;transition:opacity .18s ease-out;background:radial-gradient(260px 200px at var(--x,70%) var(--y,0%),rgba(255,255,255,.16),transparent 70%)}.pk.plus .chip{background:#ffffff24;color:#fff;box-shadow:inset 0 0 0 1px #ffffff38}.pk.plus .kr small,.pk.plus .pk-u{color:#ffffffb8}.pk.plus ul{color:#ffffffe6}.pk.plus li.alla{color:#ffffff9e;font-size:var(--t1);letter-spacing:.01em}.pk.plus li .i{color:#8fd3f0}.btn.ljus{background:linear-gradient(180deg,#fff,#eef2fb);color:var(--deep);font-weight:600;box-shadow:inset 0 -1px #1f3a8a1f,0 1px 2px #0a143c4d,0 10px 22px -12px #0009;transition:transform .12s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease-out}.btn.ljus:active{transform:scale(.97)}.btn.ljus:focus-visible{outline:0;box-shadow:0 0 0 3px #1f3a8a,0 0 0 5px #8fd3f0}@media (hover:hover) and (pointer:fine){.pk:hover{transform:translateY(-2px)}.pk.plus:hover{box-shadow:inset 0 1px #fff3,0 30px 56px -24px #1f3a8acc}.pk.plus:hover:before{opacity:1}.btn.ljus:hover{transform:translateY(-1px);box-shadow:inset 0 -1px #1f3a8a1f,0 2px 4px #0a143c4d,0 16px 28px -12px #000000b3}.btn.ljus.pil:hover .i{transform:translate(3px)}.btn.ljus:hover:active{transform:translateY(0) scale(.97)}}@media (prefers-reduced-motion:reduce){.pk,.pk:before,.btn.ljus{transition:none}.pk:hover,.btn.ljus:hover{transform:none}}@media (max-width:700px){.pris{grid-template-columns:1fr;gap:12px}.pk{padding:24px;border-radius:24px}}.coach{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 20px;margin-top:14px;font-size:var(--t2);color:var(--ink-2)}/*! Två färgade kort, oförändrade från v8 *//*! Två färgade kort */.two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:44px}.pcard{position:relative;border-radius:24px;overflow:hidden;padding:32px 32px 0;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){.pcard:hover{transform:translateY(-4px)}}.pcard.a{background:linear-gradient(160deg,var(--sky-soft),var(--deep-soft))}.pcard.b{background:linear-gradient(160deg,var(--sun-soft),#fff6f1 70%,var(--sky-soft))}.pcard h3{font-family:var(--serif);font-size:30px;letter-spacing:-.03em}.pcard p{color:var(--muted);margin-top:10px;font-size:16px;max-width:24em}.pcard .mini{margin:28px 0 0 24px;background:#fff;border-radius:14px 0 0;padding:16px 18px;min-height:190px;box-shadow:0 -10px 30px -20px #14171f4d}.mini h4{font-family:var(--serif);font-size:24px;letter-spacing:-.025em}.tabs{display:flex;gap:18px;font-size:13px;color:var(--faint);margin-top:10px;border-bottom:1px solid var(--line)}.tabs span{padding-bottom:8px}.tabs .on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--sky)}.chk{display:flex;flex-direction:column;gap:10px;margin-top:14px;font-size:13.5px}.chk div{display:flex;align-items:center;gap:10px}.chk i{width:22px;height:22px;border-radius:7px;border:1px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:12px;color:var(--faint);flex:none}.chk .done i{background:var(--deep);border-color:var(--deep);color:#fff}.chk small{color:var(--faint);display:block;font-size:12px}@media (max-width:860px){.two{grid-template-columns:1fr}}.v8 .sh.c{text-align:center;margin-inline:auto;max-width:720px}.v8 .sh .lead{margin-inline:auto}/*! Tre steg som stegare (boardui Tabs/Segmented Control, MIT; affectUI: framsteg som en linje som fylls).
   Valt steg ligger på ett vitt kort, linjen mellan siffrorna fylls fram till steget, 180 ms. */.flikar{position:relative;border-top:0;background:#ffffff8c;border-radius:24px;padding:8px;box-shadow:inset 0 0 0 1px #14171f0f;--i:0}.flikar:before,.flikar:after{content:"";position:absolute;left:35px;top:44px;width:2px;border-radius:2px}.flikar:before{bottom:44px;background:#14171f1a}.flikar:after{height:calc((100% - 88px) * var(--i) / 2);background:var(--deep);transition:height .18s var(--e)}.flik{border-bottom:0;border-radius:18px;padding:16px 14px;gap:3px 16px;z-index:1;transition:background-color .18s ease-out,box-shadow .18s ease-out}.flik:after{display:none}.flik .nr{width:30px;height:30px;background:#fff;box-shadow:inset 0 0 0 1.5px #14171f24;font-family:var(--sans);font-weight:600;transition:background-color .18s,color .18s,box-shadow .18s}.flik[data-klar] .nr{background:var(--deep-soft);color:var(--deep);box-shadow:inset 0 0 0 1.5px var(--deep)}.flik[aria-selected=true]{background:#fff;box-shadow:0 1px 2px #14171f0f,0 12px 26px -16px #1f3a8a73}.flik[aria-selected=true] .nr{background:var(--deep);color:#fff;box-shadow:0 0 0 4px var(--deep-soft)}.flik:active{transform:scale(.99)}.flik:focus-visible{outline:2px solid var(--sky);outline-offset:2px}@media (hover:hover) and (pointer:fine){.flik:not([aria-selected=true]):hover{background:#fff9}.flik:not([aria-selected=true]):hover .ti{color:var(--ink)}}.info{background:#ffffff8c;border-radius:20px;padding:16px 20px;box-shadow:inset 0 0 0 1px #14171f0f}.info p{max-width:none}@media (prefers-reduced-motion:reduce){.flikar:after,.flik{transition:none}}