@font-face{font-family:'Libre Caslon Text';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/libre-caslon-text-400.woff) format('woff')}
@font-face{font-family:'Libre Caslon Text';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/libre-caslon-text-700.woff) format('woff')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/instrument-sans-400.woff) format('woff')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/instrument-sans-500.woff) format('woff')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/instrument-sans-600.woff) format('woff')}
/* Layout: ljus, luftig sajt. Foto i hero, kolband som kontrast, krita-sektioner däremellan. Ett ljust utseende med avsikt. */
:root{
  --vit:#FFFFFF; --krita:#F7F5F1; --sten:#ECE8E1; --linne:#AEA493; --kol:#1F1D1A; --smaragd:#047857;
  --gra:#6B6660; --linje:#E4E0D9; --text2:#3A3632;
  --rubrik:'Libre Caslon Text', Georgia, 'Times New Roman', serif;
  --sans:'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --gx:max(clamp(16px,5.5vw,80px), env(safe-area-inset-left,0px));
  --gy:max(clamp(16px,5.5vw,80px), env(safe-area-inset-right,0px));
  color-scheme:light;
}
html{scroll-behavior:smooth}
body{background:var(--vit);color:var(--kol);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:inherit}
:focus-visible{outline:2px solid var(--smaragd);outline-offset:3px}
h1,h2,h3{font-family:var(--rubrik);font-weight:400;margin:0;text-wrap:balance;letter-spacing:-.005em}
p{margin:0}
.wrap{max-width:1440px;margin:0 auto;padding-left:var(--gx);padding-right:var(--gy)}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gra)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:2px;font-weight:600;font-size:16px;text-decoration:none;cursor:pointer;border:0;font-family:inherit;transition:background .2s,color .2s}
.btn-kol{background:var(--kol);color:var(--vit)}
.btn-kol:hover{background:#3A3632}
.btn-ram{background:transparent;color:var(--kol);box-shadow:inset 0 0 0 1.5px var(--kol)}
.btn-ram:hover{background:var(--kol);color:var(--vit)}
.btns{display:flex;flex-wrap:wrap;gap:14px}

/* Navigering */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--vit)}
.nav{position:absolute;left:0;right:0;top:0;z-index:20}
.nav:not(.fast){border-bottom:1px solid rgba(31,29,26,.18)}
.nav.fast{position:sticky;top:env(safe-area-inset-top,0px);background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--linje)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:22px}
.logo{display:flex;align-items:center;gap:4px;text-decoration:none}
.meny{display:flex;align-items:center;gap:30px;font-size:16px}
.meny a{text-decoration:none}
.meny a.lank:hover,.meny a.lank[aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.meny .btn{min-height:46px;padding:0 20px;font-size:15px}
.menyknapp{display:none;background:none;border:0;padding:10px;margin:-10px;cursor:pointer;color:var(--kol)}
@media (max-width:860px){
  .meny{display:flex;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--vit);border-bottom:1px solid var(--linje);padding:8px var(--gy) 20px var(--gx);visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(-6px);pointer-events:none;transition:clip-path .32s cubic-bezier(.22,.8,.24,1),opacity .24s ease,transform .32s cubic-bezier(.22,.8,.24,1),visibility 0s linear .32s}
  .meny.oppen{visibility:visible;opacity:1;clip-path:inset(0 0 0 0);transform:none;pointer-events:auto;transition:clip-path .32s cubic-bezier(.22,.8,.24,1),opacity .24s ease,transform .32s cubic-bezier(.22,.8,.24,1),visibility 0s}
  .meny a.lank{padding:14px 0;border-bottom:1px solid var(--linje)}
  .meny .btn{margin-top:16px}
  .menyknapp{display:block}
  .nav{background:var(--vit)}
  .nav .wrap{padding-block:16px}
}

/* Hero */
.hero{position:relative;overflow:hidden;background:var(--krita)}
.scen{position:absolute;top:0;right:0;width:1440px;height:820px;transform-origin:100% 0}
.scen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% 50%;max-width:none}
.scen .tona{position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,245,241,.78) 0%,rgba(247,245,241,.45) 40%,rgba(247,245,241,0) 62%)}
.hero-text{position:relative;z-index:5;display:flex;flex-direction:column;justify-content:center;gap:26px;min-height:clamp(560px,57vw,820px);padding-block:120px 64px;max-width:640px;box-sizing:content-box}
.hero h1{font-size:clamp(46px,6.4vw,92px);line-height:1}
.hero .ingress{font-size:clamp(18px,1.5vw,21px);line-height:1.55;color:var(--text2);max-width:520px}
.hero .eyebrow{color:#4A4641}
@media (max-width:860px){
  .hero{display:flex;flex-direction:column}
  .hero-text{min-height:0;padding-block:110px 36px;order:1}
  .hero-bild{position:relative;order:2;width:100%;aspect-ratio:720/820;max-width:100%;overflow:hidden}
  .scen{left:0;right:auto;transform-origin:0 0}
  .scen .tona{display:none}
  .scen .kort{transform:scale(1.33);animation-name:kortm}
}
@keyframes kortm{from{opacity:0;transform:scale(1.25) translateX(-8px)}to{opacity:1;transform:scale(1.33)}}

/* Kolbandet */
.band{background:var(--kol);color:var(--vit)}
.band .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:30px}
.band .punkt{padding:6px 28px;border-left:1px solid rgba(255,255,255,.18)}
.band .punkt:first-child{border-left:0;padding-left:0}
.band b{display:block;font-weight:600;font-size:16px}
.band span{font-size:14px;color:rgba(255,255,255,.62)}
@media (max-width:760px){
  .band .wrap{grid-template-columns:1fr;gap:16px}
  .band .punkt{border-left:0;padding:0 0 16px;border-bottom:1px solid rgba(255,255,255,.18)}
  .band .punkt:last-child{border-bottom:0;padding-bottom:0}
}

/* Sektioner */
.sek{padding-block:clamp(96px,12vw,168px)}
.krita{background:var(--krita)}
.sten{background:var(--sten)}
.huvud{display:flex;flex-direction:column;gap:18px;max-width:780px}
.huvud.mitt{align-items:center;text-align:center;margin:0 auto}
.huvud h2{font-size:clamp(38px,4.6vw,62px);line-height:1.08}
.tvadel{width:max-content;max-width:calc(100vw - 32px)}
.tvadel span{display:inline-block}
.huvud p{font-size:19px;color:var(--gra);max-width:560px}

.flowrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(28px,4vw,64px);align-items:center;max-width:1100px;margin:64px auto 0}
.flode{display:flex;flex-direction:column;gap:18px;text-align:left}
.flode>div{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:14px}
.flode .nr{grid-row:span 2}
.flode .nr{width:28px;height:28px;border-radius:50%;background:var(--kol);color:var(--vit);font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}
.flode h3{font-family:var(--sans);font-weight:600;font-size:18px;margin:2px 0 4px}
.flode p{font-size:14.5px;color:var(--gra);line-height:1.5}
@media (max-width:860px){.flowrow{grid-template-columns:1fr}.flode{order:2}}
.anatomi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,6vw,96px);align-items:center;max-width:1100px;margin:56px auto 0;text-align:left}
.punkter{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:30px}
.punkter li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;align-items:start}
.punkter h3{font-family:var(--sans);font-weight:600;font-size:19px;margin:4px 0 6px}
.punkter p{font-size:16px;color:var(--gra);line-height:1.55}
.mk{width:28px;height:28px;border-radius:50%;background:var(--kol);color:var(--vit);font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}
.mk-abs{position:absolute}
.forslag{position:relative;background:var(--vit);box-shadow:0 30px 60px -34px rgba(31,29,26,.35),0 0 0 1px var(--linje);padding:8px 0}
.fs-topp,.fs-del{position:relative;padding:20px 30px}
.fs-topp{display:flex;gap:18px;align-items:center}
.fs-del{box-shadow:inset 0 1px 0 var(--linje)}
.fs-lab{font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gra);margin-bottom:6px}
.fs-topp .fs-lab{color:var(--smaragd)}
.fs-bolag{font-weight:600;font-size:18px}
.fs-meta{font-size:13.5px;color:var(--gra);margin-top:2px}
.fs-varfor{font-family:var(--rubrik);font-size:23px;line-height:1.25;margin-bottom:6px}
.fs-oppning{margin-top:12px;background:var(--krita);padding:14px 16px;box-shadow:inset 2px 0 0 var(--smaragd);font-size:15.5px;line-height:1.55}
@media (max-width:860px){.anatomi{grid-template-columns:1fr}.mk-abs{display:none}}
.illu{width:min(100%,calc(52vh * 1.52));margin:0 auto}
.illu>svg{width:100%;height:auto;display:block}
.steg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;max-width:1100px;margin:36px auto 0;text-align:center}
.steg .nr{font-family:var(--rubrik);font-size:26px;color:var(--gra)}
.steg h3{font-family:var(--sans);font-weight:600;font-size:19px;margin:6px 0 8px}
.steg p{font-size:15.5px;color:var(--gra);line-height:1.55}
@media (max-width:760px){.steg{grid-template-columns:1fr;gap:28px}}

/* Anpassat efter erbjudandet */
.anpassa .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,6vw,96px);align-items:center}
.anpassa .text{display:flex;flex-direction:column;gap:20px}
.sek.anpassa{padding-block:clamp(80px,9vw,128px)}
.anpassa h2{font-size:clamp(34px,3.7vw,50px);line-height:1.1}
.anpassa .text p{font-size:17px;color:var(--gra);max-width:480px}
.val{background:var(--vit);box-shadow:0 30px 60px -34px rgba(31,29,26,.3),0 0 0 1px var(--linje);padding:22px clamp(18px,2.5vw,28px);display:flex;flex-direction:column;gap:14px;max-width:500px;justify-self:end;width:100%}
.val-topp{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.val-topp h3{font-size:24px}
.val-topp span{font-size:13px;color:var(--gra)}
.flikar{display:flex;gap:22px;border-bottom:1px solid var(--linje);font-size:14px;color:var(--gra)}
.flikar span{padding-bottom:10px}
.flikar .aktiv{color:var(--kol);font-weight:600;box-shadow:inset 0 -2px 0 var(--smaragd)}
.erbj{display:flex;flex-direction:column;gap:6px}
.erbj .lab{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gra)}
.valbild .erbj .lab{font-size:9.5px}
.valgrupp{display:flex;flex-direction:column;gap:9px}
.valgrupp .lab{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gra)}
.valgrupp .chips{display:flex;flex-wrap:wrap;gap:7px}
.vchip{font-size:13.5px;padding:7px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--linje);color:var(--gra)}
.vchip.på{background:#E6F4EE;color:#064E3B;box-shadow:inset 0 0 0 1px #A7DCC6;font-weight:600}
.vchip.eget{box-shadow:none;border:1px dashed #7CC4A7;padding:6px 13px;color:#047857;font-weight:600}
.valscen{margin:0;justify-self:end;width:100%;max-width:500px;display:flex;flex-direction:column;gap:10px}
.valbild{position:relative;overflow:hidden;padding:clamp(24px,3.5vw,44px) clamp(18px,3vw,40px);background:var(--sten)}
.valbild>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;opacity:.7}
.valbild .val{overflow:visible;transform:rotate(-.8deg)}
.tejp{position:absolute;z-index:2;width:118px;height:30px;top:-15px;left:50%;transform:translateX(-50%) rotate(-4deg);background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 40%,rgba(31,29,26,.04)),repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 2px,rgba(0,0,0,0) 2px 5px),rgba(240,235,224,.88);clip-path:polygon(0% 8%,3% 0%,6% 10%,9% 2%,12% 6%,88% 4%,91% 0%,94% 9%,97% 3%,100% 10%,98% 30%,100% 52%,97% 72%,100% 92%,96% 100%,92% 92%,89% 100%,86% 95%,14% 97%,10% 100%,7% 92%,4% 100%,0% 94%,2% 72%,0% 50%,3% 30%);box-shadow:0 1px 2px rgba(31,29,26,.12)}
.listscen{margin:0;display:flex;flex-direction:column;gap:12px}
.listscen .lista{position:relative;transform:rotate(.7deg)}
.listscen figcaption{font-size:12.5px;color:var(--gra)}
.tejp.tejp2{left:38%;transform:translateX(-50%) rotate(3deg)}
.valscen figcaption{font-size:12.5px;color:var(--gra)}
.valbild .val{position:relative;max-width:none;padding:18px 20px;gap:11px;box-shadow:0 30px 60px -28px rgba(31,29,26,.35),0 0 0 1px var(--linje)}
.valbild .val-topp h3{font-size:19px}
.valbild .val-topp span,.valbild .flikar{font-size:12px}
.valbild .flikar{gap:16px}
.valbild .flikar span{padding-bottom:8px}
.valbild .valgrupp{gap:6px}
.valbild .valgrupp .lab{font-size:9.5px}
.valbild .vchip{font-size:11.5px;padding:5px 9px}
.valbild .val-fot{font-size:11.5px;padding-top:10px}
.val-fot{font-size:13.5px;color:var(--gra);padding-top:14px;border-top:1px solid var(--linje)}
@media (max-width:900px){.anpassa .wrap{grid-template-columns:1fr}}

/* Leta själv */
.funk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,44px);margin-top:44px}
.funk>div{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1px solid var(--kol)}
.funk h3{font-family:var(--sans);font-weight:600;font-size:19px}
.funk p{font-size:15.5px;color:var(--gra);line-height:1.55}
.fotnot{font-size:13px;color:var(--gra);margin-top:28px}
@media (max-width:900px){.funk{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.funk{grid-template-columns:1fr}}

/* Branschband */
.branschband{background:var(--kol);color:var(--vit);overflow:hidden}
.branschband .wrap{padding-block:clamp(56px,6vw,84px);display:flex;flex-direction:column;gap:18px}
.branschband .lab{font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.bklipp{overflow:hidden;margin-inline:calc(var(--gx) * -1);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.spar{display:flex;width:max-content;animation:rulla 55s linear infinite}
.bklipp:hover .spar{animation-play-state:paused}
@keyframes rulla{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.branschband p{font-family:var(--rubrik);font-size:clamp(26px,3vw,40px);line-height:1.3;display:flex;flex-wrap:nowrap;margin:0}
.branschband span{white-space:nowrap;display:inline-flex;align-items:center}
.branschband span::before{content:"";flex:none;width:9px;height:12px;margin:0 22px;background:#46D6A4;border-radius:50%/60% 60% 40% 40%;transform:rotate(-28deg)}
.branschband .fler{font-size:16px;color:rgba(255,255,255,.75)}
@media (prefers-reduced-motion: reduce){.spar{animation:none;width:auto}.branschband p{flex-wrap:wrap}.branschband p[aria-hidden]{display:none}}

/* Mjuka rörelser vid scroll */
.js-fram .fram{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--fd,0s)}
.js-fram .fram.syns{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.js-fram .fram{opacity:1;transform:none;transition:none}}

/* Leta själv-rad */
.soktopp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:center;margin-bottom:clamp(48px,6vw,80px)}
.soktopp .huvud{margin:0}
.lage{display:flex!important;align-self:flex-start;width:max-content!important;max-width:100%;border:1px solid var(--linje);border-radius:999px;padding:4px;gap:4px;margin-bottom:28px;font-size:13px;background:var(--vit)}
.lage span,.lage a{padding:7px 14px;border-radius:999px;color:var(--gra);text-decoration:none}.lage a:hover{background:var(--krita);color:var(--kol)}#letar{scroll-margin-top:0}#sok{scroll-margin-top:20px}
.lage .pa{background:var(--kol);color:var(--vit);font-weight:600}
.funk .fkort{background:var(--vit);box-shadow:0 0 0 1px var(--linje);padding:26px 24px 24px;border-top:0;gap:12px;display:flex;flex-direction:column}
.ftopp{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.fik{width:48px;height:48px;border-radius:50%;border:1px solid var(--kol);display:inline-flex;align-items:center;justify-content:center;color:var(--kol)}
.fik svg{width:22px;height:22px}
.fnr{font-family:var(--rubrik);font-size:28px;color:var(--linne);line-height:1}
.funk .fkort h3{font-family:var(--rubrik);font-weight:400;font-size:26px;line-height:1.1}
.fchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:10px}
.fchips span{border:1px solid var(--linje);border-radius:999px;padding:4px 10px;font-size:12px;color:var(--kol);background:var(--krita)}
.letarslut{font-family:var(--rubrik);font-size:clamp(28px,3vw,40px);line-height:1.15;max-width:760px;margin:clamp(64px,7vw,96px) 0 0;padding-top:28px;border-top:1px solid var(--kol)}
.kontaktp{font-size:17px;color:var(--gra);max-width:420px;margin:0 0 4px}
.erbjud{display:inline-flex;width:max-content;max-width:100%;align-self:flex-start;align-items:center;gap:12px;margin-top:22px;padding:10px 16px 10px 10px;background:var(--vit);box-shadow:0 0 0 1px var(--linje);font-size:15px;color:var(--kol)}.erbtag{background:var(--smaragd);color:#fff;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.pilotruta{margin-top:12px;padding:18px 20px;border-left:2px solid var(--smaragd);background:var(--vit);display:flex;flex-direction:column;gap:6px}.pilotruta .eyebrow{color:var(--smaragd)}.pilotruta p{margin:0;font-size:17px;color:var(--kol)}
.prissida{position:relative}.prissida .wrap{display:flex;flex-direction:column;gap:22px}.prissida .wrap>*{max-width:min(560px,44vw)}.prisfoto{position:absolute;top:0;right:0;width:46%;height:min(100%,calc(100svh - 99px));object-fit:cover;object-position:22% 82%;max-width:none}
@media (max-width:860px){.prisfoto{position:relative;display:block;width:100%;height:300px;object-position:40% 85%}.prissida{padding-top:0}.prissida .wrap{padding-top:48px}.prissida .wrap>*{max-width:none}}
.prissida h1{font-size:clamp(42px,5vw,68px);line-height:1.08}
.pingress{font-size:19px;color:var(--gra);max-width:620px;margin:0 0 24px}
.plista{border-top:1px solid var(--kol);margin-bottom:24px}
.prad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:24px;padding:22px 0;border-bottom:1px solid var(--linje)}
.prad h3{font-family:var(--sans);font-weight:600;font-size:18px;margin:0}
.prad p{margin:0;font-size:16px;color:var(--gra);line-height:1.55}
@media (max-width:640px){.prad{grid-template-columns:1fr;gap:6px}}
.lagehuvud{display:flex;align-items:center;gap:18px;padding-bottom:22px;margin-bottom:clamp(48px,6vw,72px);border-bottom:1px solid var(--kol)}
.vemik.mini{width:22px;height:22px;margin-left:-8px}.vemik.mini svg{width:12px;height:12px}.vemik.du.mini{border-color:currentColor}
.vemik.stor{width:56px;height:56px}.vemik.stor svg{width:28px;height:28px}
.vemik.du.stor{background:var(--vit)}
.lagenr{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gra)}
.lagetit{font-family:var(--rubrik);font-size:clamp(26px,2.6vw,34px);line-height:1.1;margin-top:4px}
.lagebyt{margin-left:auto;font-size:14px;font-weight:600;color:var(--kol);text-underline-offset:4px;white-space:nowrap}
@media (max-width:560px){.lagebyt{display:none}}
.lagelankar{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.lagelankar a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--kol);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;color:var(--kol);text-decoration:none;background:rgba(255,255,255,.7)}.lagelankar a:hover{background:var(--kol);color:var(--vit)}
.lage1{margin-bottom:40px}
.sokscen{margin:0;display:flex;flex-direction:column;gap:12px}
.sokscen figcaption{font-size:12.5px;color:var(--gra)}
.sokkort{background:var(--vit);border-radius:3px;box-shadow:0 30px 60px -30px rgba(31,29,26,.28),0 0 0 1px var(--linje);padding:22px clamp(16px,2vw,26px);font-size:13.5px}
.sokfalt{display:flex;align-items:center;gap:10px;border:1px solid var(--kol);padding:12px 14px;font-size:14.5px}
.sokfalt svg{color:var(--smaragd);flex:none}
.filter{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 18px}
.filter span{border:1px solid var(--linje);border-radius:999px;padding:5px 11px;font-size:12.5px;color:var(--gra)}
.filter .pa{border-color:var(--smaragd);color:var(--smaragd);background:#E6F4EE}
.sres,.srad{display:grid;grid-template-columns:1.5fr .8fr 1.1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--linje)}
.sres{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gra);padding-top:0}
.srad:last-child{border-bottom:0}
.srad .sb{font-weight:600}.srad .so{color:var(--gra)}.srad .sh{color:var(--smaragd)}
@media (max-width:860px){.soktopp{grid-template-columns:1fr}}
.sjalvrad{background:var(--vit);border-top:1px solid var(--linje);border-bottom:1px solid var(--linje)}
.sjalvrad .wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(18px,3vw,40px);align-items:center;padding-block:clamp(44px,5vw,64px)}
.sr-ik{width:46px;height:46px;padding:12px;border-radius:50%;background:#E6F4EE;fill:none;stroke:var(--smaragd);stroke-width:1.8;stroke-linecap:round;box-sizing:content-box}
.sr-text{display:flex;flex-direction:column;gap:6px}
.sr-text p{font-size:17px;color:var(--text2);max-width:720px}
@media (max-width:760px){.sjalvrad .wrap{grid-template-columns:1fr;gap:14px}.sr-ik{width:22px;height:22px;padding:10px}}

.omtopp .wrap{max-width:1440px}
.omtopp .wrap>*{max-width:560px}
.omfoto{position:absolute;top:0;right:0;width:50%;height:100%;object-fit:cover;object-position:55% 50%;max-width:none}
.omtopp::after{content:none}
.omljus{position:absolute;top:0;right:0;width:50%;height:100%;pointer-events:none;z-index:1;overflow:hidden}
.omblad{position:absolute;left:60%;top:55%;width:175%;height:175%;transform:translate(-50%,-50%);overflow:visible;animation:ljin 1.6s ease-out .4s both}
.omblad .b1{fill:#047857;fill-opacity:.045;mix-blend-mode:multiply}
.omblad .b2{fill:#FFFFFF;fill-opacity:.35;mix-blend-mode:soft-light}
@media (max-width:860px){.omljus{width:100%;height:320px;top:auto;bottom:0}}
@media (prefers-reduced-motion: reduce){.omljus *{animation:none!important}}

.omtopp .wrap{z-index:1}
@media (max-width:860px){.omfoto{position:relative;display:block;width:100%;height:320px}.omtopp::after{display:none}.omtopp{display:flex;flex-direction:column-reverse}}

.ljustopp .omfoto{width:100%;object-position:100% 50%}
.ljustopp .wrap{min-height:clamp(520px,46vw,700px);justify-content:center}
@media (max-width:860px){.ljustopp .wrap{min-height:0}.ljustopp .omfoto{height:380px;object-position:88% 50%}}
.ljustopp::after{background:linear-gradient(90deg,rgba(238,232,222,.94) 0%,rgba(238,232,222,.88) 34%,rgba(238,232,222,.35) 52%,rgba(238,232,222,0) 66%)}
.kubtopp .omfoto{width:50%;object-position:55% 100%}
@media (max-width:860px){.kubtopp .omfoto{width:100%}}
.kubtopp::after{content:none}

.teamgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(32px,4vw,64px);align-items:stretch}
.tre.tva{grid-template-columns:repeat(2,minmax(0,1fr))}
.teaminnehall{display:flex;flex-direction:column;gap:44px}.teaminnehall .huvud{margin:0}
.teamfoto{margin:0;position:relative;overflow:hidden;min-height:420px}
.teamfoto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 50%;max-width:none;transform:scaleX(-1)}
@media (max-width:860px){.teamgrid{grid-template-columns:1fr}.teamfoto{min-height:320px;order:-1}}
@media (max-width:560px){.tre.tva{grid-template-columns:1fr}}

/* Om oss */
.omgrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(32px,6vw,90px);align-items:start}
.omtext{display:flex;flex-direction:column;gap:18px}
.omtext h2,.kontakt h2{font-size:clamp(32px,3.2vw,44px);line-height:1.12}
.omtext p{font-size:18px;color:var(--text2);max-width:600px}
.omtext .omklam{color:var(--text);font-weight:500;margin-top:6px}
.kontakt{border-top:1px solid var(--kol);padding-top:28px;display:flex;flex-direction:column;gap:22px}
.kontakt dl{margin:0;display:flex;flex-direction:column}
.kontakt dl div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--linje)}
.kontakt dt{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gra);padding-top:2px}
.kontakt dd{margin:0;font-size:16px}
@media (max-width:860px){.omgrid{grid-template-columns:1fr}}

/* Datan bakom Liora */
.data{max-width:1100px;margin:clamp(72px,8vw,112px) auto 0;display:flex;flex-direction:column;gap:22px;text-align:left}
.dsiffror{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px)}
.dsiffror>div{border-top:1px solid var(--kol);padding-top:18px;display:flex;flex-direction:column;gap:8px}
.dsiffror b{font-family:var(--rubrik);font-weight:400;font-size:clamp(34px,3.6vw,52px);line-height:1;letter-spacing:-.01em;white-space:nowrap}
.dsiffror span{font-size:15px;color:var(--gra);line-height:1.45;max-width:220px}
.dkallor{font-size:13.5px;color:var(--gra);line-height:1.7;padding-top:16px;border-top:1px solid var(--linje)}
@media (max-width:860px){.dsiffror{grid-template-columns:1fr}}

/* Produkt */
.produkt{position:relative;overflow:hidden}
.produkt .blad{position:absolute;width:clamp(640px,72vw,1060px);height:auto;left:-16%;top:50%;transform:translateY(-48%);pointer-events:none;overflow:visible}
@media (max-width:900px){.produkt .blad{right:-40%;top:auto;bottom:-30%;transform:none}}
.produkt .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% 40%;max-width:none}
.produkt .bg-tona{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.55) 62%,rgba(255,255,255,.7) 100%)}
.sek.produkt.morgon{padding-block:clamp(110px,13vw,190px)}
.produkt .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,6vw,90px);align-items:center}
.produkt h2{font-size:clamp(38px,4.4vw,58px);line-height:1.08}
.produkt .text{display:flex;flex-direction:column;gap:20px}
.herosok{margin:22px 0 0;font-size:15px;color:var(--gra)}.herosok a{color:var(--kol);font-weight:600;text-underline-offset:4px}
.textlank{color:var(--kol);font-weight:600;font-size:16px;text-underline-offset:4px}
.produkt .text p{color:var(--gra);font-size:18px;max-width:440px}
.lista{background:var(--vit);border-radius:3px;box-shadow:0 30px 60px -30px rgba(31,29,26,.28),0 0 0 1px var(--linje);padding:26px clamp(18px,2.5vw,32px)}
.lista-topp{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--linje)}
.lista-topp h3{font-size:24px}
.lista-topp span{font-size:13px;color:var(--gra)}
.brad{display:grid;grid-template-columns:auto minmax(0,1fr) 130px;gap:16px;align-items:start;padding:16px 0;border-bottom:1px solid var(--linje)}
.brad:last-child{border-bottom:0;padding-bottom:4px}
.brad .ring{width:42px;height:42px}
.bmitt{display:flex;flex-direction:column;gap:3px}
.brad .rubr{font-weight:600;font-size:15.5px;line-height:1.3}
.brad .bolag{font-size:12.5px;color:var(--smaragd);font-weight:600}
.darfor{font-size:12.5px;color:var(--kol);margin-top:5px;line-height:1.45}.darfor b{font-weight:600;color:var(--smaragd)}
.taggar{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
.taggar span{font-size:11px;font-weight:600;color:#064E3B;background:#E6F4EE;padding:3px 10px;border-radius:999px}
.fraga{padding-left:14px;border-left:1px solid var(--linje)}
.fraga .lab{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gra);margin-bottom:3px}
.fraga .roll{font-size:13.5px;font-weight:600}
.kanaler{display:flex;flex-direction:column;gap:4px;margin-top:7px}
.kanal-ik{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--smaragd);font-weight:600}
.kanal-ik svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.chip{font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--linje)}
.chip.kol{background:var(--kol);color:var(--vit);box-shadow:none}
@media (max-width:900px){.produkt .wrap{grid-template-columns:1fr}.produkt .text{order:-1}}
@media (max-width:520px){.brad{grid-template-columns:auto minmax(0,1fr)}.fraga{grid-column:2;padding-left:0;border-left:0}.kanaler{flex-direction:row;gap:16px}}

/* Citatband */
.citat{background:var(--kol);color:var(--vit);text-align:center}
.citat .wrap{padding-block:clamp(72px,9vw,120px)}
.citat p{font-family:var(--rubrik);font-size:clamp(28px,3.4vw,46px);line-height:1.2;max-width:900px;margin:0 auto;text-wrap:balance}

/* Kort om händelser */
.kortsig .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(32px,6vw,90px);align-items:center}
.ks-text{display:flex;flex-direction:column;gap:16px}
.ks-text h2{font-size:clamp(30px,3.2vw,44px);line-height:1.1}
.ks-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.ks-lista li{display:flex;flex-direction:column;gap:10px;font-size:16px;font-weight:600}
.ks-lista .bik{margin:0;width:34px;height:34px;padding:9px;border-radius:50%;background:#E6F4EE;box-sizing:content-box}
@media (max-width:860px){.kortsig .wrap{grid-template-columns:1fr}.ks-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Signaler */
.signaler .wrap{display:flex;flex-direction:column;gap:clamp(32px,4vw,52px)}
.signaler h2{font-size:clamp(34px,4vw,54px);line-height:1.08}
.signaler .huvud p{font-size:17px}
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);gap:14px}
.bruta{padding:22px;display:flex;flex-direction:column;gap:8px;border-radius:2px;position:relative;overflow:hidden}
.bruta h3{font-family:var(--rubrik);font-weight:400;font-size:clamp(22px,1.9vw,27px);line-height:1.15;margin-top:auto}
.bruta p{font-size:15px;line-height:1.5;color:var(--gra);max-width:420px}
.bik{width:28px;height:28px;color:var(--smaragd);margin-bottom:10px}
.b1{grid-column:span 2;grid-row:span 2}
.b2{grid-column:span 2}
.b5,.b6{grid-column:span 2}
.bruta.kol{background:var(--kol);color:var(--vit)}
.bruta.kol p{color:rgba(255,255,255,.7)}
.bruta.kol .bik{color:#46D6A4}
.bruta.kol h3{margin-top:0}
.bruta.gron{background:#E6F4EE}
.bruta.gron p{color:#065F46}
.bruta.sten{background:var(--sten)}
.sek.sokbg{background:var(--sten)}.bentonot{margin:22px 0 0;font-size:14px;color:var(--gra)}.sokbg .lage{background:var(--vit)}
.bruta.vit{background:var(--vit);box-shadow:inset 0 0 0 1px var(--linje)}
.bmini{margin-top:auto;background:var(--vit);color:var(--kol);padding:16px 18px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}
.bmini .ring{width:42px;height:42px}
.bmini .rubr{font-weight:600;font-size:15px;line-height:1.3}
.bmini .bolag{font-size:12.5px;color:var(--smaragd);font-weight:600;margin-top:2px}
@media (max-width:900px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.b1{grid-row:auto}}
@media (max-width:560px){.bento{grid-template-columns:1fr}.b1,.b2,.b5,.b6{grid-column:auto}}

/* Avslut */
.cta{background:var(--sten);color:var(--kol);position:relative;overflow:hidden}
.cta-bg{position:absolute;top:0;right:0;width:52%;height:100%;object-fit:cover;object-position:45% 60%;max-width:none}
.cta-tona{display:none}
.cta .wrap{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:34px;min-height:clamp(380px,40vw,560px);padding-block:clamp(80px,10vw,140px)}
.cta-text{display:flex;flex-direction:column;gap:16px;max-width:min(520px,42vw)}
@media (max-width:760px){.cta-text{max-width:none}}
.cta .eyebrow{color:var(--smaragd)}
.cta h2{font-size:clamp(38px,4.6vw,62px);line-height:1.08}
.cta-text p{font-size:19px;color:var(--text2)}
.btn-vit{background:var(--vit);color:var(--kol)}
.btn-vit:hover{background:#A7DCC6}
.cta-knappar{display:flex;flex-wrap:wrap;gap:14px}
.ctanot{font-size:15px;color:var(--text2);margin-top:-18px}
.btn-ramvit{background:transparent;color:var(--vit);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.8)}
.btn-ramvit:hover{background:var(--vit);color:var(--kol)}
.btn-stor{min-height:58px;padding:0 34px;font-size:17px}
@media (max-width:760px){.cta-bg{position:relative;display:block;width:100%;height:260px;object-position:60% 50%}.cta-tona{display:none}.cta .wrap{min-height:0}}
footer{background:var(--vit);border-top:1px solid var(--linje)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-block:36px;font-size:14px;color:var(--gra)}
footer nav{display:flex;flex-wrap:wrap;gap:24px}
footer a{text-decoration:none}
footer a:hover{color:var(--kol)}

/* Undersidor */
.sidtopp{background:var(--krita);position:relative;overflow:hidden}
.sidtopp .wrap{position:relative;padding-block:clamp(72px,10vw,140px) clamp(72px,9vw,124px);display:flex;flex-direction:column;gap:22px}
.sidtopp h1{font-size:clamp(46px,6.4vw,92px);line-height:1.1;max-width:900px}
.sidtopp p{font-size:clamp(17px,1.4vw,20px);color:var(--text2);max-width:680px}
.sidtopp .skugga{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;max-width:none}
.fyra{display:grid;gap:0}
.fyra>div{position:relative;display:flex;flex-direction:column;gap:12px;padding-right:clamp(24px,3vw,48px)}
.stegnr{font-family:var(--rubrik);font-size:clamp(72px,7vw,104px);line-height:.9;color:var(--smaragd);padding-bottom:18px;border-bottom:1px solid var(--kol);margin-right:calc(-1 * clamp(24px,3vw,48px))}
.fyra>div:last-child{padding-right:0}.fyra>div:last-child .stegnr{margin-right:0}
.fyra>div:not(:last-child)::after{content:"";position:absolute;right:0;top:calc(clamp(72px,7vw,104px)*.9 + 18px - 5px);width:9px;height:9px;border-top:1px solid var(--kol);border-right:1px solid var(--kol);transform:rotate(45deg);background:var(--vit)}
.stegnr{position:relative}.stegnr span{position:relative}
.stegblad{position:absolute;left:-14px;bottom:8px;width:clamp(96px,9vw,132px);height:auto;overflow:visible}
.stegblad path{fill:var(--smaragd);fill-opacity:.09}
.fyra,.rytm,.exgrid{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr) minmax(0,1fr)}
.gora{margin:6px 0 0;display:flex;flex-direction:column}
.gora>div{display:grid;grid-template-columns:104px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--linje)}
.gora dt{font-weight:600;font-size:14.5px;color:var(--smaragd)}.gora dd{margin:0;font-size:14.5px;color:var(--gra);line-height:1.5}
.brik{width:26px;height:26px;color:var(--smaragd);margin-bottom:2px}
.branschex{margin:0}.sek.brsek{background:var(--krita)}.branschex>h3{font-family:var(--rubrik);font-weight:400;font-size:clamp(28px,2.8vw,38px);line-height:1.15;margin:0 0 12px}.brnot{font-size:16px;color:var(--gra);max-width:560px;margin:0 0 clamp(32px,4vw,48px)}
.exrubrik{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gra);margin:72px 0 28px}
.exrubrik span{color:var(--smaragd);margin-right:10px}
.exgrid{display:grid;align-items:start}
.ex{margin-right:clamp(24px,3vw,48px);background:var(--vit);border-radius:3px;box-shadow:0 24px 48px -28px rgba(31,29,26,.3),0 0 0 1px var(--linje);padding:18px;font-size:13.5px;display:flex;flex-direction:column;gap:10px}
.exgrid .ex:last-child{margin-right:0}
.exlab{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--smaragd)}
.ex .chips{display:flex;flex-wrap:wrap;gap:6px}.ex .chips span{border:1px solid var(--smaragd);color:var(--smaragd);border-radius:999px;padding:4px 10px;font-size:12.5px}
.ex2{display:grid;grid-template-columns:1.15fr 1fr;gap:22px;align-items:start}.vans{display:flex;flex-direction:column;gap:12px}
.tratt{display:flex;flex-direction:column;gap:6px}
.tr{position:relative;height:30px;display:flex;align-items:center}
.tr .bar{position:absolute;left:0;top:0;bottom:0}
.tr .tt{position:relative;padding-left:10px;font-size:12.5px;font-weight:500;white-space:nowrap}
.tr:last-child .tt{padding-left:calc(24% + 10px);font-weight:600;color:var(--smaragd)}
.koppla{display:flex;flex-direction:column;gap:8px;border-left:1px solid var(--linje);padding-left:20px}
.koppla b{font-weight:600}
.hh{display:flex;flex-direction:column;gap:4px}.hh span{font-size:13px}.hh .plus{color:var(--smaragd);font-weight:600}
.monster{margin-top:4px;padding:8px 10px;background:#E3EFE9;color:var(--smaragd);font-weight:600;font-size:13px}
.exrad{display:flex;gap:12px;align-items:flex-start}.exrad>div{display:flex;flex-direction:column;gap:3px}.exrad b{font-weight:600}.ex .gr{color:var(--smaragd);font-size:12.5px}.kalla{color:var(--gra);font-size:12px}
.ex .ring{flex:none;width:38px;height:38px;border-radius:50%;border:2px solid var(--smaragd);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px}
.kontakt2{display:flex;align-items:center;gap:8px}.kontakt2 .gra{color:var(--gra);font-size:12.5px}.kontakt2 b{font-weight:600}.kontakt2 .ik{margin-left:auto;display:flex;gap:6px;color:var(--smaragd)}
.forslag{background:var(--krita);border-left:2px solid var(--smaragd);padding:10px 12px;font-size:13px;line-height:1.5}
@media (max-width:900px){.exgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ex{margin-right:0}.ex2{grid-column:1 / -1}}
@media (max-width:560px){.exgrid{grid-template-columns:1fr}.ex2{grid-template-columns:1fr}.koppla{border-left:0;padding-left:0;border-top:1px solid var(--linje);padding-top:14px}}
.rytm{display:grid;margin-bottom:28px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gra)}
.rytm>div{padding-bottom:10px}
.rytm .r34{grid-column:3;color:var(--smaragd)}.rytm .r2{color:var(--smaragd)}
.rytm .r4{grid-column:4}
.rytm .rvardag{grid-row:1;grid-column:3 / span 2;position:relative;color:var(--kol);padding:0 0 10px;margin-bottom:14px;border-bottom:1px solid var(--kol)}
.rytm .rvardag::before,.rytm .rvardag::after{content:"";position:absolute;bottom:-1px;width:1px;height:9px;background:var(--kol)}.rytm .rvardag::before{left:0}.rytm .rvardag::after{right:0}
.rytm .r34::before,.rytm .r34::after{content:"";position:absolute;bottom:-1px;width:1px;height:9px;background:var(--smaragd)}
.rytm .r34::before{left:0}.rytm .r34::after{right:0}
.rytm .r34 span{display:inline-flex;align-items:center;gap:8px}
.fyra>div:nth-child(n+3) .stegnr span{color:var(--smaragd)}
@media (max-width:900px){.rytm{display:none}.fyra>div:nth-child(3) .stegvem::after{content:" · Varje morgon";color:var(--smaragd)}.fyra>div:nth-child(4) .stegvem::after{content:" · I din takt"}}
.stegvem{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gra);padding-top:6px}
.vemik{flex:none;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.vemik svg{width:15px;height:15px}
.vemik.du{border:1px solid var(--kol);color:var(--kol)}
.vemik.li{background:var(--sten)}
.vli span{color:var(--smaragd)}.vdu span{color:var(--kol)}
.fyra h2{font-size:24px;line-height:1.2}
.fyra p{font-size:16px;color:var(--gra);line-height:1.55}
.bildband{height:clamp(200px,26vw,360px);overflow:hidden}
.bildband-hog{height:clamp(260px,32vw,440px)}
.bildband img{width:100%;height:100%;object-fit:cover;object-position:62% 85%;max-width:none;display:block}
@media (max-width:900px){.fyra{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:56px}.fyra>div::after{display:none}.fyra>div{padding-right:24px}.stegnr{margin-right:0}}@media (max-width:520px){.fyra>div{padding-right:0}}
@media (max-width:520px){.fyra{grid-template-columns:1fr}}
.delar{display:flex;flex-direction:column}
.del{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(24px,5vw,80px);padding-block:44px;border-top:1px solid var(--linje)}
.del:first-child{border-top:0;padding-top:0}
.del h2{font-size:clamp(28px,2.8vw,38px);line-height:1.12}
.del .etikett{font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gra);margin-bottom:12px}
.del .innehall{display:flex;flex-direction:column;gap:16px;font-size:17.5px;color:var(--text2);max-width:640px}
.del ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.del li{padding:12px 0;border-top:1px solid var(--linje)}
.del li b{color:var(--kol);font-weight:600}
@media (max-width:760px){.del{grid-template-columns:1fr}}
.tre{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px clamp(32px,4vw,64px)}
.ruta{border-top:1px solid var(--kol);padding-top:22px;display:flex;flex-direction:column;gap:10px}
.ruta h3{font-family:var(--sans);font-weight:600;font-size:19px}
.ruta p{font-size:15.5px;color:var(--gra)}
@media (max-width:860px){.tre{grid-template-columns:1fr}}
.demo .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,6vw,90px);align-items:start}
.demo h1{font-size:clamp(42px,5vw,72px);line-height:1.04}
.demo .text{display:flex;flex-direction:column;gap:22px}
.demo .text p{font-size:19px;color:var(--text2);max-width:540px}
.boka{border-top:1px solid var(--kol);padding-top:28px;display:flex;flex-direction:column;gap:18px}
.boka h2{font-size:28px}
.boka ol{margin:0;padding:0;list-style:none;counter-reset:s;display:flex;flex-direction:column}
.boka li{counter-increment:s;display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;padding:14px 0;border-top:1px solid var(--linje);font-size:16px;color:var(--text2)}
.boka li::before{content:counter(s);font-family:var(--rubrik);color:var(--gra);font-size:20px;line-height:1.3}
.boka .notis{font-size:14px;color:var(--gra);background:var(--krita);padding:12px 14px}
@media (max-width:860px){.demo .wrap{grid-template-columns:1fr}}

/* Hero-animation (från profilen) */

.lj .sg{animation:ljin .6s ease-out var(--d) both}
.lj .sl{stroke-dasharray:1 1;animation:sflow 1.1s ease-in var(--d) both}
@keyframes sflow{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.lj .dt{animation:ljin .9s ease-out var(--d) both}
.lj .lt{animation:ljlit 1s ease-out var(--d) both}
.lj .halo{animation:ljpulse 3s ease-out calc(var(--d) + 1s) infinite;transform-box:fill-box;transform-origin:center}
@keyframes ljin{from{opacity:0}to{opacity:1}}
@keyframes ljlit{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@keyframes ljpulse{0%{transform:scale(.7);opacity:.9}100%{transform:scale(1.9);opacity:0}}
.rad{animation:ljlit .6s ease-out var(--r) both}
.kort{animation:kort .9s cubic-bezier(.2,.8,.2,1) 2.8s both;transform-origin:0 0}
@keyframes kort{from{opacity:0;transform:scale(.92) translateX(-8px)}to{opacity:1;transform:none}}


/* Redigeringsläge */
[hidden]{display:none!important}
.red-status{font-size:14px;background:var(--kol);color:var(--vit);padding:10px 14px;border-radius:2px}
.red-status:empty{display:none}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* Juridiska sidor */
#bilaga-1{scroll-margin-top:110px}
.sek.juridik{padding-block:clamp(48px,6vw,88px) clamp(80px,9vw,120px)}
.juridik .wrap{max-width:900px}
.juridik h1{font-size:clamp(36px,4.4vw,56px);line-height:1.1;margin:18px 0 14px}
.juridik .jver{font-size:15px;color:var(--gra)}
.juridik .jtext{margin-top:clamp(36px,5vw,56px);font-size:17px;color:var(--text2)}
.juridik .jtext p,.juridik .jtext ul{margin:0 0 14px;max-width:72ch}
.juridik .jtext ul{padding-left:1.2em}
.juridik .jtext li{margin-bottom:8px}
.juridik .jtext b{color:var(--kol);font-weight:600}
.juridik .jtext h2.jdel{font-size:clamp(26px,2.8vw,34px);line-height:1.15;margin:clamp(44px,5vw,64px) 0 8px;padding-top:24px;border-top:1px solid var(--linje)}
.juridik .jtext h2.jdel:first-child{margin-top:0}
.juridik .jtext h3{font-family:var(--sans);font-size:17px;font-weight:600;color:var(--kol);margin:30px 0 10px}
.juridik .jtext a{color:var(--smaragd)}
/* Säljteam som lista */
.teaminnehall{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(32px,6vw,96px);align-items:start}
.teaminnehall .huvud h2{font-size:clamp(28px,2.8vw,38px);line-height:1.15}
.teaminnehall .huvud p{font-size:17px}
.teaminnehall .tre{display:block;border-top:1px solid var(--kol)}
.teaminnehall .ruta{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:24px;padding:18px 0;border-top:0;border-bottom:1px solid var(--linje);align-items:baseline}
.teaminnehall .ruta h3{font-family:var(--rubrik);font-weight:400;font-size:clamp(20px,1.8vw,24px);line-height:1.2;margin:0}
.teaminnehall .ruta p{margin:0;font-size:16px}
.teambild{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;margin-top:clamp(24px,3vw,40px)}
@media (max-width:860px){.teaminnehall{grid-template-columns:1fr}.teaminnehall .ruta{grid-template-columns:1fr;gap:4px}.teambild{aspect-ratio:3/2}}

/* Statisk sajt */

#letar,#sok{scroll-margin-top:96px}
.fyrafyra .wrap{display:flex;flex-direction:column;gap:22px;min-height:52vh;justify-content:center;padding-block:clamp(120px,14vw,200px) clamp(80px,10vw,140px)}
.fyrafyra h1{font-size:clamp(42px,5vw,68px);line-height:1.08}
.fyrafyra p{font-size:19px;color:var(--text2)}

/* Tillagt vid publiceringen 2026-10-25: mjuk hamburgermeny, synlig ikon vid hovring, Om oss-texten i vänstra halvan */
@media (prefers-reduced-motion: reduce){.meny{transition:none!important}}
.lagelankar a:hover .vemik.du{color:var(--vit);border-color:var(--vit)}
@media (min-width:861px){.omtopp .wrap>*{max-width:min(560px,calc(50vw - var(--gx) - 32px))}}
@media (max-width:860px){
  .nav::after{content:'';position:fixed;inset:0;background:var(--vit);z-index:-1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility 0s linear .24s}
  .nav:has(.meny.oppen)::after{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .24s ease,visibility 0s}
  html:has(.meny.oppen){overflow:hidden}
}
@media (prefers-reduced-motion: reduce){.nav::after{transition:none!important}}