/* Simplitize – "Det siger vores kunder" som 3D-karrusel på fotobaggrund. Alt under .stzk */
.stzk{
	--k-ink:#0A1F1D;--k-lime:#B1EA68;--k-dark:#0E3B37;
	position:relative;overflow:hidden;isolation:isolate;box-sizing:border-box;font-family:Jost,Helvetica,Arial,sans-serif;
	color:#fff;background:#0D2526;padding:110px 0;line-height:1.5;text-align:left}
.stzk *,.stzk *::before,.stzk *::after{box-sizing:border-box}
.stzk.stzk--full{width:calc(100vw - var(--stzu-sb,0px)) !important;max-width:none !important;margin-left:calc(50% - 50vw + var(--stzu-sb,0px) / 2) !important;margin-right:0 !important}
.stzk p,.stzk h2{margin:0;padding:0}
.stzk a:not(#stz-nu),.stzk a:not(#stz-nu):hover{text-decoration:none !important}
.stzk button{font-family:inherit}
.stzk button:focus-visible,.stzk a:focus-visible,.stzk .stzk-card:focus-visible{outline:3px solid var(--k-lime);outline-offset:3px}

/* Fotobaggrund med let parallax og lys, der følger musen */
.stzk-bg{position:absolute;inset:-7% 0;z-index:-3;background-position:center;background-size:cover;transform:translate3d(0,var(--stzk-py,0px),0);will-change:transform}
/* Standard: blød gradient i fotoets farver (koksgrå, varm grå, en anelse hudtone og et strejf af teal) */
.stzk-bg--gradient{background:
	radial-gradient(38% 55% at 24% 72%,rgba(132,102,90,.55) 0%,rgba(132,102,90,0) 70%),
	radial-gradient(42% 55% at 32% 22%,rgba(128,130,126,.42) 0%,rgba(128,130,126,0) 72%),
	radial-gradient(30% 40% at 58% 48%,rgba(95,96,92,.35) 0%,rgba(95,96,92,0) 70%),
	radial-gradient(55% 75% at 86% 28%,rgba(14,16,16,.95) 0%,rgba(14,16,16,0) 70%),
	radial-gradient(50% 60% at 82% 100%,rgba(84,184,186,.22) 0%,rgba(84,184,186,0) 70%),
	linear-gradient(115deg,#2c2e2d 0%,#3a3c3a 32%,#232525 58%,#151717 100%)}
.stzk::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,.2) 100%)}
.stzk::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .4s;
	background:radial-gradient(520px circle at var(--stzk-mx,50%) var(--stzk-my,50%),rgba(177,234,104,.13),transparent 60%)}
.stzk:hover::after{opacity:1}

.stzk-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.stzk .stzk-h{font-family:inherit !important;text-align:center;font-size:clamp(32px,3.6vw,50px) !important;line-height:1.05 !important;font-weight:500 !important;letter-spacing:-.02em;color:#fff !important;padding:0 !important}

/* Scenen og kortene */
.stzk-stage{position:relative;height:calc(var(--stzk-hh,450px) + 50px);margin-top:40px;perspective:1500px;touch-action:pan-y;user-select:none;-webkit-user-select:none;transition:transform .4s;transform-style:preserve-3d}
.stzk-card{position:absolute;left:50%;top:0;width:min(560px,78%);margin-left:calc(min(560px,78%) / -2);min-height:var(--stzk-hh,450px);padding:40px 44px;display:flex;flex-direction:column;cursor:pointer;
	color:#fff;border-radius:24px;border:1px solid rgba(255,255,255,.18);
	background:linear-gradient(140deg,rgba(255,255,255,.14),rgba(255,255,255,.05));
	-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);
	box-shadow:0 40px 80px -40px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.18);
	transition:transform .8s cubic-bezier(.2,.75,.2,1),opacity .6s,filter .6s}
.stzk-card:not(.is-active){filter:brightness(.55) blur(1px)}
.stzk-card.is-active{cursor:default}
.stzk-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.stzk-logo{height:30px;width:auto;max-width:140px;object-fit:contain;display:block}
.stzk-company{font-size:18px;font-weight:500;letter-spacing:.02em}
.stzk-tag{display:inline-block;font-size:13px;font-weight:500;padding:6px 14px;border-radius:999px;background:rgba(177,234,104,.16);color:var(--k-lime);border:1px solid rgba(177,234,104,.35);white-space:nowrap}
.stzk .stzk-quote{margin-top:22px !important;flex:1;font-size:clamp(17px,1.6vw,21px) !important;line-height:1.48 !important;font-weight:300;color:#fff !important;letter-spacing:-.005em;text-shadow:0 1px 18px rgba(0,0,0,.35)}
.stzk-who{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);font-size:14px;line-height:1.45;color:rgba(255,255,255,.78)}
.stzk-glare{position:absolute;inset:0;z-index:5;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s}
.stzk-card.is-tilting .stzk-glare{opacity:1}

/* Pile og prikker */
.stzk-nav{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:6px}
.stzk .stzk-arrow{width:48px;height:48px;padding:0;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);background:rgba(255,255,255,.04);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
	-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s,color .2s,border-color .2s,transform .2s}
@media (hover:hover){.stzk .stzk-arrow:hover{background:var(--k-lime);border-color:var(--k-lime);color:var(--k-ink);transform:translateY(-2px)}}
.stzk-dots{display:flex;gap:8px}
.stzk .stzk-dot{width:10px;height:10px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.3);cursor:pointer;transition:width .4s,background .4s}
.stzk .stzk-dot.is-on{width:34px;background:var(--k-lime)}
.stzk-cta{text-align:center;margin-top:36px}
.stzk a.stzk-more:not(#stz-nu){display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;border:1.5px solid rgba(255,255,255,.7);color:#fff !important;font-size:15px;font-weight:500;letter-spacing:.06em;transition:background .2s,color .2s,border-color .2s,transform .2s}
.stzk a.stzk-more:not(#stz-nu):hover{background:var(--k-lime);border-color:var(--k-lime);color:var(--k-ink) !important;transform:translateY(-2px)}

/* Smal skærm */
.stzk.is-narrow{padding:72px 0}
.stzk.is-narrow .stzk-stage{margin-top:28px}
.stzk.is-narrow .stzk-card{width:84%;margin-left:-42%;padding:28px 22px}
.stzk.is-narrow .stzk-top{flex-direction:column;align-items:flex-start}
.stzk.is-narrow .stzk-tag{white-space:normal}

@media (prefers-reduced-motion:reduce){.stzk,.stzk *{transition:none !important;animation:none !important}.stzk-bg{transform:none}}

/* Plads holdes fri, mens sektionen bygges – så siden ikke hopper */
.simplitize-kunder:empty{display:block;min-height:880px}
@media (max-width:767px){.simplitize-kunder:empty{min-height:860px}}