/* Simplitize – "Klar til at få overblik?" med HubSpot-formularen. Alt under .stzc
   Selve formularen ligger i en HubSpot-ramme og styles i HubSpot – her styles alt omkring den. */
.stzc{--c-ink:#0A1F1D;--c-muted:#3D5350;--c-soft:#6B7E7A;--c-lime:#B1EA68;--c-dark:#0E3B37;--c-line:#E3ECE8;--c-ease:cubic-bezier(.2,.7,.1,1);
	position:relative;overflow:hidden;isolation:isolate;box-sizing:border-box;display:block;padding:104px 0;font-family:Jost,Helvetica,Arial,sans-serif;color:var(--c-ink);line-height:1.5;text-align:left;-webkit-font-smoothing:antialiased;
	background:linear-gradient(180deg,#fff 0%,#EEF5F2 100%)}
/* Blød farvetone: svagt lime skær oppe til højre, mørkegrønt nede til venstre */
.stzc--farve::before{content:"";position:absolute;z-index:-1;top:-20%;right:-10%;width:60%;height:120%;background:radial-gradient(closest-side,rgba(177,234,104,.28),rgba(177,234,104,0));filter:blur(10px);pointer-events:none}
.stzc--farve::after{content:"";position:absolute;z-index:-1;left:-10%;bottom:-30%;width:55%;height:90%;background:radial-gradient(closest-side,rgba(14,59,55,.14),rgba(14,59,55,0));pointer-events:none}
.stzc--hvid{background:#fff}
.stzc--lys{background:#F4F8F6}
.stzc *,.stzc *::before,.stzc *::after{box-sizing:border-box}
.stzc.stzc--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}
.stzc p,.stzc h2{margin:0;padding:0}
.stzc a:not(#stz-nu){color:inherit !important;text-decoration:none !important}
.stzc a:focus-visible{outline:3px solid var(--c-lime);outline-offset:3px;border-radius:8px}
.stzc-wrap{position:relative;max-width:1400px;margin:0 auto;padding:0 clamp(16px,3vw,40px)}

/* Overskrift centreret – som "Digital transformation …" */
.stzc-head{max-width:780px;margin:0 auto 52px;text-align:center}
.stzc .stzc-h{font-family:inherit !important;font-size:clamp(38px,4.4vw,62px) !important;line-height:1.02 !important;font-weight:500 !important;letter-spacing:-.03em;color:var(--c-ink) !important;padding:0 !important}
.stzc .stzc-lead{margin:16px auto 0 !important;max-width:560px;font-size:clamp(17px,1.5vw,21px) !important;line-height:1.6 !important;font-weight:300;color:var(--c-muted) !important}
.stzc-lead strong{font-weight:500;color:var(--c-ink);background:linear-gradient(var(--c-lime),var(--c-lime)) 0 100%/100% .14em no-repeat}

/* Personkort og formular side om side */
.stzc-grid{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(18px,2vw,28px);max-width:1240px;margin:0 auto;align-items:stretch}

.stzc-person{display:flex;flex-direction:column;background:#fff;border:1px solid var(--c-line);border-radius:24px;padding:10px;transition:transform .5s var(--c-ease),box-shadow .5s var(--c-ease)}
.stzc-person:hover{transform:translateY(-4px);box-shadow:0 30px 60px -36px rgba(14,59,55,.35)}
.stzc-img{border-radius:16px;overflow:hidden;aspect-ratio:4/3.4;background:#F4F8F6}
.stzc .stzc-img img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 20%;transition:transform .9s var(--c-ease)}
.stzc-person:hover .stzc-img img{transform:scale(1.04)}
.stzc-pbody{display:flex;flex-direction:column;padding:20px 16px 10px}
.stzc .stzc-name{margin:0 0 14px !important;font-size:20px;font-weight:500;line-height:1.3;color:var(--c-ink)}
.stzc a.stzc-row:not(#stz-nu){display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--c-line);font-size:16px;font-weight:500;color:var(--c-ink) !important;transition:padding .4s var(--c-ease)}
.stzc-rt{min-width:0;overflow-wrap:anywhere}
.stzc-ico{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--c-ink);color:var(--c-lime)}
.stzc-row i{width:34px;height:34px;border-radius:50%;flex-shrink:0;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;background:var(--c-lime);color:var(--c-ink);font-style:normal;transition:transform .45s var(--c-ease)}
.stzc a.stzc-row:not(#stz-nu):hover{padding-left:4px}
.stzc-row:hover i{transform:rotate(-45deg)}

/* Formularen */
.stzc-card{position:relative;min-height:600px;background:#fff;border:1px solid var(--c-line);border-radius:24px;padding:clamp(20px,3vw,44px);box-shadow:0 30px 60px -44px rgba(14,59,55,.35);transition:box-shadow .4s,border-color .3s}
.stzc-card:focus-within{border-color:var(--c-lime);box-shadow:0 40px 70px -44px rgba(14,59,55,.4)}
.stzc-card .hs-form-frame{position:relative;z-index:1;width:100%}
.stzc-card iframe{display:block;width:100% !important;border:0}

/* Pladsholder, mens formularen hentes (forhindrer at siden hopper) */
.stzc-wait{position:absolute;inset:clamp(20px,3vw,44px);z-index:0;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:min-content;gap:28px 20px;transition:opacity .4s}
.stzc-wait::before{content:"";grid-column:1/-1;height:28px;width:70%;border-radius:8px;background:#EEF3F1;margin-bottom:8px}
.stzc-wait i{height:48px;border-radius:8px;background:#EEF3F1}
.stzc-wait b{grid-column:1/-1;height:110px;border-radius:8px;background:#EEF3F1}
.stzc-wait i,.stzc-wait b,.stzc-wait::before{background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);background-size:200% 100%;background-repeat:no-repeat;animation:stzc-sh 1.4s linear infinite}
@keyframes stzc-sh{from{background-position:150% 0}to{background-position:-50% 0}}
.stzc-card.is-loaded .stzc-wait{opacity:0;pointer-events:none}
.stzc-card.is-loaded{min-height:0}

/* Tablet og mobil */
@media (max-width:980px){
	.stzc{padding:72px 0}
	.stzc-grid{grid-template-columns:minmax(0,1fr)}
	.stzc-person{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:8px;align-items:center}
	.stzc-img{aspect-ratio:1/1}
}
@media (max-width:600px){
	.stzc{padding:56px 0 64px}
	.stzc-head{text-align:left;margin-bottom:32px}
	.stzc .stzc-lead{margin-left:0 !important}
	.stzc .stzc-h{font-size:clamp(36px,10vw,52px) !important}
	.stzc-person{display:flex}
	.stzc-img{aspect-ratio:4/3}
	.stzc-card{border-radius:22px;padding:20px 18px;min-height:760px}
	.stzc-wait{inset:20px 18px;grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.stzc *{animation:none !important;transition:none !important}}

/* Pladsholder i Divi Builder */
.simplitize-kontakt:empty{display:block;min-height:120px;background:#F4F8F6;border:1px dashed #D3E0DA;border-radius:12px}