/* Shared conversion components: one action hierarchy and optional factual depth.
   Material roles: cobalt action, translucent reading surface, opaque text plane.
   Existing page compositions and their individual imagery remain authoritative. */
.conversion-page{--cv-blue:#1955ca;--cv-ink:#172d42;--cv-edge:#b7c9e1;--cv-shadow:0 3px 6px #183b6510,0 22px 44px -28px #183b6570;--cv-light:inset 0 1px 0 #ffffffed}
.conversion-page{overflow-wrap:anywhere;hyphens:auto}
.conversion-page :where(main,section,article,aside,figure,div,li){min-width:0}
.conversion-page :is(h1,h2,h3,h4){overflow-wrap:anywhere;hyphens:auto}
.conversion-page .site-header .header-nav .nav-root>li:has(>.nav-ready-check){display:block}
.conversion-page .site-header .nav-ready-check{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #1b52b9;border-radius:11px;background:linear-gradient(165deg,#2b6bea,#1955ca 70%,#1845a6);color:#fff;font-size:12px;font-weight:650;box-shadow:inset 0 1px #ffffff70,0 2px 3px #123d7918,0 8px 16px -8px #17469d90}
.conversion-page .site-header .header-cta{min-height:44px;padding:10px 2px;border:0;background:transparent;color:#244b78;font-size:12px;font-weight:600;box-shadow:none;gap:8px}
.conversion-page .site-header .header-cta::before,.conversion-page .site-header .header-cta::after{display:none}
.conversion-page .site-header .header-nav .nav-root{gap:20px}
.conversion-page .site-header .header-cta .action-icon{background:transparent;border:0;box-shadow:none;width:20px;flex-basis:20px}
.conversion-page .conversion-primary{background:linear-gradient(165deg,#2b6bea,#1954c8 70%,#1745a8);color:#fff;border:1px solid #2154ae;border-top-color:#76a1f4;border-radius:13px;box-shadow:inset 0 1px #ffffff55,0 2px 3px #0c2f6b20,0 12px 22px -11px #17479bb3;font-weight:650;transition:box-shadow 180ms ease,background-color 180ms ease,transform 180ms ease}
@media(hover:hover){.conversion-page .conversion-primary:hover{box-shadow:inset 0 1px #ffffff66,0 3px 5px #0c2f6b18,0 15px 26px -11px #17479bb3;transform:translateY(-1px)}}
.conversion-page .conversion-primary:active{transform:translateY(1px)}
.conversion-page .conversion-primary:focus-visible,.conversion-secondary:focus-visible{outline:3px solid #306bd4;outline-offset:5px}
.conversion-page .final-card .conversion-primary:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 8px #193d70}
.conversion-page .final-card .conversion-secondary:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.conversion-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;margin-top:26px}
@media(min-width:761px){.conversion-page .hero .r-hero-intro>.conversion-actions{justify-content:center}}
.conversion-actions .button{margin:0;max-width:100%;min-height:48px;white-space:normal;text-align:center;display:inline-flex;justify-content:center;align-items:center;gap:16px}
.conversion-actions .conversion-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:8px 0;color:inherit;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.conversion-support{display:block;font-size:12px;line-height:1.65;color:#465f77;margin-top:12px}
.conversion-page .compare-hero-actions{flex-direction:column;gap:8px}
.conversion-page .compare-hero-actions>.conversion-actions{justify-content:center;margin-top:0}
.conversion-page .compare-hero-actions>.conversion-support{margin-top:0}
.conversion-page .compare-hero-actions>.text-link{font-size:13px;min-height:44px;align-items:center}
.final-card .conversion-support{color:inherit;opacity:.9}
.conversion-final-copy{max-width:56ch;font-size:16px;line-height:1.7;margin:22px 0;color:inherit}
.conversion-page .content-disclosure{border:1px solid var(--cv-edge);border-top-color:#fff;border-radius:18px;background:linear-gradient(110deg,#ffffffed,#f4f8ffee);box-shadow:var(--cv-light),var(--cv-shadow);margin:20px 0;color:var(--cv-ink)}
.conversion-page .content-disclosure>summary{min-height:52px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;cursor:pointer;font-size:16px;font-weight:650;line-height:1.5;list-style:none}
.conversion-page .content-disclosure>summary::-webkit-details-marker{display:none}
.conversion-page .content-disclosure>summary::after{content:'+';display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid #aebfde;border-radius:9px;background:linear-gradient(155deg,#fff,#e8f0fc);box-shadow:inset 0 1px 0 #fff,0 3px 5px #224d7710;font-size:22px;font-weight:400;color:#2455a4}
.conversion-page .content-disclosure[open]{background:linear-gradient(115deg,#fff,#f7faff);border-color:#8ba9d0}.conversion-page .content-disclosure[open]>summary{color:#174b9b}.conversion-page .content-disclosure[open]>summary::after{content:'−';background:#1b55bc;color:#fff;border-color:#1b55bc}
.conversion-page .content-disclosure>summary h2,.conversion-page .content-disclosure>summary h3{font:inherit;color:inherit;line-height:inherit;margin:0;max-width:none}
.conversion-page .content-disclosure .depth-toggle{display:none}
.conversion-page .disclosure-body,.conversion-page .content-disclosure>.depth-content{padding:4px 22px 24px}
.conversion-page .disclosure-body p{font-size:15px;line-height:1.8;color:#3b566b}
.conversion-page .content-disclosure:has(>summary:focus-visible){outline:3px solid #2464e7;outline-offset:4px}
.conversion-page .content-disclosure>summary:focus-visible{outline:none}
.conversion-page .scope-grid.conversion-scope{display:block}
.conversion-page .conversion-scope>.scope-copy{max-width:760px;margin-bottom:22px}
.conversion-page .conversion-scope .scope-disclosure{width:100%;margin-top:24px}
.conversion-page .scope-disclosure .deliverables{margin:24px 0 0;max-width:none;width:100%}
.conversion-page .scope-disclosure .scope-note{max-width:760px;margin-top:20px}
.conversion-page .scope-disclosure .scope-copy-photo{display:none}
.conversion-page .seo-knowledge.section{padding-top:38px;padding-bottom:38px}
.conversion-page .seo-knowledge-head h2{font-size:clamp(25px,3vw,36px);line-height:1.2}
.conversion-page .seo-reading-layout{margin-top:18px}
.conversion-page .compact-overview{padding:0;margin:0 0 24px;border:0;background:none}
.conversion-page .compact-overview .wrap{width:100%;padding:0}
.conversion-page .compact-overview .eyebrow{display:none}
.conversion-page .knowledge-disclosure .seo-reading-nav{position:static}
.conversion-page .knowledge-disclosure .seo-topic{padding:0;margin:18px 0}
.conversion-page .hero-case{padding:0;display:block;background:transparent;border:0;box-shadow:none}
.hero-evidence-link{display:flex;align-items:center;gap:16px;padding:18px 22px;max-width:630px;font-size:13px;color:#1f416a;background:linear-gradient(120deg,#ffffffed,#edf4ffdc);border:1px solid #b8cce5;border-top-color:#fff;border-radius:16px;box-shadow:var(--cv-light),0 10px 25px -19px #224e8466;text-decoration:none}
.experience-home .hero-evidence-link{margin-inline:auto}
.hero-evidence-link strong{font-weight:680;display:block;line-height:1.5}
.hero-evidence-link small{display:block;color:#48647e;font-size:12px;line-height:1.6;margin-top:4px}
.hero-evidence-link>span:last-child{margin-left:auto;font-size:20px;width:32px;height:32px;display:grid;place-items:center;flex:none;background:#e1ebfc;border:1px solid #b9cdeb;border-radius:50%;color:#2257ac}
.evidence-dot{width:9px;height:9px;border-radius:50%;background:#237e61;box-shadow:0 0 0 5px #237e6115;flex:none}
.proof-revenue{margin:25px 0!important;display:flex;flex-direction:column;gap:7px}
.proof-revenue strong{color:#204e96;font-size:clamp(35px,4vw,52px);letter-spacing:-.04em;line-height:1.1}
.proof-revenue span{font-size:14px;color:#3b566b}
.l-proof-shell .proof-revenue strong{color:#fff}
.l-proof-shell .proof-revenue span{color:#d8e5f5}
.conversion-page .optional-growth-disclosure{margin-top:32px}
.conversion-page .conversion-workflow{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:22px}
.conversion-workflow .b4-data{grid-column:1/-1;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:38px;padding:32px}
.conversion-workflow .b4-ai,.conversion-workflow .b4-team{grid-column:auto;display:flex;flex-direction:column;gap:0;padding:28px}
.conversion-workflow .b4-copy h3{font-size:28px;margin-bottom:16px}
.conversion-workflow .b4-copy p{font-size:15px;line-height:1.75}
.conversion-workflow .p9-visual{width:100%;margin-top:24px}
.conversion-workflow .b4-data .p9-visual{margin-top:0}
.conversion-workflow .b4-team .p9-visual{margin-top:auto}
.conversion-workflow .b4-team .c-narrative{margin-bottom:24px}
/* Homepage app examples: mobile disclosure, full-size desktop illustration. */
.experience-home #systeme .section-heading p,.experience-home #systeme .b4-copy p{font-size:16px;line-height:1.75;color:#344e67}
.experience-home #systeme .b4-ai .b4-copy p{color:#f2f6ff}
.experience-home #systeme .b4-link{font-size:14px}
.experience-home #systeme .dv8-example-note,.experience-home #systeme .b4-section-note{font-size:12px;color:#425d77}
.experience-home #systeme .workflow-visual-details{width:100%;min-width:0;margin-top:24px}
.experience-home #systeme .b4-data .workflow-visual-details{margin-top:0}
.experience-home #systeme .b4-team .workflow-visual-details{margin-top:auto}
.experience-home #systeme .workflow-visual-details>summary{display:flex;align-items:center;gap:10px;min-height:54px;padding:13px 14px;list-style:none;cursor:pointer;border:1px solid #aabfd9;border-radius:12px;background:#fff;color:#1c426c;font-size:14px;font-weight:600;line-height:1.45;box-shadow:inset 0 1px #fff,0 4px 10px -8px #1a416b60;hyphens:none}
.experience-home #systeme .workflow-visual-details>summary::-webkit-details-marker{display:none}
.experience-home #systeme .workflow-visual-details>summary::marker{content:''}
.experience-home #systeme .workflow-visual-details>summary>img{flex:none;width:22px;height:22px;object-fit:contain}
.experience-home #systeme .workflow-visual-details>summary>span:not(.workflow-depth-toggle){min-width:0;flex:1}
.experience-home #systeme .workflow-depth-toggle{display:grid;place-items:center;flex:none;width:26px;height:26px;border:1px solid #a9bfdc;border-radius:8px;background:#eaf1fc;color:#215498;font-size:20px;font-weight:400;line-height:1}
.experience-home #systeme .workflow-depth-toggle::before{content:'+'}
.experience-home #systeme .workflow-visual-details[open] .workflow-depth-toggle::before{content:'−'}
.experience-home #systeme .workflow-visual-details>summary:focus-visible{outline:3px solid #2464e7;outline-offset:-3px}
.experience-home #systeme .workflow-visual-details>.p9-visual{margin-top:16px}
.experience-home #systeme .b4-ai>.p9-wa-approval{margin-top:16px;background:#fff;color:#29466d}
.experience-home #systeme .b4-ai>.p9-wa-approval p{margin:0;font-size:14px;line-height:1.6;color:#344e67}
.experience-home #systeme .b4-ai>.p9-wa-approval small{font-size:12px;color:#36577e}
@media(min-width:761px){.experience-home #systeme .workflow-visual-details[open]>summary{display:none}.experience-home #systeme .workflow-visual-details>.p9-visual{margin-top:0}}
.workflow-rule{display:flex;gap:28px;align-items:start;margin-top:24px;padding:24px 28px;border:1px solid #a9ccbf;border-radius:16px;background:radial-gradient(ellipse at 10% 0%,#d4eee0,transparent 75%),linear-gradient(120deg,#f7fcf9,#e5f2eb);box-shadow:inset 0 1px 0 #fff,0 9px 25px -20px #275a4c70;color:#244d3c}
.workflow-rule strong{font-size:17px;line-height:1.5;flex:0 0 220px}
.workflow-rule p{font-size:14px;line-height:1.8;margin:0;max-width:75ch;color:#305642}
.experience-home #systeme .workflow-rule p{font-size:16px;color:#254b3c}
.conversion-page .check-result-preview{align-self:center}
.conversion-page .check-card{align-items:center}
.conversion-page .process-step p{font-size:15px;line-height:1.8}
.conversion-page .final-card .conversion-actions{justify-content:inherit}
.conversion-page .final-card>.conversion-actions{justify-content:center}
.conversion-page .final-card .conversion-secondary{color:inherit}
.conversion-page .booking-hero{padding-bottom:36px}
.conversion-page .booking-hero p{max-width:660px}
@media(max-width:860px){
 .conversion-page .site-header .mobile-menu .nav-ready-check{display:flex;margin-top:10px;color:white}
 .conversion-page .site-header .mobile-menu .header-cta{display:flex;margin-top:4px;color:#244b78}
 .experience-home.conversion-page .site-header .mobile-menu .nav-ready-check,.experience-home.conversion-page .site-header .mobile-menu .header-cta{width:100%;min-height:54px;margin:0;padding:13px 16px;justify-content:center;gap:12px;border-radius:12px;color:#fff;font-size:15px;font-weight:650;line-height:1.4;text-align:center}
 .experience-home.conversion-page .site-header .mobile-menu .nav-ready-check{border:1px solid #2154ae;border-top-color:#76a1f4;background:linear-gradient(165deg,#2b6bea,#1954c8 70%,#1745a8);box-shadow:inset 0 1px #ffffff55,0 8px 14px -10px #17479b90}
 .experience-home.conversion-page .site-header .mobile-menu .header-cta{border:1px solid #0c4949;border-top-color:#659893;background:linear-gradient(155deg,#165c59,#104b4b 70%,#0c3e43);box-shadow:inset 0 1px #ffffff30,0 6px 12px -10px #103f4666}
 .experience-home.conversion-page .site-header .mobile-menu :is(.nav-ready-check,.header-cta):focus-visible{outline:3px solid #fff;outline-offset:-5px}
}
@media(max-width:760px){
 .conversion-page .compare-hero-actions>.conversion-actions{width:100%}
 .conversion-actions{gap:10px 18px;margin-top:24px;align-items:stretch}
 .conversion-actions .button{padding:15px 20px;font-size:14px;width:100%}
 .conversion-actions .conversion-secondary{font-size:14px;min-height:44px}
 .experience-home :is(.hero,#erstgespraech) .conversion-actions{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:12px;max-width:480px;margin:26px auto 0}
 .experience-home :is(.hero,#erstgespraech) .conversion-actions :is(.conversion-primary,.conversion-secondary){width:100%;min-height:54px;padding:14px 18px;gap:14px;border-radius:13px;font-size:15px;line-height:1.45;font-weight:650;text-align:center;text-decoration:none}
 .experience-home :is(.hero,#erstgespraech) .conversion-actions .conversion-secondary{color:#fff;border:1px solid #0c4949;border-top-color:#659893;background:linear-gradient(155deg,#165c59,#104b4b 70%,#0c3e43);box-shadow:inset 0 1px #ffffff30,0 3px 5px #173c4410,0 10px 20px -14px #103f4680}
 .experience-home :is(.hero,#erstgespraech) .conversion-actions :is(.conversion-primary,.conversion-secondary)>span{flex:none;font-size:19px;line-height:1}
 .experience-home .hero .conversion-support{max-width:480px;margin:14px auto 0;font-size:13px;line-height:1.6;color:#405a74;text-align:left}
 .experience-home #erstgespraech .conversion-secondary:focus-visible{outline:3px solid #193d70;outline-offset:4px}
 .experience-home #erstgespraech .final-card>p{font-size:16px;line-height:1.7;color:#344e67}
 .experience-home #erstgespraech .conversion-support{font-size:13px;line-height:1.6;color:#405a74;opacity:1}
 .experience-home #leistungen .section-heading p,.experience-home #leistungen .service-copy>p,.experience-home #vorgehen .section-heading p,.experience-home #vorgehen .process-step>p{font-size:16px;line-height:1.7;color:#344e67}
 .experience-home #vorgehen .process-grid{gap:28px;margin-top:28px}
 .experience-home #vorgehen .process-step{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:14px 14px}
 .experience-home #vorgehen .process-number{margin:0}
 .experience-home #vorgehen .process-step h3{align-self:center;min-height:0;max-width:none;margin:0;font-size:24px;line-height:1.25}
 .experience-home #vorgehen .process-step>p{grid-column:1/-1;margin:0}
 .conversion-support{font-size:12px;max-width:100%;line-height:1.6}
 .conversion-page .content-disclosure>summary{padding:16px;font-size:15px}
 .conversion-page .disclosure-body,.conversion-page .content-disclosure>.depth-content{padding:0 16px 20px}
 .conversion-page .disclosure-body .wrap{width:100%}
 .conversion-page .scope-disclosure .deliverables{gap:18px}
 .conversion-page .conversion-workflow{display:block}
 .conversion-workflow .b4-data,.conversion-workflow .b4-ai,.conversion-workflow .b4-team{display:block;padding:25px 18px}
 .conversion-workflow .b4-copy h3{font-size:26px}
 .conversion-workflow .p9-visual,.conversion-workflow .b4-data .p9-visual,.conversion-workflow .b4-team .p9-visual{margin-top:22px}
 .experience-home #systeme .workflow-visual-details,.experience-home #systeme .b4-data .workflow-visual-details,.experience-home #systeme .b4-team .workflow-visual-details{margin-top:22px}
 .experience-home #systeme .b4-team .c-narrative{margin-bottom:0}
 .workflow-rule{display:block;padding:20px;margin-top:8px}
 .workflow-rule strong{display:block;margin-bottom:10px}
 .hero-evidence-link{align-items:start;padding:16px}
 .evidence-dot{margin-top:7px}
 .conversion-page .hero-case{margin-top:18px}
 .conversion-page .knowledge-disclosure .seo-reading-layout{display:block}
 .conversion-page .knowledge-disclosure .seo-reading-nav{margin-bottom:24px}
}

@media(prefers-reduced-motion:reduce){.conversion-page .conversion-primary{transition:none}.conversion-page .conversion-primary:hover,.conversion-page .conversion-primary:active{transform:none}}
/* Context explains when another service is the useful next step. */
.related-card > .related-context{margin:12px 0 18px;color:#3b566b;font-size:15px;line-height:1.6;max-width:42ch;font-weight:400}