/* Klientfokus v7 – "Akten som blir begriplig". Mobil först. */
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("fonts/manrope-latin-ext-wght-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("fonts/manrope-latin-wght-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url("fonts/inter-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url("fonts/inter-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --night:#0a1120;--night-2:#0e1729;--ink:#0f1a2e;--ink-2:#17233b;--ink-3:#22304d;
  --paper:#eef0f4;--white:#fff;--text:#0f1a2e;--muted:#4b5569;--rule:#d9dde5;
  --cream:#f4f0e7;--muted-d:#aab3c5;--rule-d:rgba(255,255,255,.11);
  --gold:#c2a468;--gold-2:#dcc597;--gold-ink:#7a6230;--signal:#d0654c;--signal-ink:#a2412b;
  --display:"Manrope","Inter","Helvetica Neue",Arial,system-ui,sans-serif;
  --body:"Inter","Helvetica Neue",Arial,system-ui,sans-serif;
  --r-sm:8px;--r-md:14px;--r-lg:22px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --hdr:60px;--gut:20px;
  --sh-1:0 1px 2px rgba(10,17,32,.06),0 4px 14px rgba(10,17,32,.06);
  --sh-2:0 2px 4px rgba(10,17,32,.06),0 18px 40px -12px rgba(10,17,32,.22);
  --sh-3:0 30px 60px -20px rgba(0,0,0,.55),0 10px 24px -10px rgba(0,0,0,.35);
  --focus:var(--gold-ink);
}
@media (min-width:600px){:root{--gut:28px}}
@media (min-width:960px){:root{--hdr:72px;--gut:40px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + 12px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--white);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
@media (min-width:960px){body{font-size:17px}}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3{font-family:var(--display);margin:0;font-weight:700;letter-spacing:-.025em;line-height:1.12;hyphens:manual}
h2{font-size:clamp(1.65rem,1.05rem + 2.5vw,3rem);letter-spacing:-.03em;line-height:1.08;text-wrap:balance}
h3{font-size:1.14rem;line-height:1.25}
blockquote{margin:0}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
.sec--night,.hero,.phero,.kontakt,.ftr,.hdr,.andra{--focus:var(--gold-2)}
.sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--gold);color:var(--night);padding:10px 16px;border-radius:8px;font-weight:600;text-decoration:none}
.skip:focus{top:12px}
.wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:var(--gut)}

/* Etiketter, knappar och länkar */
.eyebrow{display:flex;align-items:center;gap:10px;font-size:.8125rem;font-weight:600;letter-spacing:.02em;color:var(--gold-ink);margin:0 0 14px}
.eyebrow::before{content:"";width:18px;height:2px;background:currentColor;border-radius:2px;flex:none}
.eyebrow--dark{color:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 24px;border-radius:12px;font-weight:650;font-size:1rem;line-height:1.2;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background-color .2s,color .2s,border-color .2s;white-space:nowrap}
.btn .ico-pil{width:18px;height:18px;transition:transform .2s var(--ease)}
.btn:hover .ico-pil{transform:translateX(3px)}
.btn--gold{background:var(--gold);color:var(--night);box-shadow:0 10px 26px -10px rgba(194,164,104,.65)}
.btn--gold:hover{background:var(--gold-2);transform:translateY(-1px)}
.btn--line{border-color:rgba(255,255,255,.28);color:var(--cream);background:rgba(255,255,255,.04)}
.btn--line:hover{border-color:var(--gold);color:#fff}
.btn--lg{min-height:58px;padding:16px 28px;font-size:1.0625rem}
.btn--sm{min-height:44px;padding:10px 18px;font-size:.9375rem}
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:28px}
.cta__note{margin:0;font-size:.9375rem;color:var(--muted-d)}
.cta__note::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:9px;vertical-align:1px}
.lnk{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;text-decoration:none;color:var(--gold-ink)}
.lnk .ico-pil{width:17px;height:17px;transition:transform .2s var(--ease)}
.lnk:hover{text-decoration:underline}.lnk:hover .ico-pil{transform:translateX(3px)}
.sec--night .lnk{color:var(--gold-2)}
.lnk-ext{display:inline-flex;align-items:center;min-height:44px;color:var(--gold-2);font-weight:600;font-size:.9375rem}
.note{font-size:.9375rem;color:var(--muted);border-left:2px solid var(--gold);padding-left:14px;margin-top:18px}
.note--wide{max-width:70ch;margin-top:28px}
.badge{display:inline-flex;align-items:center;gap:7px;font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gold-ink);background:rgba(194,164,104,.16);border:1px solid rgba(194,164,104,.45);padding:4px 10px;border-radius:999px}

/* Sidhuvud */
.hdr{position:sticky;top:0;z-index:50;background:rgba(10,17,32,.86);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);color:var(--cream);border-bottom:1px solid var(--rule-d)}
.hdr__bar{display:flex;align-items:center;gap:14px;height:var(--hdr)}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-weight:800;letter-spacing:.14em;font-size:.9375rem;color:#fff;margin-right:auto;min-height:44px}
.brand .logo{color:var(--gold)}
.hdr__nav{display:none}
.hdr__nav a{position:relative;text-decoration:none;font-size:.9375rem;font-weight:500;color:var(--muted-d);padding:10px 2px;transition:color .2s}
.hdr__nav a:hover,.hdr__nav a[aria-current="page"]{color:#fff}
.hdr__nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--gold);border-radius:2px}
.hdr__cta{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border-radius:10px;background:var(--gold);color:var(--night);font-weight:650;font-size:.9375rem;text-decoration:none}
.hdr__cta:hover{background:var(--gold-2)}
.hdr__burger{display:inline-grid;place-content:center;gap:6px;width:44px;height:44px;border:1px solid var(--rule-d);border-radius:10px;background:transparent;cursor:pointer;margin-right:-4px}
.hdr__burger i{display:block;width:20px;height:2px;background:var(--cream);border-radius:2px;transition:transform .25s var(--ease)}
.hdr__burger[aria-expanded="true"] i:first-of-type{transform:translateY(4px) rotate(45deg)}
.hdr__burger[aria-expanded="true"] i:last-of-type{transform:translateY(-4px) rotate(-45deg)}
.mmenu{display:none}
/* Utan JavaScript: menyn visas som en rad länkar under logotypen */
.hdr:not(.is-ready) .hdr__nav{display:flex;gap:18px;overflow-x:auto;position:absolute;left:0;right:0;top:var(--hdr);padding:6px var(--gut) 10px;background:var(--night);border-bottom:1px solid var(--rule-d);white-space:nowrap}
.hdr:not(.is-ready){position:relative}
.hdr:not(.is-ready)+main{padding-top:44px}
.hdr.is-open .mmenu{display:block;position:absolute;left:0;right:0;top:100%;background:var(--night);border-bottom:1px solid var(--rule-d);max-height:calc(100dvh - var(--hdr));overflow:auto;padding:12px 0 28px;box-shadow:0 30px 50px -20px rgba(0,0,0,.6)}
.mmenu__list a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:8px 0;border-bottom:1px solid var(--rule-d);font-family:var(--display);font-size:1.25rem;font-weight:650;text-decoration:none;color:#fff}
.mmenu__list a::after{content:"→";color:var(--gold)}
.mmenu__list a[aria-current="page"]{color:var(--gold-2)}
.mmenu__cta{margin-top:24px}
.mmenu__cta .btn{width:100%}
.mmenu__cta p{margin:10px 0 0;color:var(--muted-d);font-size:.9375rem;text-align:center}
@media (min-width:1080px){
  .hdr__nav,.hdr:not(.is-ready) .hdr__nav{display:flex;gap:28px;position:static;padding:0;background:none;border:0;overflow:visible}
  .hdr:not(.is-ready)+main{padding-top:0}
  .hdr__burger{display:none!important}
  .hdr.is-open .mmenu{display:none}
}

/* Startsidans topp */
.hero,.phero{position:relative;background:var(--night);color:var(--cream);overflow:hidden;isolation:isolate}
.hero__glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 55% at 78% 38%,rgba(194,164,104,.16),transparent 70%),radial-gradient(50% 60% at 8% 100%,rgba(70,96,150,.22),transparent 70%)}
.hero__glow::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 70% at 70% 40%,#000,transparent);mask-image:radial-gradient(70% 70% at 70% 40%,#000,transparent)}
.hero{padding:32px 0 48px}
.hero__grid{display:grid;gap:28px}
.hero h1,.phero h1{font-size:clamp(2.05rem,1.15rem + 4.3vw,4.5rem);line-height:1.04;letter-spacing:-.04em;color:#fff;max-width:15ch;text-wrap:balance}
.hero h1 span,.phero h1 span{color:var(--gold-2)}
.lead{font-size:1.0625rem;line-height:1.6;color:var(--muted-d);max-width:56ch;margin:20px 0 0}
.hero__more{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:var(--cream);font-weight:600;font-size:.9375rem;text-decoration:none;min-height:44px}
.hero__more .ico-pil{color:var(--gold)}
.hero__more:hover{text-decoration:underline}
@media (min-width:600px){.lead{font-size:1.125rem}}
@media (min-width:960px){
  .hero{padding:72px 0 96px}
  .hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:48px}
}

/* Scenen: handlingar i lager. Allt mäts i cqw så att scenen skalar som en helhet. */
.scene{position:relative;width:100%;max-width:560px;margin-inline:auto;aspect-ratio:100/94;container-type:inline-size;perspective:1300px;--p:0;--rx:0deg;--ry:0deg}
.scene__space{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--ry)) rotateY(var(--rx));transition:transform .5s var(--ease)}
.sd{position:absolute;left:0;top:0;width:44cqw;height:56cqw;transform-style:preserve-3d;
  --x:calc(var(--fx) + (var(--sx) - var(--fx)) * var(--p));--y:calc(var(--fy) + (var(--sy) - var(--fy)) * var(--p));--r:calc(var(--fr) + (var(--sr) - var(--fr)) * var(--p));
  transform:translate3d(var(--x),var(--y),var(--z)) rotate(var(--r))}
.sd--11{--fx:1cqw;--fy:3cqw;--fr:-7deg;--sx:24cqw;--sy:21cqw;--sr:-2.5deg;--z:-70px}
.sd--05{--fx:51cqw;--fy:0cqw;--fr:6deg;--sx:25cqw;--sy:20cqw;--sr:2deg;--z:-50px}
.sd--07{--fx:53cqw;--fy:25cqw;--fr:3.5deg;--sx:26cqw;--sy:19.5cqw;--sr:-1deg;--z:0px}
.sd--03{--fx:3cqw;--fy:17cqw;--fr:-2.5deg;--sx:27cqw;--sy:19cqw;--sr:0deg;--z:24px}
.doc{width:100%;height:100%;background:linear-gradient(180deg,#fbfaf7,#f1eee6);border-radius:1.6cqw;padding:3.4cqw 3.6cqw;color:var(--ink);box-shadow:var(--sh-3);font-size:2.3cqw;line-height:1.3;overflow:hidden;position:relative}
.doc--back{background:linear-gradient(180deg,#e9e6de,#dcd8ce)}
.doc i{display:block;height:1.05cqw;border-radius:1cqw;background:#cfd3db;margin:1.55cqw 0}
.doc i.s{width:62%}
.doc p{margin:0}
.doc__id{font-weight:700;color:#5a6274;margin-bottom:2.4cqw!important}
.doc__head{display:flex;justify-content:space-between;gap:1.5cqw;white-space:nowrap;font-size:2.05cqw;font-weight:700;color:#5a6274;padding-bottom:1.6cqw;border-bottom:.25cqw solid #d8d4ca;margin-bottom:2cqw!important}
.doc__title{font-family:var(--display);font-weight:800;font-size:3.6cqw;letter-spacing:-.02em;color:var(--ink)}
.doc__meta{color:#6a7180;margin-top:.8cqw!important;white-space:nowrap}
.doc__mark{position:relative;height:3cqw;margin:1.6cqw 0!important}
.doc__mark b{position:absolute;left:0;top:0;height:100%;width:74%;background:rgba(194,164,104,.55);border-radius:.6cqw;transform-origin:left}
.doc__row{display:flex;align-items:center;gap:2cqw;margin:2cqw 0!important}
.doc__lbl{font-weight:700;color:#5a6274}
.chip{display:inline-block;font-weight:800;font-size:2.9cqw;padding:.7cqw 1.8cqw;border-radius:1cqw;background:#fff;border:.3cqw solid var(--gold);color:var(--ink);font-variant-numeric:tabular-nums}
.chip--diff{border-color:var(--signal);color:var(--signal-ink)}
.doc__foot{position:absolute;left:3.6cqw;right:3.6cqw;bottom:3cqw;display:flex;justify-content:space-between;color:#6a7180;font-size:2.1cqw;border-top:.25cqw solid #d8d4ca;padding-top:1.4cqw}
.scene__akt{position:absolute;left:18cqw;top:14cqw;width:58cqw;height:68cqw;border-radius:2cqw;background:linear-gradient(180deg,#22304d,#17233b);border:.3cqw solid rgba(220,197,151,.45);transform:translateZ(-95px);opacity:calc(var(--p) * 1.3);box-shadow:var(--sh-3)}
.scene__akt span{position:absolute;left:3cqw;top:-4.6cqw;background:#22304d;border:.3cqw solid rgba(220,197,151,.45);border-bottom:0;border-radius:1.4cqw 1.4cqw 0 0;padding:.8cqw 2.4cqw;font-weight:700;font-size:2.4cqw;color:var(--gold-2)}
.scene__akt b{position:absolute;left:0;right:0;bottom:3cqw;text-align:center;font-size:2.5cqw;font-weight:600;color:var(--cream)}
.scene__link{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:translateZ(40px);opacity:calc(1 - var(--p) * 2.2);pointer-events:none}
.scene__link path{fill:none;stroke:var(--gold);stroke-width:.55;stroke-dasharray:1.6 1.1;vector-effect:non-scaling-stroke;stroke-width:2.2px}
.scene__note{position:absolute;left:30cqw;top:73cqw;width:50cqw;padding:2.6cqw 3cqw;border-radius:1.8cqw;background:rgba(14,23,41,.94);border:.3cqw solid rgba(208,101,76,.6);color:var(--cream);font-size:2.9cqw;line-height:1.35;transform:translateZ(60px);box-shadow:var(--sh-3);opacity:calc(1 - var(--p) * 2.2)}
.scene__note p{margin:0}
.scene__note-id{font-weight:700;color:#f0a08c;margin-bottom:.8cqw!important;font-size:2.5cqw;letter-spacing:.02em}
.scene__tag{position:absolute;left:0;top:0;margin:0;font-size:2.5cqw;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-2);border:.3cqw solid rgba(220,197,151,.4);padding:.6cqw 1.8cqw;border-radius:99px;transform:translateZ(70px)}
@container (max-width:440px){.doc{font-size:2.7cqw}.doc__meta{font-size:2.35cqw}.chip{font-size:3.4cqw}.scene__note{font-size:3.4cqw;width:58cqw;left:26cqw}.scene__note-id{font-size:3cqw}.scene__tag{font-size:3cqw}}
/* Sekvensen spelas bara när skriptet startat den; annars syns slutläget direkt */
@media (prefers-reduced-motion:no-preference){
  .scene.is-play .doc__mark b{animation:kf-sweep .8s var(--ease) .5s backwards}
  .scene.is-play .chip--03{animation:kf-ring 1s ease-out 1.25s backwards}
  .scene.is-play .sd--07 .doc{animation:kf-slide 1s var(--ease) 1.6s backwards}
  .scene.is-play .chip--diff{animation:kf-ring-r 1s ease-out 2.6s backwards}
  .scene.is-play .scene__link path{stroke-dasharray:1;animation:kf-draw .8s var(--ease) 3s backwards}
  .scene.is-play .scene__note{animation:kf-rise .7s var(--ease) 3.5s backwards}
  .scene.is-play.is-done .scene__link path{stroke-dasharray:1.6 1.1;animation:none}
  @media (hover:none){.scene__space{animation:kf-drift 11s ease-in-out infinite alternate}.scene.is-off .scene__space{animation-play-state:paused}}
}
@keyframes kf-sweep{from{transform:scaleX(0)}}
@keyframes kf-ring{0%{box-shadow:0 0 0 0 rgba(194,164,104,.8)}100%{box-shadow:0 0 0 3cqw rgba(194,164,104,0)}}
@keyframes kf-ring-r{0%{box-shadow:0 0 0 0 rgba(208,101,76,.8)}100%{box-shadow:0 0 0 3cqw rgba(208,101,76,0)}}
@keyframes kf-slide{from{transform:translate(-26cqw,6cqw) rotate(-7deg)}}
@keyframes kf-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes kf-rise{from{opacity:0;transform:translateZ(60px) translateY(3cqw)}}
@keyframes kf-drift{from{transform:rotateX(5deg) rotateY(-5deg)}to{transform:rotateX(2deg) rotateY(4deg)}}

/* Avsnitt */
.sec{padding:64px 0}
@media (min-width:960px){.sec{padding:112px 0}}
.sec--white{background:var(--white)}
.sec--paper{background:var(--paper)}
.sec--night{background:var(--night);color:var(--cream);position:relative;isolation:isolate}
.sec--night::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 50% at 85% 0%,rgba(194,164,104,.09),transparent 70%)}
.sec--night h2,.sec--night h3{color:#fff}
.sec__head{max-width:760px;margin-bottom:36px}
.sec__intro{font-size:1.0625rem;color:var(--muted);margin:16px 0 0;max-width:62ch}
.sec--night .sec__intro{color:var(--muted-d)}
@media (min-width:960px){.sec__head{margin-bottom:56px}}
.split{display:grid;gap:28px}
@media (min-width:960px){.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start}.split__aside{position:sticky;top:calc(var(--hdr) + 32px)}}

/* Målgrupper */
.aud{display:grid;gap:20px}
@media (min-width:860px){.aud{grid-template-columns:1fr 1fr;gap:28px}}
.aud__card{position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--rule);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-1);transition:box-shadow .35s var(--ease),border-color .35s,transform .35s var(--ease)}
.aud__ill{background:linear-gradient(160deg,#f3f1ec,#e6e9ef);padding:18px 20px 8px;border-bottom:1px solid var(--rule)}
.aud__ill svg{width:100%;height:auto;max-height:200px;margin-inline:auto}
.aud__ill g{transition:transform .5s var(--ease)}
.aud__body{padding:24px 22px 26px;display:flex;flex-direction:column;flex:1}
.aud__tag{font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:8px}
.aud__card h3{font-size:clamp(1.3rem,1.1rem + .8vw,1.65rem);margin-bottom:12px}
.aud__main{text-decoration:none;background-image:linear-gradient(var(--gold),var(--gold));background-size:0 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .35s var(--ease)}
.aud__main::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.aud__main:focus-visible{outline:none}
.aud__card:has(.aud__main:focus-visible){outline:3px solid var(--focus);outline-offset:3px}
.aud__body>p{color:var(--muted)}
.aud__links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:auto;padding-top:6px;position:relative;z-index:2}
.aud__links a{font-weight:600;font-size:.9375rem;color:var(--gold-ink);min-height:44px;display:inline-flex;align-items:center}
.aud__card:hover,.aud__card:focus-within{border-color:rgba(194,164,104,.6);box-shadow:var(--sh-2);transform:translateY(-3px)}
.aud__card:hover .aud__main,.aud__card:focus-within .aud__main{background-size:100% 2px}
@media (prefers-reduced-motion:no-preference){
  .aud__card:hover .ill-l1,.aud__card:focus-within .ill-l1{transform:translate(-4px,2px)}
  .aud__card:hover .ill-l2,.aud__card:focus-within .ill-l2{transform:translate(0,-6px)}
  .aud__card:hover .ill-l3,.aud__card:focus-within .ill-l3{transform:translate(8px,-10px)}
}
@media (prefers-reduced-motion:reduce){.aud__card:hover,.aud__card:focus-within{transform:none}}

/* SVG-illustrationer */
.i-pap{fill:#fff}.i-sh{filter:drop-shadow(0 6px 10px rgba(10,17,32,.14))}.i-sh2{filter:drop-shadow(0 10px 16px rgba(10,17,32,.2))}
.i-lin-f{fill:#d3d8e1}.i-lin-s{stroke:#c3c9d4}.i-gld-f{fill:var(--gold)}.i-gld-s{stroke:var(--gold)}.i-ink-f{fill:var(--ink-3)}.i-sig-f{fill:var(--signal)}
.i-txt{font:700 13px var(--body);fill:#5a6274}.i-txt--l{fill:var(--cream);font-size:12px}.i-txt--d{fill:var(--night)}.i-txt--big{font:800 30px var(--display);fill:var(--signal-ink)}

/* Ärendekartan */
.karta{display:grid;gap:18px;grid-template-areas:"val" "stage" "steg" "demo" "info" "note";grid-template-columns:minmax(0,1fr)}
.karta__val{grid-area:val;display:flex;flex-wrap:wrap;gap:8px}
.karta__btn{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:9px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.04);color:var(--cream);font-weight:600;font-size:.9375rem;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.karta__btn:hover{border-color:rgba(220,197,151,.7)}
.karta__btn[aria-pressed="true"]{background:rgba(194,164,104,.18);border-color:var(--gold);color:#fff}
.karta__dot{width:10px;height:10px;border-radius:50%;background:var(--gold);flex:none}
.karta__dot--avvikelser{background:var(--signal)}
.karta__dot--kronologi{background:#8fb3e6}.karta__dot--kallor{background:#9fd1c0}.karta__dot--parter{background:#c9b3e8}
.karta__stage{grid-area:stage;position:relative;aspect-ratio:10/9;border-radius:var(--r-lg);overflow:hidden;background:radial-gradient(70% 70% at 50% 45%,#16233c,#0b1324 75%);border:1px solid var(--rule-d);touch-action:pan-y;box-shadow:inset 0 0 80px rgba(0,0,0,.35)}
@media (min-width:600px){.karta__stage{aspect-ratio:10/7}}
.karta__svg{position:absolute;inset:0;width:100%;height:100%;transition:opacity .7s var(--ease)}
.karta__canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .7s var(--ease)}
.karta.is-live .karta__canvas{opacity:1}.karta.is-live .karta__svg{opacity:0}
.karta.is-explore .karta__stage{touch-action:none;outline:2px solid var(--gold);outline-offset:-2px}
.karta.is-live .karta__stage{cursor:move}
.karta__stage.is-over{cursor:grab}.karta__stage.is-greppar,.karta__stage.is-drar{cursor:grabbing}
.karta__stage.is-greppar .karta__lbl,.karta__stage.is-drar .karta__lbl{transition:none}
.karta__lbl--tip{color:#fff;border-color:rgba(220,197,151,.6);transform:translate(-50%,-100%)}
.karta__hint{display:none;position:absolute;left:14px;top:12px;margin:0;font-size:.8125rem;color:var(--muted-d);background:rgba(10,17,32,.7);padding:4px 10px;border-radius:8px;pointer-events:none}
@media (hover:hover) and (pointer:fine){.karta.is-live .karta__hint{display:block}}
.karta.is-live.is-explore .karta__hint{display:block}
.karta__hint-k{display:none}
@media (max-width:599px),(hover:none){.karta__hint-l{display:none}.karta__hint-k{display:inline}}
.sv-l{stroke:rgba(160,172,198,.24);stroke-width:1}.sv-kors{stroke:rgba(220,197,151,.42);stroke-width:1.3}.sv-karna{stroke:rgba(220,197,151,.3)}.sv-tid{stroke:rgba(143,179,230,.6);stroke-width:1.6}
.sv-n{fill:#8e98af}.sv-barn.g-handlingar{fill:#ede6d6}.sv-barn.g-kronologi{fill:#8fb3e6}.sv-barn.g-kallor{fill:#9fd1c0}.sv-barn.g-parter{fill:#c9b3e8}.sv-blad{fill:rgba(142,152,175,.55)}.sv-hub{fill:var(--gold)}.sv-mitt{fill:var(--gold-2)}.sv-flagga{fill:var(--signal)}
.sv-t{fill:var(--cream);font:600 17px var(--body);paint-order:stroke;stroke:rgba(10,17,32,.85);stroke-width:5px}
.sv-t-mitt{fill:var(--gold-2)}
.karta__svg :is(.sv-l,.sv-n,.sv-t){transition:opacity .4s}
.karta[data-aktiv] .karta__svg :is(.sv-l,.sv-n,.sv-t){opacity:.16}
.karta[data-aktiv] .karta__svg .sv-t-mitt{opacity:.6}
.karta[data-aktiv="handlingar"] .karta__svg :is(.g-handlingar,.k-handlingar),
.karta[data-aktiv="kronologi"] .karta__svg :is(.g-kronologi,.k-kronologi),
.karta[data-aktiv="kallor"] .karta__svg :is(.g-kallor,.k-kallor),
.karta[data-aktiv="avvikelser"] .karta__svg :is(.g-avvikelser,.k-avvikelser),
.karta[data-aktiv="parter"] .karta__svg :is(.g-parter,.k-parter){opacity:1}
.karta__labels{position:absolute;inset:0;pointer-events:none}
.karta__lbl{position:absolute;left:0;top:0;white-space:nowrap;font-size:.8125rem;font-weight:600;color:var(--cream);background:rgba(10,17,32,.78);border:1px solid rgba(255,255,255,.1);padding:3px 9px;border-radius:7px;transition:opacity .3s;will-change:transform}
.karta__lbl--hub{font-size:.875rem;color:#fff;border-color:rgba(220,197,151,.5)}
.karta__lbl--mitt{color:var(--gold-2);border-color:rgba(220,197,151,.6)}
.karta__lbl--flagga{color:#ffc3b4;border-color:rgba(208,101,76,.7)}
.karta__lbl--barn{font-size:.75rem;font-weight:500;color:var(--muted-d)}
.karta__lbl--hl{color:#fff;border-color:var(--gold)}
.karta__explore{position:absolute;right:12px;bottom:12px;min-height:44px;padding:9px 15px;border-radius:999px;border:1px solid rgba(220,197,151,.6);background:rgba(10,17,32,.8);color:var(--cream);font-weight:600;font-size:.875rem;cursor:pointer}
.karta__explore[aria-pressed="true"]{background:var(--gold);color:var(--night)}
.karta__steg{grid-area:steg;background:rgba(14,23,41,.96);border:1px solid rgba(220,197,151,.35);border-radius:var(--r-md);padding:16px 18px;color:var(--cream)}
.karta__stegnr{margin:0 0 6px;font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gold)}
.karta__stegtext{margin:0 0 14px;font-size:1rem;line-height:1.5;color:#fff}
.karta__ctrl{display:flex;flex-wrap:wrap;gap:8px}
.karta__ctrl button{min-height:44px;padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:transparent;color:var(--cream);font-weight:600;font-size:.875rem;cursor:pointer}
.karta__ctrl button:hover{border-color:var(--gold)}
.karta__ctrl [data-demo-next]{background:var(--gold);color:var(--night);border-color:var(--gold)}
.karta__prog{height:3px;background:rgba(255,255,255,.1);border-radius:3px;margin-top:14px;overflow:hidden}
.karta__prog i{display:block;height:100%;width:0;background:var(--gold);transition:width .5s var(--ease)}
.karta__info{grid-area:info;min-height:0}
.karta__start p{color:var(--muted-d);margin:0}
.karta__start strong{color:var(--cream)}
.karta__del{background:rgba(255,255,255,.035);border:1px solid var(--rule-d);border-radius:var(--r-md);padding:20px;margin-top:12px}
.karta__del h3{font-size:1.25rem;margin-bottom:8px}
.karta__del p{color:var(--muted-d);margin-bottom:12px}
.karta__del ul{display:grid;gap:6px;margin-bottom:14px}
.karta__del li{position:relative;padding-left:18px;font-size:.9375rem;color:var(--cream)}
.karta__del li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--gold)}
.karta.is-ready .karta__del{display:none;margin-top:0}
.karta.is-ready .karta__del.is-on{display:block}
.karta.is-ready[data-aktiv] .karta__start{display:none}
.karta__demo{grid-area:demo;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.karta__demohint{margin:0;font-size:.875rem;color:var(--muted-d)}
.karta__note{grid-area:note;font-size:.875rem;color:var(--muted-d);margin:4px 0 0}
.karta__note a{color:var(--gold-2)}
@media (min-width:1000px){
  .karta{grid-template-columns:minmax(0,4.3fr) minmax(0,7.7fr);grid-template-areas:"val stage" "demo stage" "steg stage" "info stage" "note note";grid-template-rows:auto auto auto 1fr auto;column-gap:48px;row-gap:20px;align-items:start}
  .karta__steg{margin:0}
  .karta__stage{aspect-ratio:10/7.4}
}

/* Tjänster */
.svc{display:grid;gap:16px}
@media (min-width:700px){.svc{grid-template-columns:1fr 1fr;gap:20px}}
@media (min-width:1100px){.svc{grid-template-columns:repeat(4,1fr)}}
.svc__item{position:relative;background:var(--white);border:1px solid var(--rule);border-radius:var(--r-lg);padding:24px 22px 64px;box-shadow:var(--sh-1);transition:box-shadow .3s var(--ease),border-color .3s,transform .3s var(--ease)}
.svc__ico{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:16px;background:var(--night);color:var(--cream);margin-bottom:18px}
.svc__ico svg{width:34px;height:34px}
.svc__item h3{font-size:1.3rem;margin-bottom:10px}
.svc__item h3 a{text-decoration:none}
.svc__item h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.svc__item h3 a:focus-visible{outline:none}
.svc__item:has(a:focus-visible){outline:3px solid var(--focus);outline-offset:3px}
.svc__item p{color:var(--muted);font-size:.9688rem;margin:0}
.svc__go{position:absolute;left:22px;bottom:20px;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--rule);color:var(--gold-ink);transition:background-color .3s,color .3s,border-color .3s,transform .3s var(--ease)}
.svc__go .ico-pil{width:17px;height:17px}
.svc__item:hover,.svc__item:focus-within{border-color:rgba(194,164,104,.6);box-shadow:var(--sh-2);transform:translateY(-3px)}
.svc__item:hover .svc__go,.svc__item:focus-within .svc__go{background:var(--gold);border-color:var(--gold);color:var(--night)}
.material{margin-top:32px;background:var(--white);border:1px solid var(--rule);border-radius:var(--r-lg);padding:24px 22px}
.material__h{font-family:var(--display);font-weight:700;font-size:1.125rem;margin:0 0 14px}
.material__list{display:flex;flex-wrap:wrap;gap:8px}
.material__list li{font-size:.9063rem;background:var(--paper);border:1px solid var(--rule);padding:7px 12px;border-radius:10px}
.material__note{margin:14px 0 0;font-size:.9063rem;color:var(--muted)}

/* Flikar (generella) */
.tabs__list{display:flex;gap:4px;border-bottom:1px solid var(--rule);margin-bottom:22px}
.tabs__tab{position:relative;flex:1 1 0;min-height:52px;padding:10px 8px;border:0;background:none;font-weight:650;font-size:.9375rem;line-height:1.25;color:var(--muted);cursor:pointer;text-align:center;border-radius:8px 8px 0 0}
.tabs__tab[aria-selected="true"]{color:var(--text)}
.tabs__tab[aria-selected="true"]::after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:3px;border-radius:3px;background:var(--gold)}
.tabs__tab:hover{color:var(--text)}
@media (min-width:700px){.tabs__tab{flex:0 0 auto;padding:12px 18px;font-size:1rem}}
[data-tabs].is-ready .tabs__h{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[data-tabs]:not(.is-ready) .tabs__panel+.tabs__panel{margin-top:28px;padding-top:24px;border-top:1px dashed var(--rule)}
.tabs__h{font-size:1.15rem;margin-bottom:14px}
.tabs__panel:focus-visible{outline-offset:6px}
@media (prefers-reduced-motion:no-preference){[data-tabs].is-ready .tabs__panel:not([hidden]){animation:kf-fade .45s var(--ease)}}
@keyframes kf-fade{from{opacity:0;transform:translateY(6px)}}

/* Metodexempel som rapport */
.rapport{background:var(--white);border:1px solid var(--rule);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:20px 18px 26px;position:relative}
.rapport::before{content:"";position:absolute;left:18px;right:18px;top:-8px;height:8px;border-radius:10px 10px 0 0;background:#e3e6ec;z-index:-1}
@media (min-width:700px){.rapport{padding:28px 34px 36px}}
.rapport__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding-bottom:16px;margin-bottom:6px;border-bottom:1px solid var(--rule)}
.rapport__akt{font-family:var(--display);font-weight:800;font-size:1.05rem}
.rapport__not{font-size:.875rem;color:var(--muted)}
@media (min-width:700px){.rapport__not{margin-left:auto}}
.kron{position:relative;display:grid;gap:12px}
.kron li{display:grid;grid-template-columns:1fr;justify-items:start;gap:6px 16px;align-items:start;padding:14px 16px;border:1px solid var(--rule);border-radius:12px;background:#fbfbfc}
.kron__d{font-weight:800;font-variant-numeric:tabular-nums;font-size:.9375rem;color:var(--ink);background:var(--paper);border-radius:8px;padding:4px 9px;white-space:nowrap}
.kron p{margin:0}
.kron__t{font-weight:600}
.kron__src{font-size:.875rem;color:var(--muted)}
.kron__fl{display:inline-block;margin-top:6px!important;font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--signal-ink);background:rgba(208,101,76,.1);border:1px solid rgba(208,101,76,.4);padding:2px 8px;border-radius:99px}
.kron--flag{border-color:rgba(208,101,76,.45)!important}
.kron--flag .kron__d{background:rgba(208,101,76,.12);color:var(--signal-ink)}
.kron--miss{border-style:dashed!important}
@media (min-width:700px){.kron li{grid-template-columns:130px 1fr;padding:16px 20px}}
.trace{display:grid;gap:16px}
.trace__src{background:var(--night);color:var(--cream);border-radius:14px;padding:18px 20px}
.trace__src blockquote{font-size:1.125rem;font-weight:600}
.trace__src mark{background:rgba(194,164,104,.35);color:#fff;padding:0 4px;border-radius:4px}
.trace__id{font-size:.8125rem;font-weight:700;letter-spacing:.03em;color:var(--gold-ink);margin:0 0 6px}
.trace__src .trace__id{color:var(--gold)}
.trace__out{display:grid;gap:12px}
.trace__out li{border:1px solid var(--rule);border-left:3px solid var(--gold);border-radius:12px;padding:14px 16px}
.trace__out blockquote{font-weight:600}
.trace__note{margin:6px 0 0;font-size:.9063rem;color:var(--signal-ink)}
.trace__cap{margin:0;font-size:.9063rem;color:var(--muted)}
@media (min-width:860px){.trace{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.trace__cap{grid-column:1/-1}}
.fynd{display:grid;gap:22px}
.fynd__list{display:grid;gap:12px;counter-reset:f}
.fynd__list li{position:relative;border:1px solid var(--rule);border-radius:12px;padding:14px 16px 14px 52px;counter-increment:f}
.fynd__list li::before{content:counter(f,decimal-leading-zero);position:absolute;left:14px;top:14px;font-weight:800;font-size:.8125rem;color:var(--signal-ink);background:rgba(208,101,76,.1);border-radius:6px;padding:2px 6px}
.fynd__list p{margin:0}
.fynd__t{font-weight:700;margin-bottom:4px!important}
.fynd__ref{margin-top:6px!important;font-size:.8438rem;color:var(--muted)}
.fynd__q{background:var(--paper);border-radius:14px;padding:18px 20px}
.fynd__qh{font-family:var(--display);font-weight:700;margin:0 0 10px}
.fynd__q li{position:relative;padding-left:22px;margin-top:8px}
.fynd__q li::before{content:"?";position:absolute;left:0;top:0;font-weight:800;color:var(--gold-ink)}
@media (min-width:860px){.fynd{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}

/* Verksamheten */
.verk{display:grid;gap:32px}
.combo{display:grid;gap:12px}
.combo__part{background:var(--white);border:1px solid var(--rule);border-radius:var(--r-md);padding:20px}
.combo__part h3{margin-bottom:8px}
.combo__part p{color:var(--muted);margin:0}
.combo__tag{font-size:.8125rem!important;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gold-ink)!important;margin-bottom:6px!important}
.combo__part--sum{background:var(--night);border-color:var(--night);color:var(--cream)}
.combo__part--sum h3{color:#fff}.combo__part--sum p{color:var(--muted-d)}.combo__part--sum .combo__tag{color:var(--gold)!important}
.combo__part--sum a{color:var(--gold-2);font-weight:600}
.combo__op{justify-self:center;font-family:var(--display);font-size:1.6rem;font-weight:700;color:var(--gold-ink);line-height:1}
.verk__net{background:var(--white);border:1px solid var(--rule);border-radius:var(--r-md);padding:22px}
.verk__net h3{margin-bottom:8px}.verk__net p{margin:0;color:var(--muted)}
.princ{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin:0}
.princ div{border-top:2px solid var(--gold);padding-top:10px}
.princ dt{font-family:var(--display);font-weight:700}
.princ dd{margin:4px 0 0;font-size:.9063rem;color:var(--muted)}
@media (min-width:860px){
  .verk{grid-template-columns:repeat(12,minmax(0,1fr));gap:40px 28px}
  .verk__intro{grid-column:1/-1;max-width:820px}
  .combo{grid-column:1/-1;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center}
  .verk__net{grid-column:1/6}
  .princ{grid-column:6/-1;grid-template-columns:repeat(3,1fr)}
}

/* FAQ */
.faq{display:grid;gap:10px}
.faq details{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--white);transition:border-color .2s,box-shadow .2s}
.faq details[open]{border-color:rgba(194,164,104,.6);box-shadow:var(--sh-1)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 18px;cursor:pointer;font-weight:650;list-style:none;border-radius:inherit}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:12px;height:12px;border-right:2px solid var(--gold-ink);border-bottom:2px solid var(--gold-ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s var(--ease)}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq__a{padding:0 18px 16px;color:var(--muted)}
.faq__a p{margin:0}
.sec--paper .faq details{background:var(--white)}

/* Kontakt */
.kontakt{background:var(--night);color:var(--cream);padding:64px 0;position:relative;isolation:isolate;overflow:hidden}
.kontakt::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 70% at 100% 0%,rgba(194,164,104,.14),transparent 70%)}
.kontakt__grid{display:grid;gap:40px}
.kontakt h2{color:#fff;font-size:clamp(1.75rem,1.1rem + 2.6vw,3.1rem);max-width:20ch}
.kontakt__text{color:var(--muted-d);font-size:1.0625rem;margin:16px 0 0;max-width:52ch}
.kontakt__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:28px}
.kontakt__free{margin:0;color:var(--cream);font-weight:500}
.kontakt__free::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:9px;vertical-align:1px}
.mail{margin-top:28px;background:rgba(255,255,255,.05);border:1px solid var(--rule-d);border-radius:var(--r-md);padding:16px 18px}
.mail__label{margin:0 0 4px;font-size:.8125rem;font-weight:600;color:var(--muted-d)}
.mail__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0}
.mail__addr{font-family:var(--display);font-weight:700;font-size:1.25rem;color:#fff;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;user-select:all;-webkit-user-select:all}
.mail__addr:hover{text-decoration:underline}
.mail__copy{min-height:44px;padding:8px 16px;border-radius:10px;border:1px solid rgba(220,197,151,.6);background:transparent;color:var(--gold-2);font-weight:600;font-size:.9375rem;cursor:pointer}
.mail__copy:hover{background:rgba(194,164,104,.15)}
.mail__ok{margin:6px 0 0;font-size:.875rem;color:var(--gold-2);min-height:1.2em}
.kontakt__warn{margin:18px 0 0;font-size:.9063rem;color:var(--muted-d);max-width:56ch}
.kontakt__h{font-family:var(--display);font-weight:700;color:#fff;font-size:1.125rem;margin:0 0 14px}
.steps{display:grid;gap:4px;position:relative}
.steps li{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:12px 0;position:relative}
.steps li:not(:last-child)::after{content:"";position:absolute;left:21px;top:52px;bottom:-6px;width:1.5px;background:rgba(194,164,104,.35)}
.steps__no{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--gold);color:var(--gold-2);font-weight:700;font-size:.875rem}
.steps p{margin:0;color:var(--muted-d);font-size:.9375rem}
.steps .steps__t{color:#fff;font-weight:650;font-size:1rem;margin-bottom:2px}
@media (min-width:960px){.kontakt{padding:112px 0}.kontakt__grid{grid-template-columns:minmax(0,7fr) minmax(0,4.5fr);gap:72px;align-items:start}}

/* Sidfot */
.ftr{background:#070c18;color:var(--muted-d);padding:48px 0 28px;font-size:.9375rem;border-top:1px solid var(--rule-d)}
.ftr__grid{display:grid;gap:28px}
.ftr .brand{margin-bottom:12px}
.ftr__note,.ftr__small{font-size:.875rem}
.ftr__h{font-weight:700;color:#fff;margin:0 0 10px}
.ftr__col a{display:flex;align-items:center;min-height:40px;text-decoration:none}
.ftr__col a:hover{color:#fff;text-decoration:underline}
.ftr address{font-style:normal}
.ftr__bottom{display:flex;flex-direction:column;gap:8px;margin-top:32px;padding-top:20px;border-top:1px solid var(--rule-d);font-size:.8438rem}
.ftr__bottom a{color:var(--cream)}
@media (min-width:860px){.ftr__grid{grid-template-columns:2fr 1fr 1fr}.ftr__bottom{flex-direction:row;flex-wrap:wrap;gap:8px 28px}}

/* Undersidornas topp */
.phero{padding:20px 0 52px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.875rem;color:var(--muted-d);margin-bottom:26px}
.crumbs a{color:var(--cream);min-height:32px;display:inline-flex;align-items:center}
.phero__grid{display:grid;gap:32px}
.phero__ill{max-width:440px;width:100%;margin-inline:auto}
.phero__ill svg{width:100%;height:auto}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chips li{font-size:.875rem;font-weight:600;color:var(--cream);border:1px solid var(--rule-d);background:rgba(255,255,255,.04);padding:6px 12px;border-radius:999px}
@media (max-width:599px){.phero__ill{max-width:300px;margin-top:-4px}}
@media (min-width:960px){.phero{padding:28px 0 96px}.phero__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:56px}}
@media (prefers-reduced-motion:no-preference){
  .js .ph-draw{stroke-dasharray:1;animation:kf-draw 1.4s var(--ease) .5s backwards}
  .js .phero__ill .ph-l1{animation:kf-up .9s var(--ease) .1s backwards}
  .js .phero__ill .ph-l2{animation:kf-up .9s var(--ease) .3s backwards}
  .js .phero__ill .ph-l3{animation:kf-up .9s var(--ease) .5s backwards}
}
@keyframes kf-up{from{opacity:0;transform:translateY(14px)}}
.phero--404 .phero__ill{max-width:320px}

/* Kort, listor och block på undersidorna */
.tiles{display:grid;gap:14px}
@media (min-width:640px){.tiles{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.tiles{grid-template-columns:repeat(3,1fr);gap:18px}.tiles--4{grid-template-columns:repeat(4,1fr)}}
.tiles li{background:var(--white);border:1px solid var(--rule);border-radius:var(--r-md);padding:22px 20px;box-shadow:var(--sh-1)}
.tiles__no{display:inline-block;font-weight:800;font-size:.8125rem;color:var(--gold-ink);background:rgba(194,164,104,.14);border-radius:6px;padding:2px 7px;margin-bottom:12px}
.tiles h3{margin-bottom:8px}
.tiles p{margin:0;color:var(--muted);font-size:.9688rem}
.tiles--plain .lnk{margin-top:10px;font-size:.9375rem}
.sec--white .tiles li{background:var(--paper);box-shadow:none}
.callout{margin-top:32px;border:1px solid rgba(220,197,151,.35);background:rgba(194,164,104,.07);border-radius:var(--r-md);padding:20px 22px}
.callout p{color:var(--cream);margin:0 0 10px}
.callout strong{color:#fff}
.prose{max-width:68ch}
.prose p{color:var(--muted)}
.prose__first{font-size:1.125rem;color:var(--text)!important}
.prose a{color:var(--gold-ink);font-weight:600}
.check{display:grid;gap:10px}
.check li{display:grid;grid-template-columns:auto 1fr;gap:14px;background:var(--white);border:1px solid var(--rule);border-radius:var(--r-md);padding:16px 18px}
.sec--white .check li{background:var(--paper)}
.check__no{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--night);color:var(--gold-2);font-weight:700;font-size:.8125rem}
.check h3{font-size:1.05rem;margin-bottom:4px}
.check p{margin:0;color:var(--muted);font-size:.9375rem}
.roles{display:grid;gap:16px}
.role{border:1px solid var(--rule);border-radius:var(--r-md);padding:22px;background:var(--paper)}
.sec--paper .role{background:var(--white)}
.role--kf{background:var(--night)!important;border-color:var(--night);color:var(--cream)}
.role--kf a{color:var(--gold-2)}
.role__tag{font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gold-ink);margin:0 0 8px}
.role--kf .role__tag{color:var(--gold)}
.role p:last-child{margin:0}
@media (min-width:900px){.roles{grid-template-columns:minmax(0,5fr) minmax(0,3.5fr) minmax(0,3.5fr);gap:22px;align-items:stretch}}
.types{display:grid;gap:14px}
@media (min-width:800px){.types{grid-template-columns:repeat(3,1fr);gap:18px}}
.type{border:1px solid var(--rule);border-radius:var(--r-md);padding:22px;background:var(--paper)}
.type__tag{font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gold-ink);margin:0 0 6px}
.type h3{margin-bottom:12px}
.type li{position:relative;padding:6px 0 6px 20px;border-top:1px solid var(--rule);font-size:.9688rem}
.type li::before{content:"";position:absolute;left:0;top:1em;width:8px;height:8px;border-radius:2px;background:var(--gold)}
.type--dark{background:var(--night);border-color:var(--night);color:var(--cream)}
.type--dark h3{color:#fff}.type--dark .type__tag{color:var(--gold)}.type--dark li{border-color:var(--rule-d)}
.flow{display:grid;gap:12px;counter-reset:fl}
@media (min-width:700px){.flow{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.flow{grid-template-columns:repeat(6,1fr);gap:14px}}
.flow li{position:relative;border:1px solid var(--rule);border-radius:var(--r-md);padding:18px;background:var(--paper)}
.flow__no{font-weight:800;font-size:.8125rem;color:var(--gold-ink)}
.flow h3{font-size:1.05rem;margin:6px 0}
.flow p{margin:0;font-size:.9375rem;color:var(--muted)}
.chain{display:grid;gap:10px;margin-top:32px}
@media (min-width:860px){.chain{grid-template-columns:repeat(5,1fr);gap:12px}}
.chain li{border:1px solid var(--rule-d);border-radius:var(--r-md);padding:16px 18px;background:rgba(255,255,255,.03)}
.chain li>span{font-weight:800;font-size:.8125rem;color:var(--gold)}
.chain h3{font-size:1.05rem;margin:4px 0 4px}
.chain p{margin:0;font-size:.9375rem;color:var(--muted-d)}
.chain__jur{border-color:rgba(220,197,151,.5)!important;background:rgba(194,164,104,.08)!important}
.andra{background:var(--night);border-top:1px solid var(--rule-d);padding:36px 0}
.andra__h{font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}
.andra ul{display:grid;gap:10px}
@media (min-width:700px){.andra ul{grid-template-columns:repeat(3,1fr)}.andra--404 ul{grid-template-columns:repeat(5,1fr)}}
.andra a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:12px 16px;border:1px solid var(--rule-d);border-radius:12px;color:#fff;text-decoration:none;font-weight:600;transition:border-color .2s,background-color .2s}
.andra a .ico-pil{color:var(--gold);width:18px;height:18px}
.andra a:hover{border-color:var(--gold);background:rgba(194,164,104,.08)}

/* Processlinje (skiljeförfarande) och instanskedja (mark och miljö) */
.process{background:rgba(255,255,255,.03);border:1px solid var(--rule-d);border-radius:var(--r-lg);padding:20px 18px 24px}
@media (min-width:700px){.process{padding:28px 32px 32px}}
.tabs__list--process,.tabs__list--kedja{position:relative;border:0;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:0;margin-bottom:24px}
.tabs__list--process::before,.tabs__list--kedja::before{content:"";position:absolute;left:calc(50% / var(--n));right:calc(50% / var(--n));top:22px;height:2px;background:rgba(255,255,255,.14);border-radius:2px}
.tabs__list--process::after,.tabs__list--kedja::after{content:"";position:absolute;left:calc(50% / var(--n));top:22px;height:2px;background:var(--gold);border-radius:2px;width:calc((100% - 100% / var(--n)) * var(--i) / (var(--n) - 1));transition:width .5s var(--ease)}
.tabs__list--process .tabs__tab,.tabs__list--kedja .tabs__tab{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted-d);padding:0 4px 6px;min-height:0;font-size:.8125rem;z-index:1}
.tabs__list--process .tabs__tab::after,.tabs__list--kedja .tabs__tab::after{display:none}
.tabs__num{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--night);border:2px solid rgba(255,255,255,.22);font-weight:800;font-size:.875rem;color:var(--cream);transition:background-color .3s,border-color .3s,color .3s,transform .3s var(--ease)}
.tabs__tab.is-past .tabs__num{border-color:var(--gold);color:var(--gold-2)}
.tabs__tab[aria-selected="true"] .tabs__num{background:var(--gold);border-color:var(--gold);color:var(--night);transform:scale(1.08)}
.tabs__tab[aria-selected="true"]{color:#fff}
.tabs__lbl{display:none;line-height:1.25}
@media (min-width:760px){.tabs__lbl{display:block}}
.process.is-ready .tabs__h,.instans__chain.is-ready .tabs__h,.process .tabs__h,.instans .tabs__h{position:static!important;width:auto!important;height:auto!important;clip:auto!important;white-space:normal!important;overflow:visible!important;color:#fff;font-size:1.3rem;margin-bottom:14px}
.process .tabs__h span,.instans .tabs__h span{color:var(--gold);margin-right:6px}
.fas{display:grid;gap:14px}
@media (min-width:760px){.fas{grid-template-columns:1fr 1fr;gap:20px}}
.fas__col{border-left:2px solid var(--gold);padding-left:16px}
.fas__col:last-child{border-color:rgba(255,255,255,.2)}
.fas__k{font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gold);margin:0 0 4px}
.fas__col:last-child .fas__k{color:var(--muted-d)}
.fas__col p:last-child{margin:0;color:var(--cream)}
.instans{display:grid;gap:22px}
.instans__chain{background:rgba(255,255,255,.03);border:1px solid var(--rule-d);border-radius:var(--r-lg);padding:20px 18px 24px}
.instans__chain .tabs__panel p{color:var(--muted-d)}
.instans__add{color:var(--cream)!important;border-left:2px solid var(--gold);padding-left:14px;margin:0}
.instans__add strong{color:var(--gold-2)}
.stack{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border:1px solid var(--rule-d);border-radius:var(--r-lg);padding:18px;min-height:220px;background:rgba(255,255,255,.02)}
.stack__h{margin:0 0 auto;align-self:flex-start;font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gold)}
.stack__pile{position:relative;width:150px;height:130px;margin-top:12px}
.stack__pile i{position:absolute;left:0;right:0;height:13px;border-radius:3px;background:linear-gradient(90deg,#f4f1ea,#e2ded4);box-shadow:0 2px 3px rgba(0,0,0,.35);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.stack__pile i:nth-child(n){bottom:calc(var(--k,0) * 9px)}
.stack__pile i:nth-child(1){--k:0}.stack__pile i:nth-child(2){--k:1;transform:rotate(-1deg)}.stack__pile i:nth-child(3){--k:2;transform:rotate(1.2deg)}.stack__pile i:nth-child(4){--k:3}.stack__pile i:nth-child(5){--k:4;transform:rotate(-1.5deg)}.stack__pile i:nth-child(6){--k:5}.stack__pile i:nth-child(7){--k:6;transform:rotate(1deg)}.stack__pile i:nth-child(8){--k:7}.stack__pile i:nth-child(9){--k:8;transform:rotate(-1deg)}.stack__pile i:nth-child(10){--k:9}.stack__pile i:nth-child(11){--k:10;transform:rotate(1.4deg)}.stack__pile i:nth-child(12){--k:11;background:linear-gradient(90deg,var(--gold-2),var(--gold))}
.stack[data-niva="1"] i:nth-child(n+4),.stack[data-niva="2"] i:nth-child(n+7),.stack[data-niva="3"] i:nth-child(n+10){opacity:0;transform:translateY(-26px)}
.stack[data-niva="1"] i:nth-child(3),.stack[data-niva="2"] i:nth-child(6),.stack[data-niva="3"] i:nth-child(9){background:linear-gradient(90deg,var(--gold-2),var(--gold))}
.stack__cap{margin:12px 0 0;font-size:.875rem;color:var(--muted-d);text-align:center}
@media (min-width:900px){.instans{grid-template-columns:minmax(0,1fr) 240px;align-items:stretch}.instans__chain{padding:28px 32px 32px}}

/* Dokumentgranskning: jämförelse i toppen och källjämförelse */
.compare{margin:0;background:#fbfaf7;color:var(--ink);border-radius:var(--r-lg);box-shadow:var(--sh-3);overflow:hidden;max-width:520px;width:100%;margin-inline:auto}
.compare__head{display:flex;justify-content:space-between;padding:14px 18px;background:#ece8de;font-weight:700;font-size:.875rem;color:#5a6274}
.compare__body{display:grid;gap:12px;padding:18px}
.cmp{border:1px solid #e1ddd2;border-radius:12px;padding:12px 14px;background:#fff}
.cmp p{margin:0}
.cmp__meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;font-size:.8125rem;font-weight:600;color:#6a7180}
.cmp__lbl{font-size:.8125rem;color:#6a7180;margin-top:8px!important}
.cmp__date{font-family:var(--display);font-weight:800;font-size:1.5rem;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.cmp__date mark{background:rgba(208,101,76,.14);color:var(--signal-ink);padding:0 6px;border-radius:6px;box-shadow:inset 0 0 0 1.5px rgba(208,101,76,.5)}
.cmp--diff{border-color:rgba(208,101,76,.45)}
.cmp__note{border-radius:12px;padding:12px 14px;background:var(--night);color:var(--cream)}
.cmp__note p{margin:0;font-size:.9375rem}
.cmp__nid{font-size:.8125rem!important;font-weight:700;color:#f0a08c;margin-bottom:4px!important}
.compare figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:12px 18px;border-top:1px solid #e1ddd2;font-size:.8125rem;color:#6a7180}
.jmf{display:grid;gap:16px;align-items:stretch}
.jmf__src,.jmf__out{border-radius:var(--r-lg);padding:22px 20px}
.jmf__src{background:#fbfaf7;color:var(--ink)}
.jmf__out{background:rgba(255,255,255,.04);border:1px solid var(--rule-d)}
.jmf__k{font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gold-ink);margin:0 0 4px}
.jmf__out .jmf__k{color:var(--gold)}
.jmf__id{font-family:var(--display);font-weight:800;font-size:1.15rem;margin:0 0 12px}
.jmf__out .jmf__id{color:#fff}
.jmf__q{font-size:1.2rem;font-weight:600;line-height:1.45}
.jmf__src mark{background:rgba(194,164,104,.4);padding:0 4px;border-radius:4px;color:inherit}
.jmf__out .jmf__q{color:#fff}
.jmf__out mark{background:rgba(208,101,76,.22);color:#ffd5ca;padding:0 4px;border-radius:4px;box-shadow:inset 0 -2px 0 var(--signal)}
.jmf__diff{margin:14px 0 0;color:var(--muted-d);font-size:.9688rem}
.jmf__diff strong{color:var(--cream)}
.jmf__link{display:none}
.jmf .tabs__list{border-color:var(--rule-d);margin-bottom:18px}
.jmf .tabs__tab{color:var(--muted-d)}
.jmf .tabs__tab[aria-selected="true"]{color:#fff}
.jmf__cap{margin:18px 0 0;font-size:.875rem;color:var(--muted-d)}
@media (min-width:900px){.jmf{grid-template-columns:minmax(0,5fr) 70px minmax(0,7fr)}.jmf__link{display:flex;align-items:center}.jmf__link i{display:block;width:100%;height:2px;background:repeating-linear-gradient(90deg,var(--gold) 0 8px,transparent 8px 14px);position:relative}.jmf__link i::after{content:"";position:absolute;right:-2px;top:-5px;border:6px solid transparent;border-left-color:var(--gold);border-right:0}}

/* Rollfördelning (paralegal) */
.sort{position:relative;display:grid;gap:14px}
@media (min-width:760px){.sort{grid-template-columns:1fr 1fr;gap:20px}}
.sort__col{border-radius:var(--r-lg);padding:20px;border:1px solid var(--rule-d);background:rgba(255,255,255,.03);transition:border-color .4s}
.sort__col--kf{border-color:rgba(220,197,151,.5);background:rgba(194,164,104,.07)}
.sort__h{font-family:var(--display);font-weight:800;font-size:1.15rem;color:#fff;margin:0 0 12px}
.sort__col--kf .sort__h{color:var(--gold-2)}
.sort__list{display:flex;flex-wrap:wrap;gap:8px;min-height:44px}
.sort__list li,.sort__pool li{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:10px;background:var(--night);border:1px solid rgba(255,255,255,.18);color:var(--cream);font-size:.9375rem;font-weight:500}
.sort__col--kf li{border-color:rgba(220,197,151,.55)}
.sort__pool{position:absolute;inset:0;z-index:2;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:8px;padding:20px;pointer-events:none}
.sort.is-mixed .sort__col{border-color:var(--rule-d);background:rgba(255,255,255,.02)}
.sort.is-mixed .sort__h{opacity:.35}
.sort__again{justify-self:start;color:var(--cream)}
@media (min-width:760px){.sort__again{grid-column:1/-1}}

/* Rörelse avstängd */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}