/* ===== Forside-hero (efter mockup) ===== */
.mw-nav2.mw-nav2--narrow .mw-nav2__bar{max-width:1480px}
.mw-nav2.mw-nav2--clear .mw-nav2__inner{background:transparent;border-color:transparent;box-shadow:none;transition:background-color .3s,box-shadow .3s,border-color .3s}
.mw-nav2.mw-nav2--clear.is-stuck .mw-nav2__inner{background:rgba(255,255,255,.95);border-color:rgba(18,53,33,.07);box-shadow:0 10px 34px rgba(18,53,33,.12)}
.hC{position:relative;overflow:hidden;overflow:clip visible;background:#FAF7F1;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;--hC-font:var(--font-heading);--hC-body:'Figtree',system-ui,sans-serif;--hC-ink:#123521;--hC-lime:#9CB52F;--hC-pad:calc(var(--gutter) + 30px)}
.hC__blob{position:absolute;z-index:0;border-radius:50%;background:#f1f4e3;pointer-events:none}
.hC__blob--tr{width:min(48vw,780px);aspect-ratio:1;right:max(-20vw,-320px);top:max(-28vw,-460px)}
.hC__blob--bl{width:min(28vw,440px);aspect-ratio:1;left:max(-19vw,-300px);bottom:-12%}
.hC__inner{position:relative;z-index:1;flex:1;width:100%;box-sizing:border-box;max-width:calc(1480px + 2 * var(--gutter));margin:0 auto;padding:clamp(110px,10vw,140px) var(--hC-pad) clamp(16px,2vw,28px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,3vw,48px);align-items:center}
.hC__copy{min-width:0}
.hC__h1{margin:0;font:700 clamp(30px,3.3vw,56px)/1.12 var(--hC-font);letter-spacing:-.03em;color:var(--hC-ink)}
.hC__h1>span,.hC__h1>em{display:block;white-space:nowrap}
.hC__h1>em{font-style:normal;padding-right:.08em;background:linear-gradient(90deg,#97C21F 0%,#7CA516 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hC__lead{margin:22px 0 0;font:500 clamp(17px,1.5vw,24px)/1.4 var(--hC-body);color:var(--hC-ink);text-wrap:pretty}
.hC__form{display:flex;gap:12px;margin-top:clamp(28px,3vw,44px);max-width:640px}
.hC__form input{flex:1;min-width:0;height:62px;padding:0 28px;background:#fff;border:1px solid rgba(18,53,33,.1);border-radius:999px;box-shadow:0 6px 22px rgba(18,53,33,.07);font:500 18px var(--hC-body);color:var(--hC-ink);outline:none;transition:border-color .2s}
.hC__form input::placeholder{color:#7D8A83}
.hC__form input:focus{border-color:var(--forest-500)}
.hC__form button{flex:none;height:62px;padding:0 40px;border:0;border-radius:999px;background:var(--lime-400);color:var(--hC-ink);font:700 19px var(--hC-font);letter-spacing:-.01em;display:inline-flex;align-items:center;gap:12px;white-space:nowrap;cursor:pointer;box-shadow:0 10px 22px -12px rgba(120,160,20,.7);transition:filter .2s,transform .2s}
.hC__form button:hover{filter:brightness(1.05);transform:translateY(-1px)}
.hC__form button span{transition:transform .2s}
.hC__form button:hover span{transform:translateX(3px)}
.hC__start{position:relative;margin-top:clamp(54px,4.6vw,70px);max-width:660px;--hC-red:#E5483E}
.hC__start .hC__form{margin:0;max-width:none;background:#fff;border-radius:26px;padding:12px;border:1px solid rgba(18,53,33,.06);box-shadow:0 16px 40px -20px rgba(18,53,33,.28)}
.hC__start .hC__form input{box-shadow:none;border-color:rgba(18,53,33,.16)}
.hC__starthere{position:absolute;left:10px;top:-44px;font:700 clamp(24px,2vw,31px)/1 'Caveat',cursive;color:var(--hC-red);transform:rotate(-6deg);transform-origin:left bottom;white-space:nowrap;pointer-events:none}
.hC__arrow{position:absolute;left:-36px;top:-24px;width:48px;height:77px;color:var(--hC-red);pointer-events:none}
.hC__spark{position:absolute;right:-16px;top:-22px;width:28px;height:24px;color:var(--hC-red);pointer-events:none}
.hC__price{display:flex;align-items:center;gap:18px;margin:clamp(14px,1.4vw,20px) 0 0}
.hC__price b{font:700 clamp(17px,1.35vw,22px) var(--hC-font);letter-spacing:-.03em;color:var(--hC-ink);white-space:nowrap}
.hC__price span{padding-left:18px;border-left:1.5px solid rgba(18,53,33,.18);font:500 clamp(14px,1vw,16px) var(--hC-body);color:#647067}
.hC__known{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:clamp(16px,1.6vw,24px);font:600 15px var(--hC-body);color:#647067}
.hC__chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 12px;border-radius:999px;background:#fff;border:1px solid rgba(18,53,33,.08);font:700 15px var(--hC-font);color:var(--hC-ink);white-space:nowrap}
.hC__chip svg{width:19px;height:19px;flex:none}
.hC__chip--fb svg{color:#1877F2}
.hC__media{margin:0;min-width:0;display:flex;justify-content:flex-end}
.hC__scene{position:relative;width:min(100%,calc((100svh - 310px) * 1.508));aspect-ratio:810/537;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 88%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 88%,transparent 100%)}
.hC__stage{position:absolute;left:0;top:0;width:810px;height:537px;transform-origin:0 0;transform:scale(var(--s,0))}
.hC__orbit{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hC__orbit path{fill:none;stroke:#D6E7A6;stroke-width:3;stroke-linecap:round}
.hC__man{position:absolute;left:33px;top:187px;width:590px;height:341px;z-index:2;display:block}
.hC__card{position:absolute;left:0;top:0;z-index:1;width:256px;text-align:left;box-sizing:border-box;padding:12px 14px 14px;background:#fff;border-radius:16px;box-shadow:0 18px 36px -16px rgba(18,53,33,.28),0 0 0 1px rgba(18,53,33,.04);offset-path:path('M 132 470 A 280 384 0 0 1 692 470');offset-rotate:0deg;offset-anchor:50% 50%;animation:hCorbit 39s linear infinite;animation-delay:calc(var(--d) * -13s);will-change:offset-distance}
@keyframes hCorbit{0%{offset-distance:0%;opacity:0}6%{opacity:1}94%{opacity:1}100%{offset-distance:100%;opacity:0}}
.hC__ctop{display:flex;align-items:center;justify-content:space-between;font:700 11.5px var(--hC-font);color:#123521;letter-spacing:-.01em}
.hC__ctop i{width:15px;height:2px;border-radius:2px;background:#123521;box-shadow:0 -5px 0 #123521,0 5px 0 #123521}
.hC__cbody{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:10px;align-items:center;margin-top:10px}
.hC__cbody strong{display:block;font:700 15.5px/1.1 var(--hC-font);hyphens:auto;overflow-wrap:break-word;letter-spacing:-.025em;color:#123521}
.hC__cbody img{display:block;width:88px;height:74px;object-fit:cover;border-radius:9px}
.hC__cbtn{display:inline-block;margin-top:11px;padding:6px 12px;border-radius:999px;background:#1F7A3A;color:#fff;font:700 10.5px var(--hC-body);white-space:nowrap}
.hC__cduo{display:grid;grid-template-columns:1.35fr 1fr;gap:8px;margin-top:10px}
.hC__cduo img{display:block;width:100%;height:58px;object-fit:cover;border-radius:9px}
@media (prefers-reduced-motion:reduce){.hC__card{animation:none;offset-distance:calc(18% + var(--d) * 32%)}}
.hC__copy>*,.hC__media{animation:hCin .8s cubic-bezier(.2,.7,.3,1) both;animation-delay:calc(var(--i,0) * 90ms + 100ms)}
@keyframes hCin{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hC__copy>*,.hC__media{animation:none}}
@media (max-width:1020px){
  .hC{min-height:0}
  .hC__inner{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:116px;text-align:center}
  .hC__copy{display:contents}
  .hC__h1{order:1}
  .hC__lead{order:2;margin:0}
  .hC__media{order:3;width:100%;max-width:640px;margin:0 auto;justify-content:center}
  .hC__scene{width:100%}
  .hC__start{order:4;width:100%;margin:64px auto 0;text-align:left}
  .hC__price{order:5;justify-content:center;margin:4px 0 0}
  .hC__known{order:6;justify-content:center;margin-top:0}
  .hC__blob--tr{width:70vw;right:-30vw;top:-24vw}
  .hC__blob--bl{display:none}
}
@media (max-width:560px){
  .hC{--hC-pad:var(--gutter)}
  .hC__inner{padding-top:104px}
  .hC__h1{font-size:clamp(28px,8vw,38px)}
  .hC__h1>span{white-space:normal;text-wrap:balance}
  .hC__form{flex-direction:column}
  .hC__arrow{display:none}
  .hC__starthere{left:50%;transform:translateX(-50%) rotate(-5deg);transform-origin:center bottom;top:-40px}
  .hC__spark{right:-6px}
  .hC__form input,.hC__form button{height:56px;flex:none}
  .hC__form input{text-align:center}
  .hC__form button{justify-content:center;font-size:18px}
  .hC__price{gap:16px}.hC__price span{padding-left:16px}
  .hC__known{gap:6px;font-size:13.5px}.hC__chip{padding:6px 11px 6px 9px;font-size:13.5px;gap:6px}.hC__chip svg{width:16px;height:16px}
}

/* "Så nemt" – tidstrin i hvidt kort */
.hC__how{position:relative;z-index:1;box-sizing:border-box;width:calc(100% - 2 * var(--hC-pad));max-width:1420px;margin:clamp(8px,1.4vw,18px) auto clamp(24px,4vh,44px);display:flex;align-items:center;background:#fff;border:1px solid rgba(18,53,33,.05);border-radius:28px;padding:12px;box-shadow:0 16px 40px -24px rgba(18,53,33,.22)}
.hC__howlbl{flex:none;margin:0 clamp(12px,1.6vw,28px) 0 0;display:flex;flex-direction:column;justify-content:center;align-self:stretch;padding:6px clamp(18px,2.4vw,40px);border-right:1px solid rgba(18,53,33,.1)}
.hC__steps{flex:1;min-width:0;list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:clamp(28px,3vw,52px)}
.hC__steps li{flex:1 1 0;min-width:0;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:clamp(12px,1.2vw,20px);align-items:center;padding:6px}
.hC__sic{grid-column:1;grid-row:1/3;width:clamp(52px,4vw,68px);aspect-ratio:1;border-radius:50%;background:#EEF4D0;color:var(--hC-ink);display:grid;place-items:center}
.hC__sic svg{width:clamp(26px,2vw,34px);height:clamp(26px,2vw,34px)}
.hC__steps b{grid-column:2;align-self:end;font:700 clamp(15px,1.2vw,20px)/1.1 var(--hC-font);letter-spacing:-.03em;color:var(--hC-ink);white-space:nowrap}
.hC__steps li>span:last-child{grid-column:2;align-self:start;margin-top:4px;font:500 clamp(13px,1vw,16px)/1.3 var(--hC-body);color:var(--hC-ink)}
.hC__steps li:not(:last-child)::after{content:"";position:absolute;top:50%;right:calc(clamp(28px,3vw,52px) / -2 - 5px);width:11px;height:11px;border-top:3px solid #9CB52F;border-right:3px solid #9CB52F;border-radius:1px;transform:translateY(-50%) rotate(45deg)}
.hC__steps li:last-child{flex-grow:1.15;padding:10px clamp(16px,1.8vw,30px) 10px 10px;border-radius:999px;background:linear-gradient(90deg,#CFE35A 0%,#E4EFA0 100%)}
.hC__steps li:last-child .hC__sic{background:#C2D94A}
@media (max-width:1020px){
  .hC__how{flex-direction:column;align-items:stretch;max-width:560px;margin-top:22px;padding:14px}
  .hC__howlbl{margin:0 0 10px;padding:6px 8px 16px;border-right:0;border-bottom:1px solid rgba(18,53,33,.1);align-items:center;text-align:center}
  .hC__howlbl i{margin-top:10px}
  .hC__steps{flex-direction:column;align-items:stretch;gap:26px}
  .hC__steps li{padding:6px 10px}
  .hC__steps li:last-child{padding:10px 18px 10px 10px}
  .hC__steps li:not(:last-child)::after{top:auto;right:auto;left:calc(10px + clamp(52px,4vw,68px) / 2 - 6px);bottom:-20px;transform:rotate(135deg)}
}

/* "Kendt fra" — flyttet til kundeanmeldelser */
.mw-testi__known{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:18px;font:600 14px var(--font-body);color:#647067}
.mw-testi__known .hC__chip{padding:6px 13px 6px 10px;font:700 14px var(--font-heading);color:#123521;gap:7px;background:#F6F7F1;border-color:rgba(18,53,33,.1)}
.mw-testi__known .hC__chip svg{width:17px;height:17px}

.hC__howlbl b{font:700 clamp(19px,1.6vw,26px)/1.1 var(--hC-font);letter-spacing:-.035em;color:var(--hC-ink);white-space:nowrap}
.hC__brush{display:block;width:clamp(96px,8vw,128px);height:10px;margin-top:10px}
/* navnefelt med blyant */
.hC__in{position:relative;flex:1;min-width:0;display:flex}
.hC__in svg{position:absolute;left:24px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--hC-ink);pointer-events:none}
.hC__form .hC__in input{width:100%;padding-left:56px}
@media (max-width:560px){.hC__in{flex:none}.hC__form .hC__in input{padding-left:44px;padding-right:44px}.hC__in svg{left:20px}}

/* overgang hero → kundeanmeldelser: samme creme bag kurven, og den grønne cirkel fortsætter ned til det hvide */
html,body{background:#FAF7F1}
.hC__blob--bl{bottom:-18%}

/* kundeportrætter må ikke klippes, når de bevæger sig ved scroll */
.mw-testi__head{overflow:visible!important;overflow:clip visible!important}

/* højre side: animationen med manden og de kørende hjemmesider */
.hC__frame{position:relative;width:min(100%,calc((100svh - 200px) * 1.357));margin-right:calc(var(--hC-pad) * -0.4)}
.hC__frame iframe{display:block;width:100%;aspect-ratio:760/560;border:0;background:transparent;pointer-events:none}
@media (max-width:1020px){.hC__frame{width:100%;margin:0 auto}}
@media (max-width:560px){.hC__frame{margin:0 calc(var(--hC-pad) * -1);width:calc(100% + 2 * var(--hC-pad))}}

/* "Så nemt er det" — 5 trin, kompakt i hero'en */
.hC__how--5{padding:8px 10px}
.hC__how--5 .hC__howlbl{padding:4px clamp(14px,1.6vw,26px)}
.hC__how--5 .hC__howlbl b{font-size:clamp(16px,1.25vw,20px)}
.hC__how--5 .hC__brush{width:clamp(80px,6.5vw,104px);height:9px;margin-top:8px}
.hC__how--5 .hC__steps{gap:clamp(18px,1.8vw,32px)}
.hC__how--5 .hC__steps li{column-gap:clamp(8px,.8vw,12px);padding:4px}
.hC__how--5 .hC__sic{width:clamp(38px,2.8vw,46px)}
.hC__how--5 .hC__sic svg{width:clamp(18px,1.4vw,22px);height:clamp(18px,1.4vw,22px)}
.hC__how--5 .hC__steps b{font-size:clamp(13.5px,1vw,16px)}
.hC__how--5 .hC__steps li>span:last-child{margin-top:2px;font-size:clamp(12px,.85vw,13.5px)}
.hC__how--5 .hC__steps li:not(:last-child)::after{right:calc(clamp(18px,1.8vw,32px) / -2 - 4px);width:8px;height:8px;border-width:2.5px}
.hC__how--5 .hC__steps li:last-child{flex-grow:1;padding:6px clamp(12px,1.2vw,20px) 6px 6px}
@media (max-width:1020px){
  .hC__how--5 .hC__steps{gap:18px}
  .hC__how--5 .hC__steps li:not(:last-child)::after{left:calc(10px + clamp(38px,2.8vw,46px) / 2 - 5px);bottom:-14px}
}

/* ===== Hero: kobling af overskrift + tjekpunkter + tilmeldingskort ===== */
.hC__inner{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.hC__h1{font-size:clamp(28px,2.75vw,48px)}
.hC__h1>span{white-space:nowrap}
.hC__usps{list-style:none;margin:clamp(18px,1.8vw,26px) 0 0;padding:0;display:grid;gap:12px}
.hC__usps li{display:flex;align-items:center;gap:12px;font:500 clamp(15.5px,1.15vw,18px)/1.35 var(--hC-body);color:var(--hC-ink)}
.hC__usps svg{flex:none;width:24px;height:24px}
.hC__start--card{margin-top:clamp(62px,5vw,76px);max-width:600px;background:#fff;border:1px solid rgba(18,53,33,.06);border-radius:28px;padding:22px 22px 18px;box-shadow:0 18px 44px -22px rgba(18,53,33,.28)}
.hC__start--card .hC__form{margin:0;max-width:none;background:none;border:0;border-radius:0;padding:0;box-shadow:none}
.hC__start--card .hC__form input,.hC__start--card .hC__form button{height:56px}
.hC__start--card .hC__form button{padding:0 28px;font-size:17px}
.hC__ask{display:block;margin:0 0 10px 4px;font:700 15px var(--hC-font);color:var(--hC-ink)}
.hC__mini{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(18,53,33,.08)}
.hC__mini span{display:inline-flex;align-items:center;gap:10px;font:600 14px var(--hC-body);color:var(--hC-ink)}
.hC__mini i{width:34px;height:34px;border-radius:50%;background:#EEF4D0;display:grid;place-items:center;flex:none}
.hC__mini svg{width:17px;height:17px}
.hC__sticker{position:absolute;top:-38px;right:-26px;z-index:2;display:grid;grid-template-columns:auto auto;align-items:end;column-gap:5px;padding:12px 16px 11px;border-radius:16px;background:#183A27;color:#fff;transform:rotate(7deg);box-shadow:7px -7px 0 #BCD544,0 14px 26px -12px rgba(18,53,33,.45);pointer-events:none}
.hC__sticker small{font:700 10px var(--hC-body);letter-spacing:.04em;opacity:.75;margin-bottom:5px}
.hC__sticker b{font:700 30px/1 var(--hC-font);letter-spacing:-.03em}
.hC__sticker i{grid-column:1/3;justify-self:center;margin-top:7px;font:700 11px var(--hC-body);font-style:normal;color:#123521;background:#BCD544;border-radius:999px;padding:3px 10px}
@media (max-width:1020px){
  .hC__inner{grid-template-columns:minmax(0,1fr)}
  .hC__h1>span{white-space:normal}
  .hC__usps{order:2;justify-self:center;text-align:left}
  .hC__start--card{order:4;margin:64px auto 0;width:100%}
}
@media (max-width:560px){
  .hC__h1{font-size:clamp(26px,7.4vw,34px)}
  .hC__usps li{font-size:15px}
  .hC__sticker{top:-30px;right:-6px;transform:rotate(7deg) scale(.82)}
  .hC__start--card .hC__starthere{left:32%}
  .hC__start--card{padding:18px 14px 14px}
  .hC__mini{justify-content:center}
}

/* 5 trin som forbundne cirkler */
.hC__how--5 .hC__steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;align-items:start}
.hC__how--5 .hC__steps li,.hC__how--5 .hC__steps li:last-child{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2px 6px;background:none;border-radius:0;flex-grow:0}
.hC__how--5 .hC__sic{width:46px;height:46px;border-radius:50%;background:#fff;border:2px solid #CFE08A;color:var(--hC-ink);margin:0 0 8px;flex:none;position:relative;z-index:1}
.hC__how--5 .hC__sic svg{width:20px;height:20px}
.hC__how--5 .hC__steps li:last-child .hC__sic{background:var(--lime-400);border-color:var(--lime-400);box-shadow:0 0 0 6px rgba(188,213,68,.25)}
.hC__how--5 .hC__steps b{align-self:center;font-size:clamp(13px,.95vw,15px)}
.hC__how--5 .hC__steps li>span:last-child{align-self:center;margin-top:2px;font-size:clamp(11.5px,.8vw,13px);line-height:1.3}
.hC__how--5 .hC__steps li:not(:last-child)::after{content:"";position:absolute;top:24px;left:calc(50% + 32px);right:calc(-50% + 34px);width:auto;height:2px;border:0;border-radius:2px;transform:none;background:repeating-linear-gradient(90deg,#ABC53A 0 6px,transparent 6px 11px)}
.hC__how--5 .hC__steps li:not(:last-child)::before{content:"";position:absolute;top:20.5px;right:calc(-50% + 33px);width:7px;height:7px;border-top:2.5px solid #9CB52F;border-right:2.5px solid #9CB52F;transform:rotate(45deg)}
@media (max-width:1020px){
  .hC__how--5 .hC__steps{grid-template-columns:minmax(0,1fr);row-gap:16px;max-width:340px;margin:0 auto;width:100%}
  .hC__how--5 .hC__steps li,.hC__how--5 .hC__steps li:last-child{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:14px;align-items:center;text-align:left;padding:0}
  .hC__how--5 .hC__sic{grid-row:1/3;margin:0}
  .hC__how--5 .hC__steps b{grid-column:2;align-self:end}
  .hC__how--5 .hC__steps li>span:last-child{grid-column:2;align-self:start}
  .hC__how--5 .hC__steps li:not(:last-child)::after{top:48px;left:22px;right:auto;bottom:auto;width:2px;height:14px;background:repeating-linear-gradient(180deg,#ABC53A 0 4px,transparent 4px 7px)}
  .hC__how--5 .hC__steps li:not(:last-child)::before{display:none}
}

/* ===== Ny hero (mw-rhero v3) — efter reference ===== */
.mw-rhero--v3{--hC-font:var(--font-brand);--hC-body:'Figtree',system-ui,sans-serif}
.mw-rhero--v3 .mw-rhero__h1,.mw-rhero--v3 .mw-rhero__h2{font-family:var(--font-brand)!important;letter-spacing:-.02em}
.mw-rhero--v3 .mw-rhero__h1{font-weight:600;font-size:clamp(36px,3.6vw,58px);line-height:1.08}
.mw-rhero--v3 .mw-rhero__visual{margin-top:clamp(28px,4vw,64px)}
.mw-rhero--v3 .mw-rhero__right{position:relative;padding-top:56px}
.mw-rhero__starthere{position:absolute;top:-58px;left:8px;z-index:3;display:inline-flex;align-items:flex-start;gap:4px;font:700 clamp(28px,2.3vw,36px)/1 'Caveat',cursive;color:#E5483E;transform:rotate(-5deg);transform-origin:left bottom;pointer-events:none;white-space:nowrap}
.mw-rhero__starthere svg{width:44px;height:38px;margin-top:6px}
.mw-rhero--v3 .mw-rhero__signup{position:relative}
.mw-rhero__sticker{top:-26px;right:-28px}
.mw-rhero--v3 .mw-rhero__stats div{gap:12px;text-align:center}
.mw-rhero--v3 .mw-rhero__stats span{font-weight:600;line-height:1.3}
@media (max-width:1020px){.mw-rhero--v3 .mw-rhero__signup{margin-top:88px}.mw-rhero__starthere{left:50%;transform:translateX(-50%) rotate(-5deg);transform-origin:center bottom}}
@media (max-width:560px){.mw-rhero__sticker{top:-22px;right:-6px;transform:rotate(7deg) scale(.82)}.mw-rhero__starthere{left:34%}}

/* hero = 100vh på desktop */
@media (min-width:1021px){
  .mw-rhero--v3{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
  .mw-rhero--v3 .mw-rhero__grid{flex:1;width:100%;box-sizing:border-box;align-content:center;padding-top:clamp(108px,13vh,150px)!important;padding-bottom:clamp(24px,4vh,48px)!important}
  .mw-rhero--v3 .mw-rhero__visual{max-width:min(700px,calc((100svh - 340px) * 1.357));margin-top:clamp(16px,3vh,48px)}
}

.mw-rhero--v3 .mw-rhero__h1{font-size:clamp(26px,2.55vw,46px)!important}
.mw-rhero__l1{font-weight:inherit}
@media (min-width:1021px){.mw-rhero__l1{white-space:nowrap}}

/* hero-indhold flugter med menuens container (logo til venstre, knap til højre) */
@media (min-width:1021px){
  .mw-rhero--v3 .mw-rhero__grid{max-width:calc(1480px + 2 * var(--gutter))!important;padding-left:calc(var(--gutter) + 30px)!important;padding-right:calc(var(--gutter) + 18px)!important;grid-template-columns:minmax(0,1fr) minmax(380px,460px)}
  .mw-rhero--v3 .mw-rhero__visual{margin-left:0}
}

/* ===== Hero v2 (gendannet: "Se din nye hjemmeside om 15 minutter") ===== */
.hC--v2 .hC__inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.hC--v2 .hC__h1{font-size:clamp(30px,3.3vw,56px)}
@media (max-width:1020px){.hC--v2 .hC__inner{grid-template-columns:minmax(0,1fr)}.hC--v2 .hC__h1>span{white-space:normal}}
@media (max-width:560px){.hC--v2 .hC__h1{font-size:clamp(28px,8vw,38px)}}

/* pris-mærke over manden */
.hC__pt{position:absolute;top:3%;right:7%;z-index:3;transform:rotate(-4deg);pointer-events:none}
.hC__pt::before{content:"";position:absolute;top:-12px;right:-18px;bottom:18px;left:30px;background:#BCD544;border-radius:20px;transform:rotate(8deg)}
.hC__pt-card{position:relative;display:grid;grid-template-columns:auto auto auto;align-items:center;column-gap:6px;padding:14px 18px 12px 18px;border-radius:20px;background:#1A4631;color:#fff;box-shadow:0 18px 30px -16px rgba(11,36,24,.55)}
.hC__pt-card small{font:700 12px var(--hC-body);letter-spacing:.04em;opacity:.85;align-self:center;margin-top:8px}
.hC__pt-card b{font:700 clamp(30px,2.6vw,40px)/1 var(--font-brand);letter-spacing:-.02em}
.hC__pt-spark{width:14px;height:22px;align-self:start}
.hC__pt-card i{grid-column:1/4;justify-self:center;white-space:nowrap;margin-top:8px;font:700 12.5px var(--font-brand);font-style:normal;color:#123521;background:#BCD544;border-radius:999px;padding:4px 14px}
@media (max-width:560px){.hC__pt{top:0;right:4%;transform:rotate(-4deg) scale(.78);transform-origin:top right}}

/* pladsholder skal kunne læses hele vejen */
.hC__form .hC__in input{text-overflow:ellipsis}
.hC__form .hC__in input::placeholder{font-size:16px}
.hC--v2 .hC__form button{padding:0 28px}

/* større grøn cirkel øverst til højre, rykket længere ned */
.hC--v2 .hC__blob--tr{width:min(62vw,1020px);right:max(-24vw,-400px);top:max(-18vw,-280px)}
@media (max-width:1020px){.hC--v2 .hC__blob--tr{width:84vw;right:-34vw;top:-14vw}}

/* "Kendt fra" under navnefeltet */
.hC--v2 .hC__known{margin-top:22px}
.hC--v2 .hC__chip{background:#F4F5EC;font-family:var(--hC-font)}
@media (max-width:1020px){.hC--v2 .hC__known{order:5;justify-content:center}}

/* ===== Trin for trin (over kundeanmeldelser) ===== */
.tT__inner{max-width:calc(1480px + 2 * var(--gutter));margin:0 auto;padding:clamp(56px,6vw,96px) calc(var(--gutter) + 18px) clamp(56px,6vw,96px) calc(var(--gutter) + 30px);box-sizing:border-box}
.tT__h2{margin:0 auto;max-width:760px;text-align:center;font:700 clamp(28px,3vw,46px)/1.12 var(--font-heading);letter-spacing:-.025em;color:#123521;text-wrap:balance}
.tT__grid{list-style:none;margin:clamp(32px,3.6vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgba(18,53,33,.07);border-radius:28px;overflow:hidden;background:#FAF7F1}
.tT__step{display:flex;flex-direction:column;min-width:0;background:#FAF7F1}
.tT__step:nth-child(odd){background:#EEF4D0}
.tT__step+.tT__step{border-left:1px solid rgba(18,53,33,.06)}
.tT__head{display:flex;align-items:center;gap:14px;padding:clamp(26px,2.4vw,40px) clamp(20px,2.2vw,36px) 0}
.tT__no{flex:none;width:clamp(40px,3.2vw,50px);aspect-ratio:1;border-radius:50%;background:#1A4631;color:#fff;display:grid;place-items:center;font:700 clamp(17px,1.4vw,21px) var(--font-heading)}
.tT__head h3{margin:0;font:700 clamp(18px,1.6vw,26px)/1.15 var(--font-heading);letter-spacing:-.02em;color:#123521;text-wrap:balance}
.tT__step p{margin:14px 0 0;padding:0 clamp(20px,2.2vw,36px);font:500 clamp(15px,1.1vw,17.5px)/1.5 'Figtree',system-ui,sans-serif;color:#2E4A3B;text-wrap:pretty}
.tT__step img{display:block;width:100%;height:auto;margin-top:auto;padding-top:clamp(14px,1.6vw,24px)}
@media (max-width:1020px){.tT__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tT__step:nth-child(3){border-left:0}.tT__step:nth-child(n+3){border-top:1px solid rgba(18,53,33,.06)}.tT__step:nth-child(3){background:#FAF7F1}.tT__step:nth-child(4){background:#EEF4D0}}
@media (max-width:600px){.tT__inner{padding-left:var(--gutter);padding-right:var(--gutter)}.tT__grid{grid-template-columns:minmax(0,1fr)}.tT__step+.tT__step{border-left:0;border-top:1px solid rgba(18,53,33,.06)}.tT__step:nth-child(3){background:#EEF4D0}.tT__step:nth-child(4){background:#FAF7F1}.tT__step img{max-width:340px;margin-left:auto;margin-right:auto}}

/* tydelig overgang: hvid kurve fra hero ned i trin-sektionen, som fortsætter ned i kundeanmeldelser */
.tT{position:relative;background:#fff;border-radius:50% 50% 0 0 / clamp(48px,7vw,120px) clamp(48px,7vw,120px) 0 0}
.tT__inner{padding-top:clamp(64px,6.5vw,104px)}
.tT .tT__grid{box-shadow:0 18px 44px -30px rgba(18,53,33,.25)}
.tT{background:#F1F5E8;margin-bottom:calc(clamp(48px,7vw,120px) * -1);padding-bottom:clamp(48px,7vw,120px)}
.tT + .mw-testi{border-radius:50% 50% 0 0 / clamp(48px,7vw,120px) clamp(48px,7vw,120px) 0 0!important;padding-top:clamp(80px,8vw,120px)!important}

/* grøn cirkel i hero flyder ned i trin-sektionen (samme farve) */
.hC__blob{background:#EEF4D0}
.tT{position:static;background:#EEF4D0!important}
.tT__inner{position:relative;z-index:1}
.hC--v2 .hC__blob--bl{width:min(36vw,580px);left:max(-17vw,-280px);bottom:-34%}

/* "Start her": håndskrift skrives frem, pilen tegnes og nikker mod feltet */
.hC__starthere{clip-path:inset(-20% 100% -20% 0);animation:hCwrite .9s cubic-bezier(.6,0,.3,1) 1s forwards}
@keyframes hCwrite{to{clip-path:inset(-20% -10% -20% 0)}}
.hC__arrow path{stroke-dasharray:160;stroke-dashoffset:160;animation:hCdraw .6s cubic-bezier(.5,0,.3,1) 1.75s forwards}
.hC__arrow path+path{animation-duration:.25s;animation-delay:2.3s}
@keyframes hCdraw{to{stroke-dashoffset:0}}
.hC__arrow{animation:hCnudge 3.6s ease-in-out 2.8s infinite}
@keyframes hCnudge{0%,70%,100%{transform:none}80%{transform:translate(3px,2px)}90%{transform:none}95%{transform:translate(2px,1px)}}
@media (prefers-reduced-motion:reduce){.hC__starthere{clip-path:none;animation:none}.hC__arrow,.hC__arrow path{animation:none;stroke-dashoffset:0}}

/* ===== Trin-kort v2: fire separate kort med illustration i en blød ramme ===== */
.tT .tT__grid{gap:clamp(14px,1.4vw,22px);border:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
.tT .tT__step,.tT .tT__step:nth-child(n){background:#fff;border:1px solid rgba(18,53,33,.06);border-radius:26px;padding:clamp(18px,1.6vw,24px);box-shadow:0 1px 0 rgba(18,53,33,.03),0 22px 44px -30px rgba(18,53,33,.28);transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s}
.tT .tT__step:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(18,53,33,.03),0 30px 54px -30px rgba(18,53,33,.34)}
.tT .tT__head{padding:4px 2px 0;gap:12px;align-items:center}
.tT .tT__no{width:40px;font-size:17px;background:#1A4631}
.tT .tT__head h3{font-size:clamp(17px,1.35vw,21px)}
.tT .tT__step p{padding:0 2px;margin-top:12px;font-size:clamp(14.5px,1vw,16px);color:#3A4A41}
.tT__art{margin-top:auto;padding-top:clamp(16px,1.6vw,22px)}
.tT__art img,.tT .tT__step img{display:block;width:100%;height:auto;margin:0;padding:0;border-radius:18px;background:#F4F1E8}
.tT .tT__step:nth-child(1) .tT__art img{background:#EEF4D0}
.tT .tT__step:nth-child(2) .tT__art img{background:#FAF7F1}
.tT .tT__step:nth-child(3) .tT__art img{background:#ECF0E2}
.tT .tT__step:nth-child(4) .tT__art img{background:#FAF7F1}
@media (max-width:1020px){.tT .tT__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tT .tT__step:nth-child(n){border-top:1px solid rgba(18,53,33,.06);border-left:1px solid rgba(18,53,33,.06)}}
@media (max-width:600px){.tT .tT__grid{grid-template-columns:minmax(0,1fr)}.tT__art img{max-width:none}}

/* trin-kort v3: én ensfarvet creme flade pr. kort, ingen indre ramme */
.tT .tT__step,.tT .tT__step:nth-child(n){background:#FAF7F1;border:1px solid rgba(18,53,33,.07);box-shadow:0 18px 40px -32px rgba(18,53,33,.3)}
.tT__art img,.tT .tT__step img,.tT .tT__step:nth-child(n) .tT__art img{background:none;border-radius:0}
.tT__art{margin:auto calc(clamp(18px,1.6vw,24px) * -1) calc(clamp(18px,1.6vw,24px) * -1);padding-top:clamp(10px,1vw,16px)}

/* mindre luft mellem tekst og tegning; tegningen fylder ikke ud i bunden */
.tT .tT__step,.tT .tT__step:nth-child(n){justify-content:flex-start}
.tT__art{margin:clamp(6px,.8vw,12px) calc(clamp(18px,1.6vw,24px) * -1) calc(clamp(18px,1.6vw,24px) * -1);padding-top:0}
.tT__art img{max-height:220px;object-fit:contain;object-position:center top}

/* ===== Trin v4: ingen bokse — illustration øverst, tidslinje med numre, tekst under ===== */
.tT .tT__grid{position:relative;gap:clamp(16px,2vw,36px);margin-top:clamp(36px,4vw,60px)}
.tT .tT__grid::before{content:"";position:absolute;left:12.5%;right:12.5%;top:calc(clamp(150px,13vw,200px) + 38px);height:2px;background:repeating-linear-gradient(90deg,#A6C93A 0 8px,transparent 8px 16px);z-index:0}
.tT .tT__step,.tT .tT__step:nth-child(n){display:flex;flex-direction:column;align-items:center;text-align:center;background:none;border:0;border-radius:0;padding:0;box-shadow:none;transform:none}
.tT .tT__step:hover{transform:none;box-shadow:none}
.tT .tT__head{display:contents}
.tT__art,.tT .tT__art{order:0;margin:0;padding:0;height:clamp(150px,13vw,200px);width:100%;display:flex;align-items:flex-end;justify-content:center}
.tT__art img,.tT .tT__step img,.tT .tT__step:nth-child(n) .tT__art img{width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain;background:none;border-radius:0}
.tT .tT__no{order:1;position:relative;z-index:1;margin:18px 0 0;width:40px;box-shadow:0 0 0 7px #EEF4D0}
.tT .tT__head h3{order:2;margin-top:16px;font-size:clamp(17px,1.4vw,22px)}
.tT .tT__step p{order:3;margin-top:8px;padding:0;max-width:280px}
@media (max-width:1020px){.tT .tT__grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}.tT .tT__grid::before{display:none}}
@media (max-width:600px){.tT .tT__grid{grid-template-columns:minmax(0,1fr)}}

/* illustration i en blød cirkel */
.tT{--tT-s:clamp(170px,14vw,220px)}
.tT__art,.tT .tT__art{width:var(--tT-s);height:var(--tT-s);border-radius:50%;background:#FAF7F1;box-shadow:inset 0 0 0 1px rgba(18,53,33,.06),0 18px 36px -26px rgba(18,53,33,.35);align-items:center;justify-content:center;padding:clamp(22px,2vw,30px);box-sizing:border-box;overflow:hidden}
.tT .tT__step:nth-child(even) .tT__art{background:#fff}
.tT .tT__grid::before{top:calc(var(--tT-s) + 38px)}
.tT .tT__step:nth-child(3) .tT__art img{transform:translateX(6%)}

/* sektionen: kurvet overkant, ingen blobs der løber ind */
.tT{position:relative;z-index:2;overflow:hidden;border-radius:50% 50% 0 0 / clamp(40px,5vw,90px) clamp(40px,5vw,90px) 0 0;margin-top:clamp(-40px,-3vw,-20px)}
.tT .tT__blob,.tT::after{display:none}

/* luft: mindre tom bund i trin-sektionen, mere luft over kundebillederne */
.tT{padding-bottom:0!important}
.tT .tT__inner{padding-bottom:clamp(56px,5.5vw,88px)!important}
.tT .tT__grid{align-content:start;grid-auto-rows:auto;margin-bottom:0}
.tT .tT__step{min-height:0;height:auto}
#kunder{padding-top:clamp(110px,10vw,170px)!important}

/* hvid kundesektion med buet overkant ind i trin-sektionen */
.tT .tT__inner{padding-bottom:clamp(110px,10vw,180px)!important}
#kunder{position:relative;z-index:3;background:#fff;margin-top:calc(clamp(70px,7vw,120px) * -1);border-radius:50% 50% 0 0 / clamp(60px,6.5vw,120px) clamp(60px,6.5vw,120px) 0 0}

/* trin-billeder = browservinduer, lagt ind over cirklen */
.tT .tT__art--win{overflow:visible;padding:0}
.tT .tT__art--win img,.tT .tT__step:nth-child(n) .tT__art--win img{width:128%;max-width:none;max-height:none;height:auto;transform:none;filter:drop-shadow(0 14px 22px rgba(18,53,33,.16))}
@media (max-width:1020px){.tT .tT__art--win img,.tT .tT__step:nth-child(n) .tT__art--win img{width:112%}}

/* vinduer: bundjusteret, ingen overløb ind i numrene */
.tT .tT__art--win{align-items:flex-end}
.tT .tT__art--win img,.tT .tT__step:nth-child(n) .tT__art--win img{width:112%;max-height:118%;object-fit:contain;object-position:center bottom}
.tT .tT__no{margin-top:30px}
.tT .tT__grid::before{top:calc(var(--tT-s) + 50px)}

/* "Start her" over venstre del af feltet; pilen buer ned i feltet (intet stikker ud til siden) */
.hC__start .hC__starthere{left:26px;top:-50px;transform:rotate(-4deg)}
.hC__start .hC__arrow{left:clamp(118px,9.4vw,138px);top:-46px;width:44px;height:44px}
@media (max-width:560px){.hC__start .hC__starthere{left:50%;transform:translateX(-50%) rotate(-4deg);top:-44px}}

/* pilen går fra "Følg instruktionerne" ned i feltet; "Start her" står ved siden af pilen */
.hC__start{margin-top:clamp(64px,5.4vw,80px)}
.hC__start .hC__arrow{left:16px;top:-66px;width:40px;height:64px}
.hC__start .hC__starthere{left:62px;top:-46px;transform:rotate(-4deg)}
@media (max-width:560px){.hC__start .hC__arrow{display:block;left:calc(50% - 86px)}.hC__start .hC__starthere{left:calc(50% - 40px);transform:rotate(-4deg)}}

/* "Start her": ren pille på kortets kant med en lille pil ned i feltet */
.hC__start{margin-top:clamp(40px,3.6vw,52px)}
.hC__start .hC__arrow,.hC__start .hC__spark{display:none!important}
.hC__start .hC__starthere,.hC__start--card .hC__starthere{left:26px!important;top:-15px!important;transform:none!important;clip-path:none;animation:hCpill .5s cubic-bezier(.2,.7,.3,1) .9s both;display:inline-flex;align-items:center;gap:7px;z-index:2;background:#123521;color:#fff;font:700 14px/1 var(--font-heading);letter-spacing:-.005em;padding:8px 14px 8px 13px;border-radius:999px;box-shadow:0 6px 14px -6px rgba(18,53,33,.45)}
.hC__start .hC__starthere::before{content:"";width:7px;height:7px;border-radius:50%;background:#BCD544;box-shadow:0 0 0 3px rgba(188,213,68,.3)}
.hC__start .hC__starthere::after{content:"";position:absolute;left:22px;bottom:-6px;width:12px;height:12px;background:#123521;transform:rotate(45deg);border-radius:2px;z-index:-1}
@keyframes hCpill{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:560px){.hC__start .hC__starthere{left:50%!important;transform:translateX(-50%)!important;animation:none}.hC__start .hC__starthere::after{left:calc(50% - 6px)}}
@media (prefers-reduced-motion:reduce){.hC__start .hC__starthere{animation:none}}

/* "Start her" igen: håndskrift + pil der buer ned i feltet */
.hC__start{margin-top:clamp(72px,6vw,88px)}
.hC__start .hC__arrow{display:block!important;left:clamp(122px,9.6vw,140px);top:-62px;width:46px;height:64px;color:var(--hC-red)}
.hC__start .hC__starthere,.hC__start--card .hC__starthere{left:20px!important;top:-58px!important;transform:rotate(-5deg)!important;transform-origin:left bottom;display:block;background:none;box-shadow:none;padding:0;border-radius:0;font:700 clamp(26px,2.1vw,32px)/1 'Caveat',cursive;color:var(--hC-red);letter-spacing:0;clip-path:inset(-20% 100% -20% 0);animation:hCwrite .9s cubic-bezier(.6,0,.3,1) 1s forwards}
.hC__start .hC__starthere::before,.hC__start .hC__starthere::after{display:none}
@media (max-width:560px){
  .hC__start .hC__starthere{left:calc(50% - 70px)!important;transform:rotate(-5deg)!important}
  .hC__start .hC__arrow{left:calc(50% + 30px)}
}
@media (prefers-reduced-motion:reduce){.hC__start .hC__starthere{clip-path:none;animation:none}}

/* "Start her" som reference: tekst over feltets start, pil buer ud til venstre og ind i feltet */
.hC__start{margin-top:clamp(60px,5vw,74px)}
.hC__start .hC__starthere,.hC__start--card .hC__starthere{left:14px!important;top:-50px!important;transform:rotate(-6deg)!important}
.hC__start .hC__arrow{left:-40px;top:-30px;width:48px;height:77px}
@media (max-width:560px){
  .hC__start .hC__arrow{display:none!important}
  .hC__start .hC__starthere{left:50%!important;transform:translateX(-50%) rotate(-6deg)!important;top:-46px!important}
}

/* pile mellem billederne */
.tT .tT__step{position:relative}
.tT .tT__step:not(:last-child)::before{content:"";position:absolute;z-index:1;top:calc(var(--tT-s) / 2 - 16px);right:calc(-1 * (clamp(16px,2vw,36px) / 2 + 30px));width:60px;height:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 28'%3E%3Cpath d='M4 20C20 4 42 4 57 15' fill='none' stroke='%238BAA22' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M48 7l10 8.5-12 3' fill='none' stroke='%238BAA22' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
@media (max-width:1020px){.tT .tT__step::before{display:none}}
@media (max-width:1240px) and (min-width:1021px){
  .tT .tT__art--win img,.tT .tT__step:nth-child(n) .tT__art--win img{width:100%}
  .tT .tT__step:not(:last-child)::before{width:32px;height:16px;top:calc(var(--tT-s) / 2 - 8px);right:calc(-1 * (clamp(16px,2vw,36px) / 2 + 16px))}
}

/* blob nederst til venstre havde samme farve som trin-sektionen og fik buen til at forsvinde */
.hC__blob--bl{display:none!important}

/* tid pr. trin som tydelig pille under titlen */
.tT .tT__time{order:3;display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:7px 14px 7px 11px;border-radius:999px;background:#fff;border:1.5px solid #CFE173;font:700 clamp(14px,1.1vw,16px)/1 var(--font-heading);color:#123521;white-space:nowrap}
.tT .tT__time svg{width:17px;height:17px;flex:none;color:#9CB52F}
.tT .tT__time--hi{background:#BCD544;border-color:#BCD544}
.tT .tT__time--hi svg{color:#123521}
.tT .tT__step p{order:4;margin-top:10px}

/* hero v3-tekster */
.hC__usps--v3{list-style:none;margin:clamp(16px,1.6vw,24px) 0 0;padding:0;display:grid;gap:10px}
.hC__usps--v3 li{display:flex;align-items:center;gap:11px;font:500 clamp(15.5px,1.15vw,18px)/1.35 var(--font-body);color:#123521}
.hC__usps--v3 svg{flex:none;width:24px;height:24px}
.hC__flow{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-top:14px;padding-left:6px;font:400 15px/1.3 var(--font-body);color:#3A4A41}
.hC__flow b{font-weight:600;color:#123521}
.hC__flow i{font-style:normal;color:#9CB52F;font-weight:700}
.hC__meta{margin:8px 0 0;padding-left:6px;font:400 15px/1.3 var(--font-body);color:#3A4A41;display:flex;flex-wrap:wrap;gap:4px 8px}
.hC__meta b{font-weight:700;color:#123521}
@media (max-width:1020px){.hC__usps--v3{justify-self:center;text-align:left;margin-left:auto;margin-right:auto;width:max-content;max-width:100%}.hC__flow,.hC__meta{justify-content:center;padding-left:0}}
/* mindre luft mellem buen og kundebillederne */
#kunder{padding-top:clamp(64px,5.5vw,100px)!important}

/* ny hero-animation (mand + kort i bane), 4:3 */
.hC__frame iframe[src*="hero-orbit"]{aspect-ratio:4/3;width:100%;height:auto;border:0;background:transparent;display:block}

/* trin 1: animeret formular (560x610) */
.tT .tT__art--anim iframe{display:block;flex:none;width:112%;max-width:none;aspect-ratio:560/610;height:auto;border:0;background:transparent;pointer-events:none;filter:drop-shadow(0 14px 22px rgba(18,53,33,.16))}
@media (max-width:1240px) and (min-width:1021px){.tT .tT__art--anim iframe{width:100%}}
.tT .tT__art--anim2 iframe{aspect-ratio:560/610}

/* ingen stiplet linje mellem numrene */
.tT .tT__grid::before{display:none!important}

/* mere luft mellem trin-overskriften og billederne */
.tT .tT__grid{margin-top:clamp(72px,7vw,120px)!important}

/* mere luft: i trin-teksterne og ned til den hvide bue */
.tT .tT__time{margin-top:16px}
.tT .tT__step p{margin-top:14px}
.tT .tT__inner{padding-bottom:clamp(160px,13vw,240px)!important}

/* mere luft top og bund i trin-sektionen */
.tT .tT__inner{padding-top:clamp(110px,9vw,170px)!important;padding-bottom:clamp(200px,16vw,290px)!important}

/* ingen cirkler bag trin-illustrationerne */
.tT .tT__art,.tT .tT__step:nth-child(n) .tT__art{background:none!important;box-shadow:none!important;border-radius:0!important}

/* trin-illustrationerne lidt større; pilene gøres tilsvarende smallere */
.tT .tT__art--anim iframe{width:126%!important}
.tT .tT__step:not(:last-child)::before{width:44px;height:19px;top:calc(var(--tT-s) / 2 - 10px);right:calc(-1 * (clamp(16px,2vw,36px) / 2 + 22px))}
@media (max-width:1240px) and (min-width:1021px){.tT .tT__art--anim iframe{width:108%!important}.tT .tT__step:not(:last-child)::before{width:28px;height:13px;right:calc(-1 * (clamp(16px,2vw,36px) / 2 + 14px))}}
@media (max-width:1020px){.tT .tT__art--anim iframe{width:130%!important}}
@media (max-width:1020px){.tT .tT__art,.tT .tT__step:nth-child(n) .tT__art{height:auto!important;min-height:var(--tT-s)}}

/* trin toner ind ét ad gangen, ovenfra og ned, når sektionen rulles ind */
.tT.tT--fx .tT__step{opacity:0;transform:translateY(-28px);transition:opacity .8s cubic-bezier(.2,.7,.3,1),transform .9s cubic-bezier(.2,.7,.3,1)}
.tT.tT--fx.is-in .tT__step{opacity:1;transform:none}
.tT.tT--fx.is-in .tT__step:nth-child(2){transition-delay:.35s}
.tT.tT--fx.is-in .tT__step:nth-child(3){transition-delay:.7s}
.tT.tT--fx.is-in .tT__step:nth-child(4){transition-delay:1.05s}
@media (prefers-reduced-motion:reduce){.tT.tT--fx .tT__step{opacity:1;transform:none;transition:none}}

/* mobil: den grønne cirkel holdes oppe i hjørnet, så den ikke løber ind under tekst og billede */
@media (max-width:760px){
  .hC--v2 .hC__blob--tr,.hC__blob--tr{width:62vw!important;right:-30vw!important;top:-26vw!important}
}

/* menuen går bredere ud: logo helt til venstre, knap helt til højre */
.mw-nav2.mw-nav2--narrow .mw-nav2__bar{max-width:none!important}
.mw-nav2.mw-nav2--clear{padding:0 clamp(16px,2.6vw,48px)}

/* "15 minutter"-pillen hvid som de andre */
.tT .tT__time--hi{background:#fff!important;border-color:#CFE173!important}
.tT .tT__time--hi svg{color:#9CB52F!important}

/* ====== Mobil (5/11-2026, Victor): luft under "Kendt fra" og trinene som slider med store kort ====== */
@media (max-width:1020px){
  /* "Kendt fra" sad klistret op ad trin-sektionens bue */
  .hC--v2 .hC__inner{padding-bottom:64px}
}
@media (max-width:760px){
  .tT .tT__inner{padding-left:0!important;padding-right:0!important}
  .tT .tT__h2{padding:0 var(--gutter)}
  /* slider: et kort ad gangen, det naeste titter frem, snapper paa plads */
  .tT{--tT-s:min(68vw,300px)}
  .tT .tT__grid{display:flex!important;grid-template-columns:none!important;gap:14px!important;margin-top:26px!important;padding:6px var(--gutter) 10px;
    overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .tT .tT__grid::-webkit-scrollbar{display:none}
  .tT .tT__grid::before{display:none}
  .tT .tT__step,.tT .tT__step:nth-child(n){flex:0 0 84%;scroll-snap-align:center;scroll-snap-stop:always;
    background:#fff;border-radius:26px;padding:22px 18px 24px;box-shadow:0 18px 40px -28px rgba(18,53,33,.35)}
  .tT .tT__step::before{display:none}
  /* illustrationen fylder kortets bredde (ingen cirkel, intet der stikker ud over kortet) */
  .tT .tT__art,.tT .tT__art--win,.tT .tT__art--anim,.tT .tT__step:nth-child(n) .tT__art{width:100%!important;height:auto!important;border-radius:18px;background:#F4F7EA;box-shadow:none;overflow:hidden;padding:14px 10px 0;box-sizing:border-box;align-items:flex-end}
  .tT .tT__step:nth-child(even) .tT__art{background:#FAF7F1}
  .tT .tT__art iframe,.tT .tT__art--anim iframe,.tT .tT__art img,.tT .tT__art--win img,.tT .tT__step:nth-child(n) .tT__art--win img,.tT .tT__step:nth-child(3) .tT__art img{width:100%!important;max-width:100%!important;max-height:none!important;transform:none!important}
  .tT .tT__no{margin-top:22px;box-shadow:0 0 0 7px #fff}
  .tT .tT__head h3{font-size:21px}
  .tT .tT__step p{font-size:16px;max-width:none}
  /* prikker under slideren */
  .tT__dots{display:flex;justify-content:center;gap:8px;margin-top:16px}
  .tT__dots button{width:44px;height:44px;padding:0;border:0;background:none;display:grid;place-items:center;cursor:pointer}
  .tT__dots button::before{content:"";width:9px;height:9px;border-radius:999px;background:rgba(18,53,33,.22);transition:width .25s ease,background .25s ease}
  .tT__dots button[aria-current="true"]::before{width:26px;background:#1A4631}
}
@media (min-width:761px){.tT__dots{display:none}}
@media (prefers-reduced-motion:reduce){.tT__dots button::before{transition:none}}
/* (5/11-2026) intet maa tegnes uden for trin-kortet paa mobil - uanset browser og gamle regler laengere oppe */
@media (max-width:760px){
  .tT .tT__step,.tT .tT__step:nth-child(n){overflow:hidden!important;contain:paint}
  .tT .tT__art,.tT .tT__art--win,.tT .tT__art--anim,.tT .tT__step:nth-child(n) .tT__art{overflow:hidden!important;margin:0!important}
}

/* ====== "Se hvordan det virker" (6/11-2026): popper op efter 5 s, hvis man ikke har scrollet - faar folk videre ned ====== */
.hC__mere{position:fixed;left:50%;bottom:clamp(18px,3.5vh,34px);z-index:40;display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 24px;
  border-radius:999px;background:rgba(255,255,255,.94);border:1px solid rgba(18,53,33,.1);box-shadow:0 18px 40px -18px rgba(18,53,33,.45),0 2px 6px rgba(18,53,33,.06);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#123521;text-decoration:none;white-space:nowrap;
  font:700 17px/1 var(--font-heading);letter-spacing:-.01em;
  opacity:0;visibility:hidden;transform:translate(-50%,14px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.3,1),visibility 0s linear .5s}
.hC__mere.is-vist{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.3,1),visibility 0s}
.hC__mere:hover{border-color:#BCD544;box-shadow:0 18px 40px -18px rgba(18,53,33,.5),0 0 0 3px rgba(188,213,68,.25)}
.hC__mere:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(125,178,60,.55)}
.hC__mere svg{width:20px;height:20px;flex:none;fill:none;stroke:#9CB52F;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hC__mere.is-vist svg{animation:hCnik 1.8s ease-in-out infinite}
.hC__mere.is-vist svg:last-child{animation-delay:.15s}
@keyframes hCnik{0%,55%,100%{transform:translateY(0)}25%{transform:translateY(4px)}}
@media (max-width:560px){.hC__mere{font-size:15.5px;padding:0 20px;gap:10px;min-height:48px}}
@media (prefers-reduced-motion:reduce){.hC__mere,.hC__mere.is-vist{transition:opacity .2s linear,visibility 0s}.hC__mere.is-vist svg{animation:none}}

/* ====== Trin-overskriften i tre linjer (6/11-2026, Victors skitse): lille - STOR - lille ====== */
.tT__h2--tre{display:flex;flex-direction:column;align-items:center;gap:4px;max-width:none}
.tT__h2--tre .tT__h2-lille{display:block;font:500 clamp(20px,1.9vw,30px)/1.2 var(--font-body);letter-spacing:-.01em;color:#123521}
.tT__h2--tre .tT__h2-stor{display:block;font:700 clamp(32px,3.6vw,54px)/1.08 var(--font-heading);letter-spacing:-.025em;color:#123521;text-wrap:balance}
@media (max-width:560px){.tT__h2--tre .tT__h2-stor{font-size:clamp(28px,8.4vw,40px)}}

/* ====== Trin-tekster som Victors billede (6/11-2026): Comfortaa, stoerre, fast 2 linjer ====== */
.tT .tT__step h3{font:600 clamp(20px,1.6vw,28px)/1.2 'Comfortaa',var(--font-heading)!important;letter-spacing:-0.01em}
.tT .tT__time{font:600 clamp(15px,1.15vw,19px)/1 'Comfortaa',var(--font-heading)!important;padding:9px 18px 9px 14px;gap:9px}
.tT .tT__step p{font-size:clamp(15px,1vw,17px);line-height:1.7}
.tT .tT__no{font-family:'Figtree',system-ui,sans-serif!important;font-weight:600}
@media (max-width:760px){.tT .tT__step h3{font-size:22px}.tT .tT__time{font-size:16px}}

/* ====== Trin for trin som skitsen (6/11-2026): venstrestillet top, linje mellem tallene ====== */
.tT__top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 40px;padding-bottom:clamp(22px,2.2vw,34px);border-bottom:1.5px solid rgba(156,181,47,.55)}
.tT__h2--to{margin:0;max-width:none;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.tT__h2--to .tT__h2-lille{display:block;font:700 clamp(22px,2vw,32px)/1.2 'Comfortaa',var(--font-heading);letter-spacing:-.01em;color:#123521}
.tT__h2--to .tT__h2-stor{display:block;font:700 clamp(32px,3.3vw,52px)/1.1 'Comfortaa',var(--font-heading);letter-spacing:-.025em;color:#123521}
.tT__maerke{display:flex;align-items:center;gap:clamp(18px,2vw,32px);padding-bottom:6px;flex:none}
.tT__prikker{display:flex;gap:14px}
.tT__prikker i{width:18px;height:18px;border-radius:50%;border:2px solid #9CB52F;box-sizing:border-box}
.tT__prikker i.on{background:#9CB52F}
.tT__tag{font:700 clamp(20px,1.8vw,30px)/1 'Comfortaa',var(--font-heading);color:#123521;white-space:nowrap}
.tT .tT__grid{margin-top:clamp(40px,4vw,64px)!important}
.tT .tT__step{container-type:inline-size}
.tT .tT__no{width:clamp(44px,3.3vw,54px);font-size:clamp(18px,1.4vw,23px);font-weight:700;box-shadow:none}
.tT .tT__no::after{content:"";position:absolute;left:100%;top:50%;height:2px;margin-top:-1px;width:calc(100cqw + clamp(16px,2vw,36px) - clamp(44px,3.3vw,54px));background:#9CB52F;pointer-events:none}
.tT .tT__step:last-child .tT__no::after{display:none}
.tT .tT__step h3{font-weight:700!important;font-size:clamp(19px,1.5vw,26px)!important}
.tT .tT__time{font-weight:700!important}
.tT .tT__step p{color:#123521;line-height:1.4;font-size:clamp(15px,1.1vw,18px)}
@media (max-width:1020px){.tT .tT__no::after{display:none}}
@media (max-width:760px){
  .tT__top{flex-direction:column;align-items:flex-start;gap:14px;margin:0 var(--gutter);padding-bottom:18px}
  .tT__h2--to{padding:0!important}
  .tT__h2--to .tT__h2-stor{font-size:clamp(26px,7.6vw,36px)}
  .tT__maerke{gap:14px;padding:0}
  .tT__prikker{display:none}
  .tT__tag{font-size:19px}
  .tT .tT__grid{margin-top:22px!important}
  .tT .tT__step p br{display:none}
}
/* skitsen bruger overskriftsskriften (M PLUS Rounded), og animationerne maa ikke stikke op over stregen */
.tT__h2--to .tT__h2-lille,.tT__h2--to .tT__h2-stor,.tT__tag,.tT .tT__step h3,.tT .tT__time{font-family:var(--font-heading)!important}
.tT__h2--to .tT__h2-lille{font-weight:700;font-size:clamp(22px,2vw,32px)}
.tT__h2--to .tT__h2-stor{font-weight:800;font-size:clamp(32px,3.2vw,52px)}
.tT__tag{font-weight:800}
.tT .tT__step h3{font-weight:800!important;letter-spacing:-.015em}
@media (min-width:1021px){
  .tT .tT__art,.tT .tT__step:nth-child(n) .tT__art{height:auto!important;align-items:flex-start}
  .tT .tT__step:not(:last-child)::before{top:calc(68.6cqw - 10px)}
}
@media (max-width:1240px) and (min-width:1021px){.tT .tT__step:not(:last-child)::before{top:calc(58.8cqw - 6px)}}
.tT__top{border-bottom-color:#A6C93A}
.tT .tT__step h3{font-weight:700!important}
.tT .tT__step p{max-width:340px}

/* ====== Pilene i midten af kortene og mellemrummet (6/11-2026) ====== */
@media (min-width:1021px){
  .tT .tT__step:not(:last-child)::before{display:none!important}
  .tT .tT__art{position:relative}
  .tT .tT__step:not(:last-child) .tT__art::after{content:"";position:absolute;z-index:2;top:50%;width:44px;height:19px;margin-top:-9.5px;right:calc(-1 * (clamp(16px,2vw,36px) / 2) - 22px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 28'%3E%3Cpath d='M4 20C20 4 42 4 57 15' fill='none' stroke='%238BAA22' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M48 7l10 8.5-12 3' fill='none' stroke='%238BAA22' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
}
@media (max-width:1240px) and (min-width:1021px){.tT .tT__step:not(:last-child) .tT__art::after{width:30px;height:13px;margin-top:-6.5px;right:calc(-1 * (clamp(16px,2vw,36px) / 2) - 15px)}}
@media (min-width:1021px){.tT .tT__step:not(:last-child) .tT__art::after{right:auto;left:calc(50% + 50cqw + clamp(16px,2vw,36px) / 2 - 22px)}}
@media (max-width:1240px) and (min-width:1021px){.tT .tT__step:not(:last-child) .tT__art::after{left:calc(50% + 50cqw + clamp(16px,2vw,36px) / 2 - 15px)}}
@media (max-width:1240px){.tT .tT__step p br{display:none}}
@media (max-width:1240px) and (min-width:1021px){.tT .tT__step h3{font-size:17px!important}}
@media (max-width:1240px) and (min-width:1021px){.tT .tT__step h3 br{display:none}}

/* Finish-lag (6/11-2026): trin-overskriften paa samme skala som de andre sektioner */
.tT .tT__h2--to { font-size: var(--mw-h2, clamp(30px, calc(2.4vw + 12px), 46px)) !important; line-height: 1.08 !important; letter-spacing: -0.022em !important; }
/* Sidebredde 1600 px (6/11-2026): hero og trin flugter med resten af siden */
.hC__inner, .tT__inner { max-width: calc(var(--mw-side, 1600px) + 2 * var(--gutter)) !important; }
/* (6/11-2026, Victor) hero-animationen lidt stoerre og hoejere op, saa den flugter med teksten til venstre */
@media (min-width:1021px){
  .hC--v2 .hC__frame{width:min(112%,calc((100svh - 170px) * 1.52))!important;transform:translateY(-9%);margin-left:auto}
}
/* (6/11-2026, Victor) "Start her" paa mobil: lille pil ned i feltet til hoejre for teksten */
@media (max-width:560px){
  .hC__start .hC__arrow{display:block!important;left:calc(50% + 58px);top:-50px;width:30px;height:46px;transform:scaleX(-1);animation:none}
}
/* (6/11-2026, Victor) trin paa mobil: ingen hvide kort - trinene staar direkte paa den groenne baggrund som paa computer */
@media (max-width:760px){
  .tT .tT__step,.tT .tT__step:nth-child(n){background:none!important;box-shadow:none!important;border:0!important}
  .tT .tT__art,.tT .tT__art--win,.tT .tT__art--anim,.tT .tT__step:nth-child(n) .tT__art{background:none!important;padding:4px 0!important}
  .tT .tT__no{box-shadow:0 0 0 7px #EEF4D0!important}
  .tT .tT__time{background:#fff}
}
@media (max-width:760px){.tT .tT__art iframe,.tT .tT__art--anim iframe{filter:none!important}}
/* (6/11-2026, Victor) trin-overskrift: lille linje over, stor linje under */
.tT__h2--to .tT__h2-lille{font-weight:700!important;font-size:clamp(19px,1.9vw,29px)!important;line-height:1.2!important;letter-spacing:-.005em!important}
.tT__h2--to .tT__h2-stor{font-weight:700!important;font-size:clamp(28px,3vw,46px)!important;line-height:1.1!important;margin-top:4px}
@media (max-width:760px){.tT__h2--to .tT__h2-stor{font-size:clamp(26px,7.4vw,32px)!important}}