/* Cevelar: Im Einsatz: clean dossier + autoplay */
.cvCs{
  --cs-bg:#0E1520;
  --cs-body:#A8B4C4;
  --cs-muted:#7A8798;
  --cs-line:rgba(255,255,255,.1);
  --cs-line-strong:rgba(255,255,255,.18);
  --cs-blue:#9BB6D6;
  --cs-blue-bright:#C7D5E9;
  --cs-white:#FFFFFF;
  --cs-ease:cubic-bezier(.16,1,.3,1);
  --cs-gap:var(--cvl-gap);
  position:relative;
  background:
    radial-gradient(ellipse 65% 50% at 8% 0%, rgba(20,57,110,.28), transparent 55%),
    var(--cs-bg);
  color:var(--cs-white);
  font-family:var(--cvl-font-sans);
  padding:var(--cvl-sec-pad) 0;
  overflow:hidden;
}
.cvCs *,.cvCs *::before,.cvCs *::after{box-sizing:border-box}

.cvCs-shell{
  position:relative;z-index:1;
  max-width:1180px;margin:0 auto;padding:0 40px;
  display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.25fr);
  gap:clamp(36px,5vw,68px);align-items:start;
}

/* ---- Left ---- */
.cvCs-left{
  position:sticky;top:calc(var(--cvl-header-h) + 24px);
  opacity:0;transform:translateY(18px);
  transition:opacity .65s var(--cs-ease),transform .65s var(--cs-ease);
}
.cvCs[data-in="1"] .cvCs-left{opacity:1;transform:none}

.cvCs-label{
  margin:0 0 14px;font-family:var(--cvl-font-mono);font-size:var(--cvl-fs-label);
  color:var(--cs-muted);letter-spacing:.14em;text-transform:uppercase;
}
.cvCs-title{
  margin:0 0 14px;font-family:var(--cvl-font-display);
  font-size:clamp(32px,3.8vw,48px);font-weight:600;
  letter-spacing:-.028em;line-height:1.06;color:var(--cs-white);max-width:12ch;
}
.cvCs-lead{
  margin:0 0 28px;font-size:var(--cvl-fs-lead);line-height:1.5;color:var(--cs-body);max-width:36ch;
}

.cvCs-rails{
  display:flex;flex-direction:column;gap:0;margin:0 0 28px;
  border-top:1px solid var(--cs-line-strong);
}
.cvCs-rail{
  appearance:none;border:0;background:transparent;cursor:pointer;
  text-align:left;font:inherit;color:inherit;width:100%;
  display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;
  padding:15px 4px 15px 0;
  border-bottom:1px solid var(--cs-line);
}
.cvCs-rail:focus-visible{outline:2px solid var(--cs-blue);outline-offset:3px}

.cvCs-rail-num{
  font-family:var(--cvl-font-mono);font-size:12px;letter-spacing:.08em;
  color:var(--cs-muted);padding-top:2px;transition:color .3s ease;
}
.cvCs-rail[data-on="1"] .cvCs-rail-num{color:var(--cs-gap)}
.cvCs-rail[data-done="1"] .cvCs-rail-num{color:rgba(255,255,255,.4)}

.cvCs-rail-meta{min-width:0}
.cvCs-rail-label{
  display:block;font-size:15px;font-weight:500;color:var(--cs-muted);
  letter-spacing:-.01em;transition:color .3s ease;margin-bottom:8px;
}
.cvCs-rail[data-on="1"] .cvCs-rail-label{color:var(--cs-white)}
.cvCs-rail:hover .cvCs-rail-label{color:rgba(255,255,255,.88)}

.cvCs-rail-track{
  display:block;height:2px;background:rgba(255,255,255,.1);border-radius:1px;overflow:hidden;
}
.cvCs-rail-fill{
  display:block;height:100%;width:0;background:rgba(255,255,255,.28);
  transform-origin:left center;
}
.cvCs-rail[data-done="1"] .cvCs-rail-fill{
  width:100%;background:rgba(255,255,255,.32);
}
.cvCs-rail[data-on="1"] .cvCs-rail-fill{
  width:0;background:var(--cs-blue-bright);
}
.cvCs[data-playing="1"] .cvCs-rail[data-on="1"] .cvCs-rail-fill{
  animation:cvCsFill var(--cs-auto-ms,6s) linear forwards;
}
@keyframes cvCsFill{
  from{width:0}
  to{width:100%}
}

.cvCs-note{
  margin:0 0 18px;padding-top:20px;border-top:1px solid var(--cs-line);
  font-size:13px;line-height:1.55;color:var(--cs-muted);max-width:34ch;
}
.cvCs-link{
  font-size:14px;font-weight:500;color:var(--cs-white);
  border-bottom:1.5px solid rgba(255,255,255,.28);padding-bottom:2px;
  text-decoration:none;display:inline-flex;align-items:center;gap:8px;
  transition:border-color .25s ease,gap .3s var(--cs-ease);
}
.cvCs-link:hover{border-color:var(--cs-gap);gap:12px}
.cvCs-link span{transition:transform .3s var(--cs-ease)}
.cvCs-link:hover span{transform:translateX(3px)}

/* ---- Stage ---- */
.cvCs-right{
  min-width:0;
  opacity:0;transform:translateY(22px);
  transition:opacity .7s var(--cs-ease) .08s,transform .7s var(--cs-ease) .08s;
}
.cvCs[data-in="1"] .cvCs-right{opacity:1;transform:none}

.cvCs-stage{
  position:relative;
  display:grid;
  border:1px solid var(--cs-line);
  background:rgba(255,255,255,.03);
  border-radius:8px;
  overflow:hidden;
}
.cvCs-glow{
  position:absolute;inset:0;z-index:0;
  pointer-events:none;
  background:radial-gradient(circle at 82% 18%, rgba(155,182,214,.16), transparent 55%);
  transition:opacity .55s ease,background .55s ease;
}
.cvCs-stage[data-phase="1"] .cvCs-glow{
  background:radial-gradient(circle at 82% 18%, rgba(255,117,20,.12), transparent 55%);
}
.cvCs-stage[data-phase="2"] .cvCs-glow{
  background:radial-gradient(circle at 82% 18%, rgba(155,182,214,.14), transparent 55%);
}

.cvCs-watermark{
  position:absolute;right:18px;bottom:-10px;z-index:0;
  font-family:var(--cvl-font-display);font-weight:600;
  font-size:clamp(100px,14vw,150px);line-height:.85;
  letter-spacing:-.06em;color:rgba(255,255,255,.025);
  pointer-events:none;user-select:none;
}

.cvCs-card{
  grid-area:1 / 1;
  position:relative;z-index:1;
  padding:clamp(36px,4vw,48px);
  display:flex;flex-direction:column;justify-content:flex-start;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(12px);
  transition:opacity .4s var(--cs-ease),transform .4s var(--cs-ease),visibility 0s linear .4s;
}
.cvCs-card[data-on="1"]{
  opacity:1;visibility:visible;pointer-events:auto;
  transform:none;z-index:2;
  transition:opacity .45s var(--cs-ease),transform .45s var(--cs-ease),visibility 0s;
}

.cvCs-head{
  display:flex;justify-content:space-between;align-items:baseline;
  gap:20px;flex-wrap:wrap;margin-bottom:24px;
}
.cvCs-phase{
  font-family:var(--cvl-font-mono);font-size:11px;letter-spacing:.14em;
  color:var(--cs-blue);text-transform:uppercase;
}
.cvCs-who{
  font-family:var(--cvl-font-mono);font-size:11px;letter-spacing:.04em;
  color:var(--cs-muted);text-align:right;line-height:1.45;max-width:36ch;
}

.cvCs-headline{
  margin:0 0 18px;font-family:var(--cvl-font-display);
  font-size:clamp(26px,3.1vw,36px);font-weight:600;
  letter-spacing:-.025em;line-height:1.18;color:var(--cs-white);max-width:18ch;
}
.cvCs-body{
  margin:0 0 32px;font-size:16px;line-height:1.65;color:var(--cs-body);max-width:42ch;
}

.cvCs-card[data-on="1"] .cvCs-head,
.cvCs-card[data-on="1"] .cvCs-headline,
.cvCs-card[data-on="1"] .cvCs-body,
.cvCs-card[data-on="1"] .cvCs-chain,
.cvCs-card[data-on="1"] .cvCs-outcome{
  animation:cvCsRise .55s var(--cs-ease) both;
}
.cvCs-card[data-on="1"] .cvCs-head{animation-delay:.02s}
.cvCs-card[data-on="1"] .cvCs-headline{animation-delay:.08s}
.cvCs-card[data-on="1"] .cvCs-body{animation-delay:.14s}
.cvCs-card[data-on="1"] .cvCs-chain{animation-delay:.2s}
.cvCs-card[data-on="1"] .cvCs-outcome{animation-delay:.26s}

@keyframes cvCsRise{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}

/* Clean chain: text only, no boxes */
.cvCs-chain{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 0;
  margin:0 0 36px;padding:0;
  font-family:var(--cvl-font-mono);font-size:12px;letter-spacing:.06em;
  color:var(--cs-muted);
}
.cvCs-chip{
  color:rgba(255,255,255,.72);
  background:none;border:0;padding:0;
}
.cvCs-chain-arrow{
  margin:0 12px;color:rgba(255,255,255,.22);font-size:11px;user-select:none;
}

/* Clean outcome: hairline + check, no banner box */
.cvCs-outcome{
  display:flex;align-items:flex-start;gap:12px;
  padding-top:24px;margin-top:auto;
  border-top:1px solid var(--cs-line);
  background:none;border-radius:0;
}
.cvCs-outcome-icon{
  flex-shrink:0;width:auto;height:auto;border-radius:0;
  display:block;background:none;color:var(--cs-gap);
  margin-top:3px;
}
.cvCs-outcome-icon svg{display:block}
.cvCs-outcome span{
  font-size:15px;font-weight:500;line-height:1.45;color:var(--cs-blue-bright);
  padding-top:0;
}

@media (max-width:960px){
  .cvCs{padding:72px 0 64px}
  .cvCs-shell{grid-template-columns:1fr;gap:28px;padding:0 24px}
  .cvCs-left{position:static}
  .cvCs-rails{display:grid;grid-template-columns:repeat(3,1fr)}
  .cvCs-rail{
    grid-template-columns:1fr;gap:8px;padding:12px 8px;
  }
  .cvCs-rail + .cvCs-rail{border-left:1px solid var(--cs-line)}
  .cvCs-rail-label{font-size:13px;margin-bottom:6px}
  .cvCs-note{max-width:none}
  .cvCs-who{text-align:left;max-width:none}
}
@media (max-width:640px){
  .cvCs-shell{padding:0 20px}
  .cvCs-card{padding:28px 22px}
  .cvCs-title{font-size:30px}
  .cvCs-headline{font-size:24px;max-width:none}
  .cvCs-head{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:18px}
  .cvCs-rails{grid-template-columns:1fr}
  .cvCs-rail + .cvCs-rail{border-left:0}
  .cvCs-chain-arrow{margin:0 8px}
  .cvCs-watermark{font-size:96px;right:12px;bottom:-8px}
}
@media (prefers-reduced-motion:reduce){
  .cvCs-left,.cvCs-right,.cvCs-card{transition:opacity .2s ease;transform:none}
  .cvCs-card[data-on="1"] .cvCs-head,
  .cvCs-card[data-on="1"] .cvCs-headline,
  .cvCs-card[data-on="1"] .cvCs-body,
  .cvCs-card[data-on="1"] .cvCs-chain,
  .cvCs-card[data-on="1"] .cvCs-outcome{animation:none}
  .cvCs[data-playing="1"] .cvCs-rail[data-on="1"] .cvCs-rail-fill{animation:none;width:100%}
}