/* Agile-Cloud-Design für die Produktseiten (liegt über vba.css / skripte.css) */
.acp {
  --ink: #10233d; --navy: #061a3a; --navy-2: #08254f; --blue: #1474d4; --cyan: #ffc928; --purple: #0e5fb7;
  --paper: #f3f8fc; --muted: #5c6b7d; --line: #d8e3ee; --yellow-ac: #ffc928;
  --shadow: 0 22px 64px rgba(3, 19, 45, .12);
  overflow-x: clip; font-size: 16px; line-height: 1.5;
}
.acp h1, .acp h2, .acp h3 { color: inherit; }
.acp h3 { font-size: revert; }
.acp p { margin-bottom: 0; }
.acp .button { border: 0; box-shadow: none; line-height: 1.2; }
.acp .button-primary { box-shadow: 0 13px 30px rgba(20, 116, 212, .24); }
.acp .button-primary:hover { background: var(--purple); }
.acp .text-link span { display: inline-block; }

/* Hero: dunkles Band wie auf agile-cloud.net */
.acp-hero-band {
  position: relative; padding-top: 88px; color: #fff;
  background: radial-gradient(circle at 78% 18%, rgba(20,116,212,.55), transparent 42%), linear-gradient(135deg, #03132d 0%, #061a3a 48%, #0b3f86 100%);
}
.acp-hero-band::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .35;
  background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: 64px 64px;
}
.acp-hero-band .hero { position: relative; }
.acp .hero h1 { color: #fff; }
.acp .hero .eyebrow { color: #dbeeff; }
.acp .hero .eyebrow span { background: var(--yellow-ac); }
.acp .hero-lead { background: linear-gradient(90deg, #ffc928, #8cc8ff); -webkit-background-clip: text; background-clip: text; }
.acp .hero-text { color: #c4d3e6; }
.acp .hero .button-primary { color: #03132d; background: var(--yellow-ac); box-shadow: 0 14px 36px rgba(255,201,40,.22); }
.acp .hero .button-primary:hover { background: #ffd552; }
.acp .hero .text-link { color: #fff; }
.acp .trust-list li { color: #c4d3e6; }
.acp .trust-list li:before { background: var(--yellow-ac); }
.acp .hero-product-shot { border-color: rgba(255,255,255,.18); background: linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.04)); box-shadow: 0 30px 80px rgba(0,0,0,.35); backdrop-filter: blur(6px); }

/* Akzente: Eyebrow-Strich gelb wie im Theme */
.acp .eyebrow { color: var(--purple); }
.acp .eyebrow span { height: 3px; border-radius: 2px; background: var(--yellow-ac); }
.acp .eyebrow.light { color: #dbeeff; }

/* Dunkle Flächen: Primäraktion gelb */
.acp .inline-cta.on-dark .cta-btn.cta-primary,
.acp .contact-section .button-primary { color: #03132d; border-color: var(--yellow-ac); background: var(--yellow-ac); }
.acp .inline-cta.on-dark .cta-btn.cta-download { color: #03132d; border-color: #dbeeff; background: #dbeeff; }
.acp .final-cta { background: linear-gradient(125deg, #03132d, #0b3f86); }
.acp .final-cta .button-white { color: #03132d; background: var(--yellow-ac); }
.acp .contact-details img { width: 150px; height: auto; object-fit: contain; }
.acp .doc-front img { width: 120px; height: auto; object-fit: contain; filter: brightness(0) saturate(100%) invert(9%) sepia(48%) saturate(2700%) hue-rotate(205deg); }

/* Kein Leerraum zwischen letzter Sektion und Theme-Footer */
.acp .final-cta { margin-bottom: 90px; }

@media (max-width: 1040px) { .acp-hero-band { padding-top: 76px; } }

/* Hero-Badges liegen auf hellem Grund */
.acp .hero-analysis-badge, .acp .hero-signature-badge { color: var(--ink); }
/* KI-Bereich ohne Lila */
.acp .ai-section { background: linear-gradient(135deg, #03132d 10%, #08254f 60%, #0b3f86); }
/* Theme-eigenes .hero (Startseite) neutralisieren – das Band liefert den Hintergrund */
.acp .hero { min-height: 0; background: none; overflow: visible; color: inherit; }
.acp .hero::before, .acp .hero::after { content: none; }
/* BSI Audit Tool: vier Prozessschritte, Hinweis unter dem Pilot-Panel */
@media (min-width: 901px) { .acp--bsi .process-steps { grid-template-columns: repeat(4, 1fr); } }
.acp--bsi .poc-section .case-note { margin-top: 16px; text-align: left; }
/* Logo im Kontaktblock: weißes Agile-Cloud-Logo direkt auf Navy */
.acp .contact-details img { padding: 0; border: 0; background: none; box-shadow: none; }
/* Abstand zum Footer innerhalb von main, damit kein weißer Streifen entsteht */
.acp .final-cta { margin-bottom: 0; }
.acp { padding-bottom: 90px; }
.acp--bsi .hero h1 { font-size: clamp(44px, 4.4vw, 64px); }