/* ===========================================================
   UNOY · Standard-CTA ("nächster Schritt")
   Eine dunkle Box, auf allen Seiten identisch.
   Grundvariante für Abschnitte mit Text, .ucta--compact
   für kurze Zurufe ohne Fließtext.
   =========================================================== */
.ucta-sec{padding:0 0 104px}
.ucta{width:min(var(--site-max,1440px),calc(100% - 48px));margin:0 auto;
  padding:88px 48px;border-radius:24px;
  background:linear-gradient(135deg,#14181C 0%,#1A1F26 100%);
  color:var(--paper-10,#FBFBFD);text-align:center}
.ucta--compact{padding:56px 48px}
.ucta__eb{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--accent-500,#F5B800);margin:0 0 18px}
.ucta--compact .ucta__eb{margin-bottom:14px}
.ucta__h{font-family:var(--font-sans);font-weight:600;font-size:clamp(30px,3.6vw,48px);
  line-height:1.06;letter-spacing:-.03em;margin:0 auto;max-width:22ch;color:#FFFFFF}
.ucta--compact .ucta__h{font-size:clamp(24px,2.6vw,34px);max-width:28ch}
.ucta__h em{font-style:normal;color:var(--accent-500,#F5B800)}
.ucta__p{font-family:var(--font-sans);font-size:17px;line-height:1.6;
  color:rgba(251,251,253,.72);max-width:62ch;margin:18px auto 0}
.ucta--compact .ucta__p{font-size:15.5px;margin-top:13px}
.ucta__actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:32px}
.ucta--compact .ucta__actions{margin-top:24px}
.ucta__btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;
  border-radius:9999px;border:1px solid var(--accent-500,#F5B800);
  background:var(--accent-500,#F5B800);color:var(--ink-900,#0A0A0B);
  font-family:var(--font-sans);font-size:15px;font-weight:600;line-height:1.2;
  text-decoration:none;transition:background .2s,transform .2s,border-color .2s}
.ucta__btn:hover{background:#FFC92E;border-color:#FFC92E;transform:translateY(-1px)}
.ucta__btn--ghost{background:transparent;border-color:rgba(255,255,255,.3);color:#FFFFFF;font-weight:500}
.ucta__btn--ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.45)}
.ucta__btn--text{background:transparent;border-color:transparent;color:rgba(255,255,255,.72);font-weight:500;padding-inline:8px}
.ucta__btn--text:hover{background:transparent;color:#FFFFFF;border-color:transparent}
.ucta__meta{margin:26px 0 0;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(251,251,253,.5)}
.ucta--compact .ucta__meta{margin-top:20px}
@media(max-width:880px){
  .ucta-sec{padding-bottom:72px}
  .ucta{padding:56px 24px;border-radius:18px}
  .ucta--compact{padding:40px 22px}
  .ucta__p{font-size:15.5px}
  .ucta__btn{font-size:14px;padding:12px 22px}
  .ucta__meta{font-size:10px}
}

/* Seiten mit eigener Textausrichtung (z. B. kunden-content.css) überschreiben */
.ucta,.ucta h2,.ucta p,.ucta .ucta__h,.ucta .ucta__p,.ucta .ucta__eb,.ucta .ucta__meta{text-align:center}
.ucta .ucta__actions{justify-content:center}

main#main .ucta,main#main .ucta h2,main#main .ucta p,
main#main .ucta .ucta__h,main#main .ucta .ucta__p,
main#main .ucta .ucta__eb,main#main .ucta .ucta__meta{text-align:center}
main#main .ucta .ucta__h{font-family:var(--font-sans);font-weight:600;letter-spacing:-.03em;color:#FFFFFF;margin-inline:auto;max-width:22ch}
main#main .ucta .ucta__p{color:rgba(251,251,253,.72);max-width:62ch;margin:18px auto 0}
main#main .ucta .ucta__actions{justify-content:center}

/* --- UNOY Layers · geschichtete S-Kurven im CTA-Block (Design-System 09, Variante 2) --- */
.ucta{position:relative;overflow:hidden;isolation:isolate}
.ucta::before{content:"";position:absolute;left:0;right:0;bottom:0;height:60%;z-index:-2;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 420' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='0.6'%3E%3Cstop offset='0' stop-color='%232A3039' stop-opacity='.28'/%3E%3Cstop offset='.55' stop-color='%232A3039' stop-opacity='.70'/%3E%3Cstop offset='1' stop-color='%2320262F' stop-opacity='.30'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23F2B82A' stop-opacity='.015'/%3E%3Cstop offset='.55' stop-color='%23F2B82A' stop-opacity='.07'/%3E%3Cstop offset='1' stop-color='%23DA8A1C' stop-opacity='.15'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23E0AB2C' stop-opacity='0'/%3E%3Cstop offset='.6' stop-color='%23E0AB2C' stop-opacity='.10'/%3E%3Cstop offset='1' stop-color='%23E0AB2C' stop-opacity='.26'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 196C242 292 430 140 706 182 982 224 1184 332 1440 244V420H0Z' fill='url(%23a)'/%3E%3Cpath d='M0 322C268 392 486 274 766 306 1046 338 1226 404 1440 348V420H0Z' fill='url(%23b)'/%3E%3Cpath d='M0 322C268 392 486 274 766 306 1046 338 1226 404 1440 348' fill='none' stroke='url(%23c)' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center bottom;background-size:100% 100%}
.ucta::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(520px 340px at 101% 108%, rgba(242,184,42,.13), rgba(242,184,42,0) 68%),
    radial-gradient(380px 260px at 8% 112%, rgba(247,133,120,.07), rgba(247,133,120,0) 70%)}
@media (max-width:880px){.ucta::before{height:50%;background-size:200% 100%;background-position:right bottom}}
