/* Gemensam footer med esset */
.fot{margin:clamp(70px,9vw,120px) var(--pad,clamp(16px,2vw,28px)) 0;padding:22px 0 26px;border-top:1px solid var(--ink,#121614);color:var(--dim,#6A716D);font-size:.78rem;line-height:1.45}
.kontakt+.fot,.fot.nara{margin-top:0;border-top:0;padding-top:34px}
.fot-g{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:20px}
.fot-g>div{display:flex;flex-direction:column;gap:5px}
.fot b{font-weight:400;color:var(--ink,#121614)}
.fot a{color:inherit;text-decoration:none}.fot a:hover{color:var(--ink,#121614)}
.fot-g{position:relative;padding-right:96px}
.fot-ess{display:flex!important;flex-direction:column;gap:10px}
.fot-ess .ess-c{position:absolute;right:-4px;top:calc(50% + 3px);transform:translateY(-50%);display:block;width:66px;height:72px}
.fot-ess .ess-c canvas{display:block}
.fot-ess b{font-size:clamp(1.9rem,3vw,2.6rem);letter-spacing:-.045em;line-height:.95}
.fot-ess span{max-width:280px}
.fot-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:28px;padding-top:12px;border-top:1px solid var(--line,#cfccc4)}
@media (max-width:760px){
.fot{padding-top:28px}
.fot-g{display:block;padding-right:0}
.fot-ess{position:static;padding:0 0 26px;gap:8px}
.fot-ess .ess-c{position:static;transform:none;width:44px;height:50px;margin:0 0 14px -3px}
.fot-g>div:not(.fot-ess){display:grid!important;grid-template-columns:96px 1fr;gap:6px 0;border-top:1px solid var(--line,#cfccc4);padding:14px 0}
.fot-g>div:not(.fot-ess) b{grid-row:1/4}
.fot-g>div:not(.fot-ess) a{grid-column:2}
.fot-bot{flex-direction:column;gap:4px;margin-top:0;border-top:1px solid var(--ink,#121614);padding-top:14px}}

/* Egen muspekare: ett mellanting mellan pil och spader. Pilens raka kant och spets, spaderns rundade blad och utsvängda fot. Samma svarta pekare även över det klickbara. */
@media (hover:hover) and (pointer:fine){
html{cursor:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2230%22 viewBox=%220 0 24 30%22%3E%3Cdefs%3E%3Cfilter id=%22s%22 x=%22-40%25%22 y=%22-30%25%22 width=%22180%25%22 height=%22170%25%22%3E%3CfeDropShadow dx=%220%22 dy=%221%22 stdDeviation=%22.9%22 flood-color=%22%23121614%22 flood-opacity=%22.28%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath d=%22M5 3 L5 18.6 C5 23 8.6 23.4 10.1 20.6 Q10.8 23.4 10 26.2 L15.6 23.4 Q13.2 22.4 12 19.6 C15.2 20.6 18.4 17.6 16.2 14.6 Z%22 fill=%22%23121614%22 stroke=%22%23FBFAF7%22 stroke-width=%221.25%22 stroke-linejoin=%22round%22 filter=%22url%28%23s%29%22/%3E%3C/svg%3E") 5 3,auto;cursor:-webkit-image-set(url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2230%22 viewBox=%220 0 24 30%22%3E%3Cdefs%3E%3Cfilter id=%22s%22 x=%22-40%25%22 y=%22-30%25%22 width=%22180%25%22 height=%22170%25%22%3E%3CfeDropShadow dx=%220%22 dy=%221%22 stdDeviation=%22.9%22 flood-color=%22%23121614%22 flood-opacity=%22.28%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath d=%22M5 3 L5 18.6 C5 23 8.6 23.4 10.1 20.6 Q10.8 23.4 10 26.2 L15.6 23.4 Q13.2 22.4 12 19.6 C15.2 20.6 18.4 17.6 16.2 14.6 Z%22 fill=%22%23121614%22 stroke=%22%23FBFAF7%22 stroke-width=%221.25%22 stroke-linejoin=%22round%22 filter=%22url%28%23s%29%22/%3E%3C/svg%3E") 1x,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2260%22 viewBox=%220 0 24 30%22%3E%3Cdefs%3E%3Cfilter id=%22s%22 x=%22-40%25%22 y=%22-30%25%22 width=%22180%25%22 height=%22170%25%22%3E%3CfeDropShadow dx=%220%22 dy=%221%22 stdDeviation=%22.9%22 flood-color=%22%23121614%22 flood-opacity=%22.28%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath d=%22M5 3 L5 18.6 C5 23 8.6 23.4 10.1 20.6 Q10.8 23.4 10 26.2 L15.6 23.4 Q13.2 22.4 12 19.6 C15.2 20.6 18.4 17.6 16.2 14.6 Z%22 fill=%22%23121614%22 stroke=%22%23FBFAF7%22 stroke-width=%221.25%22 stroke-linejoin=%22round%22 filter=%22url%28%23s%29%22/%3E%3C/svg%3E") 2x) 5 3,auto;cursor:image-set(url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2230%22 viewBox=%220 0 24 30%22%3E%3Cdefs%3E%3Cfilter id=%22s%22 x=%22-40%25%22 y=%22-30%25%22 width=%22180%25%22 height=%22170%25%22%3E%3CfeDropShadow dx=%220%22 dy=%221%22 stdDeviation=%22.9%22 flood-color=%22%23121614%22 flood-opacity=%22.28%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath d=%22M5 3 L5 18.6 C5 23 8.6 23.4 10.1 20.6 Q10.8 23.4 10 26.2 L15.6 23.4 Q13.2 22.4 12 19.6 C15.2 20.6 18.4 17.6 16.2 14.6 Z%22 fill=%22%23121614%22 stroke=%22%23FBFAF7%22 stroke-width=%221.25%22 stroke-linejoin=%22round%22 filter=%22url%28%23s%29%22/%3E%3C/svg%3E") 1x,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2260%22 viewBox=%220 0 24 30%22%3E%3Cdefs%3E%3Cfilter id=%22s%22 x=%22-40%25%22 y=%22-30%25%22 width=%22180%25%22 height=%22170%25%22%3E%3CfeDropShadow dx=%220%22 dy=%221%22 stdDeviation=%22.9%22 flood-color=%22%23121614%22 flood-opacity=%22.28%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath d=%22M5 3 L5 18.6 C5 23 8.6 23.4 10.1 20.6 Q10.8 23.4 10 26.2 L15.6 23.4 Q13.2 22.4 12 19.6 C15.2 20.6 18.4 17.6 16.2 14.6 Z%22 fill=%22%23121614%22 stroke=%22%23FBFAF7%22 stroke-width=%221.25%22 stroke-linejoin=%22round%22 filter=%22url%28%23s%29%22/%3E%3C/svg%3E") 2x) 5 3,auto}
a,button,label,summary,select,[role=button],[data-meny],[data-cta],.s-opt,.mbtn,.btn{cursor:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2230%22 viewBox=%220 0 24 30%22%3E%3Cdefs%3E%3Cfilter id=%22s%22 x=%22-40%25%22 y=%22-30%25%22 width=%22180%25%22 height=%22170%25%22%3E%3CfeDropShadow dx=%220%22 dy=%221%22 stdDeviation=%22.9%22 flood-color=%22%23121614%22 flood-opacity=%22.28%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath d=%22M5 3 L5 18.6 C5 23 8.6 23.4 10.1 20.6 Q10.8 23.4 10 26.2 L15.6 23.4 Q13.2 22.4 12 19.6 C15.2 20.6 18.4 17.6 16.2 14.6 Z%22 fill=%22%23121614%22 stroke=%22%23FBFAF7%22 stroke-width=%221.25%22 stroke-linejoin=%22round%22 filter=%22url%28%23s%29%22/%3E%3C/svg%3E") 5 3,pointer!important;cursor:-webkit-image-set(url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2230%22 viewBox=%220 0 24 30%22%3E%3Cdefs%3E%3Cfilter id=%22s%22 x=%22-40%25%22 y=%22-30%25%22 width=%22180%25%22 height=%22170%25%22%3E%3CfeDropShadow dx=%220%22 dy=%221%22 stdDeviation=%22.9%22 flood-color=%22%23121614%22 flood-opacity=%22.28%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath d=%22M5 3 L5 18.6 C5 23 8.6 23.4 10.1 20.6 Q10.8 23.4 10 26.2 L15.6 23.4 Q13.2 22.4 12 19.6 C15.2 20.6 18.4 17.6 16.2 14.6 Z%22 fill=%22%23121614%22 stroke=%22%23FBFAF7%22 stroke-width=%221.25%22 stroke-linejoin=%22round%22 filter=%22url%28%23s%29%22/%3E%3C/svg%3E") 1x,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2260%22 viewBox=%220 0 24 30%22%3E%3Cdefs%3E%3Cfilter id=%22s%22 x=%22-40%25%22 y=%22-30%25%22 width=%22180%25%22 height=%22170%25%22%3E%3CfeDropShadow dx=%220%22 dy=%221%22 stdDeviation=%22.9%22 flood-color=%22%23121614%22 flood-opacity=%22.28%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath d=%22M5 3 L5 18.6 C5 23 8.6 23.4 10.1 20.6 Q10.8 23.4 10 26.2 L15.6 23.4 Q13.2 22.4 12 19.6 C15.2 20.6 18.4 17.6 16.2 14.6 Z%22 fill=%22%23121614%22 stroke=%22%23FBFAF7%22 stroke-width=%221.25%22 stroke-linejoin=%22round%22 filter=%22url%28%23s%29%22/%3E%3C/svg%3E") 2x) 5 3,pointer!important;cursor:image-set(url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2230%22 viewBox=%220 0 24 30%22%3E%3Cdefs%3E%3Cfilter id=%22s%22 x=%22-40%25%22 y=%22-30%25%22 width=%22180%25%22 height=%22170%25%22%3E%3CfeDropShadow dx=%220%22 dy=%221%22 stdDeviation=%22.9%22 flood-color=%22%23121614%22 flood-opacity=%22.28%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath d=%22M5 3 L5 18.6 C5 23 8.6 23.4 10.1 20.6 Q10.8 23.4 10 26.2 L15.6 23.4 Q13.2 22.4 12 19.6 C15.2 20.6 18.4 17.6 16.2 14.6 Z%22 fill=%22%23121614%22 stroke=%22%23FBFAF7%22 stroke-width=%221.25%22 stroke-linejoin=%22round%22 filter=%22url%28%23s%29%22/%3E%3C/svg%3E") 1x,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2260%22 viewBox=%220 0 24 30%22%3E%3Cdefs%3E%3Cfilter id=%22s%22 x=%22-40%25%22 y=%22-30%25%22 width=%22180%25%22 height=%22170%25%22%3E%3CfeDropShadow dx=%220%22 dy=%221%22 stdDeviation=%22.9%22 flood-color=%22%23121614%22 flood-opacity=%22.28%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath d=%22M5 3 L5 18.6 C5 23 8.6 23.4 10.1 20.6 Q10.8 23.4 10 26.2 L15.6 23.4 Q13.2 22.4 12 19.6 C15.2 20.6 18.4 17.6 16.2 14.6 Z%22 fill=%22%23121614%22 stroke=%22%23FBFAF7%22 stroke-width=%221.25%22 stroke-linejoin=%22round%22 filter=%22url%28%23s%29%22/%3E%3C/svg%3E") 2x) 5 3,pointer!important}
input[type=text],input[type=email],input[type=tel],input[type=url],input:not([type]),textarea{cursor:text!important}
}

/* Stickyn nere till höger: "Hör av dig" på tjänstesidor, nästa steg på lär-sidor */
.pill-w{position:fixed;right:clamp(14px,2vw,26px);bottom:clamp(14px,2vw,26px);z-index:60;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:10px;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.2,1)}
.pill-w.visa{opacity:1;transform:none;pointer-events:auto}
.pill{display:flex;align-items:stretch;background:#FBFAF7;color:#121614;border:1px solid #121614;border-radius:0;padding:0;font:inherit;text-align:left;box-shadow:0 10px 28px -16px rgba(18,22,20,.35);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.pill:hover{transform:translateY(-2px)}
.pill-i{width:52px;display:flex;align-items:center;justify-content:center;border-right:1px solid #121614;flex:0 0 52px}
.pill-i .ess-c{display:block;width:24px;height:27px}.pill-i .ess-c canvas{display:block}
.pill-t{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:9px 18px 9px 14px}
.pill-t small{display:flex;align-items:center;gap:6px;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:#6A716D;line-height:1}
.pill-t b{font-weight:400;font-size:.98rem;letter-spacing:-.015em;line-height:1.2}
.pill-dot{width:6px;height:6px;border-radius:50%;background:#51E477;animation:pillPuls 2.6s infinite}
@keyframes pillPuls{0%{box-shadow:0 0 0 0 rgba(81,228,119,.55)}70%{box-shadow:0 0 0 6px rgba(81,228,119,0)}100%{box-shadow:0 0 0 0 rgba(81,228,119,0)}}
.pill-a{display:flex;align-items:center;justify-content:center;width:52px;flex:0 0 52px;background:#0A5A3F;color:#fff;transition:background .25s}
.pill-a svg{display:block;width:16px;height:16px;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.pill:hover .pill-a{background:#08492F}.pill:hover .pill-a svg{transform:translateX(3px)}
.pill-w.open .pill-a svg{transform:rotate(90deg)}
.pill-p{width:min(340px,calc(100vw - 28px));background:#FBFAF7;color:#121614;border:1px solid #121614;padding:16px 18px 18px;box-shadow:0 20px 50px -18px rgba(18,22,20,.4)}
.pill-p[hidden]{display:none}
.pp-top{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #121614;padding-bottom:10px;margin-bottom:12px;font-size:.8rem}
.pp-x{background:none;border:0;font:inherit;font-size:.78rem;color:#6A716D;padding:0}
.pp-x:hover{color:#121614}
.pp-f{display:block;margin-bottom:12px}
.pp-f span{display:block;font-size:.72rem;color:#6A716D;margin-bottom:2px}
.pp-f input,.pp-f textarea{width:100%;font:inherit;font-size:1rem;border:0;border-bottom:1px solid #121614;background:transparent;padding:6px 0 8px;border-radius:0;color:#121614;resize:vertical}
.pp-f input:focus,.pp-f textarea:focus{outline:0;border-bottom-color:#0A5A3F}
.pp-f .fel{border-bottom-color:#C4452B}
.pp-s{display:flex;justify-content:space-between;width:100%;background:#0A5A3F;color:#fff;border:0;font:inherit;font-size:.9rem;padding:13px 16px;margin-top:4px}
.pp-s:hover{background:#08492F}
.pp-fine{font-size:.7rem;color:#6A716D;margin-top:10px}.pp-fine a{color:inherit}
.pp-tack{font-size:1.15rem;letter-spacing:-.02em;line-height:1.3;padding:8px 0 4px}.pp-tack small{display:block;font-size:.8rem;color:#6A716D;margin-top:6px}
.pill-w .hp{position:absolute;left:-9999px}
@media (max-width:600px){.pill-i,.pill-a{width:46px;flex-basis:46px}.pill-t{padding:8px 14px 8px 12px}}
@media (prefers-reduced-motion:reduce){.pill-dot{animation:none}.pill-w{transition:none}}

a.pill{text-decoration:none}
.pill-w.lar .pill-t b{max-width:240px}

.pill:focus{outline:none}.pill:focus-visible{outline:2px solid #0A5A3F;outline-offset:3px}

/* "gratis": tunn ljusgrön understrykning som ritas in */
.gr{position:relative;display:inline-block;z-index:0;line-height:1}
.gr::after{content:"";position:absolute;left:0;right:0;bottom:.03em;height:1.5px;z-index:-1;background:#51E477;border-radius:1px;transform:scaleX(0);transform-origin:left center;transition:transform .8s cubic-bezier(.2,.7,.2,1) .25s;pointer-events:none}
.gr.in::after{transform:scaleX(1)}
h1 .gr::after,h2 .gr::after,.big .gr::after{height:2px;bottom:.1em}
@media (prefers-reduced-motion:reduce){.gr::after{transition:none;transform:scaleX(1)}}
/* handritad ring runt fristående "Gratis" */
.gr-ring{position:relative;display:inline-block}
.gr-r{position:absolute;left:-.95em;right:-.95em;top:-.7em;bottom:-.7em;width:calc(100% + 1.9em);height:calc(100% + 1.4em);overflow:visible;pointer-events:none}
.gr-r path{fill:none;stroke:#51E477;stroke-width:1.6;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s cubic-bezier(.45,.05,.25,1) .35s}
.gr-ring.in .gr-r path{stroke-dashoffset:0}
.pill-w.visa .gr::after{transform:scaleX(1);transition-delay:.6s}
@media (prefers-reduced-motion:reduce){.gr-r path{transition:none;stroke-dashoffset:0}}


.pill-t .gr::after{height:1px}

/* fristående "Gratis": ingen ring, bara ljusgrön text */
.gr-r{display:none!important}
.gr-ring{color:#51E477}

/* "gratis" i löptext: ingen understrykning. I stickyn lite fetare */
.gr::after{display:none!important}
.pill .gr{font-weight:500}

/* Primärknappen: textfält i mörkgrönt och pilen i en egen mintgrön ruta, samma uppbyggnad som stickyn */
a.btn.duo{display:inline-flex!important;padding:0!important;align-items:stretch!important;gap:0!important;flex-wrap:nowrap!important;flex-direction:row!important}
a.btn.duo>span:first-child{flex:1 1 auto;display:block;padding:17px 20px;white-space:normal}
a.btn.duo>span:last-child{flex:0 0 auto;width:clamp(52px,4.4vw,60px);display:flex;align-items:center;justify-content:center;background:#51E477;color:#121614;font-size:1.05rem;transition:background .25s}
a.btn.duo:hover>span:last-child{background:#6AEB8B}

/* Markören i formulären: mintgrön på mörkt, mörkgrön på ljust */
input,textarea{caret-color:#0A5A3F}
.kontakt input,.kontakt textarea,.fwrap input,.k-right input{caret-color:#51E477}

/* Stickyn på mobil: en lugn list i nederkant, kant i kant, i stället för en flytande ruta */
@media (max-width:600px){
.pill-w{left:0;right:0;bottom:0;align-items:stretch;transform:translateY(100%)}
.pill-w.visa{transform:none}
.pill{width:100%;border:0;border-top:1px solid #121614;box-shadow:none;padding-bottom:env(safe-area-inset-bottom,0px);background:#FBFAF7}
.pill:hover{transform:none}
.pill-i{width:48px;flex-basis:48px;border-right:1px solid rgba(18,22,20,.15)}
.pill-t{flex:1;min-width:0;padding:9px 12px}
.pill-t b{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;padding-bottom:1px}
.pill-t small{font-size:.55rem}
.pill-a{width:52px;flex-basis:52px}
}