@font-face{font-family:InsightReference;src:url('assets/fonts/reference-regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:InsightReference;src:url('assets/fonts/reference-bold.woff') format('woff');font-weight:600 900;font-display:swap}
@font-face{font-family:InsightDisplay;src:url('assets/fonts/reference-display.woff') format('woff');font-weight:400 900;font-display:swap}
:root{--ink:#f5f5f5;--muted:#c4cbd0;--navy:#080f15;--cyan:#f8b364;--bright:#f8b364;--pale:#111e28;--mist:#111e28;--line:#3c474e;--paper:#090e13;--white:#14232d}
body{font-family:InsightReference,'Segoe UI',sans-serif;background:#090e13;color:var(--ink)}
h1,h2,h3,h4{font-family:InsightReference,'Segoe UI',sans-serif;font-weight:700;letter-spacing:-.025em}
h1{font-size:clamp(36px,4.6vw,68px);line-height:1.16}h2{font-size:clamp(28px,3.3vw,44px);line-height:1.2}
.header{background:#0b141bf5;border-bottom:1px solid #3c474e}.brand{color:#fff}.brand span{color:#f8b364}.brand small{color:#bac5cc}.navrow{gap:22px}.nav{gap:22px;font-size:12px}.topline{background:#070b0f;color:#b8c0c6}.variant-label{color:#f8b364}
.intro{background:linear-gradient(115deg,#080e13,#142631);border-bottom:1px solid #35434c}.intro h1{color:#fff}.crumb{color:#b8c5ce}.lead{color:#d4dbe0}
.eyebrow{color:#f8b364;letter-spacing:.12em}.nav-dropdown{background:#14232d;border:1px solid #8b6843;box-shadow:0 16px 40px #0006}.nav-dropdown a{color:#eee}.nav-dropdown a:hover{background:#25313b;color:#f8b364}
.btn,.btn.cyan,.page-cta .btn,.nav .btn{background:#f8b364;color:#101c25;border:1px solid #f8b364;border-radius:5px;box-shadow:none}.btn:hover,.page-cta .btn:hover{background:#ffd19b;color:#101c25;border-color:#ffd19b}.btn.light{background:transparent;color:#f8b364;border-color:#8b6843}
.section.white{background:#0b1218}.section.pale{background:#111e28}.section.dark,.dark{background:#080f15}.section p,.lead,.phase-story p,.proof-paths p{color:#c4cbd0}
.catalog-card,.app-card,.entry-card,.category-card,.feature,.quote{border-color:#66523d;border-radius:10px;overflow:hidden;background:linear-gradient(120deg,#0b141b,#172a35)}
.catalog-card h3,.app-card h3,.entry-card h3,.category-card h3{color:#f8b364}.catalog-card p,.catalog-card li{color:#d0d7dc}.catalog-card img{border-radius:3px}
.phase-intro,.phase-potential{background:#1a2a35;border-color:#f8b364}.phase-intro h3,.phase-story h4,.phase-number,.module-heading{color:#f8b364}.phase-potential p{color:#eee}
.benefit-page .benefit-proof{background:#0a1218}.benefit-page .benefit-proof+section:not(.page-cta){background:#111e28}
.page-cta{background:linear-gradient(110deg,#22343f,#13232f)!important;border-top:1px solid #9c7446}.page-cta h2{color:#fff}.page-cta p{color:#d4dbe0}
.footer{background:#070d12}.footer a,.footer p{color:#c2cdd4}.footer .foot-brand{color:#fff}.footer .footer-company-url{color:#f8b364}
.submenu-toggle-icon{border-color:#a78356;color:#f8b364}.icon,.feature-icon,.benefit-icon,.service-icon{color:#f8b364;background:#342b25}
input,select,button{font-family:inherit}input,select{color:#182732;background:#fff}.skip{color:#101c25}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #f8b364;outline-offset:4px}
@media(max-width:1100px){.nav{gap:14px}.brand{font-size:22px}}
@media(max-width:650px){.topline .wrap{gap:8px;flex-wrap:wrap}.variant-label{font-size:9px}.nav{gap:12px}h1{font-size:36px}.brand{font-size:23px}}
.skip{background:#f8b364;color:#101c25}.nav a.btn[aria-current=page]{color:#101c25}

/* B1: quiet violet accents, warm orange actions, slate blue surfaces */
:root{--paper:#0b1118;--pale:#19252f;--mist:#19252f;--white:#15212b;--line:#51465f;--violet:#75609b;--violet-soft:#383349;--magenta:#b94a86}
body{background:#0b1118}
.header{background:#0c151df5;border-bottom:1px solid #75609b}
.intro{background:#0b1118;border-bottom:1px solid #38424e}

.section.white{background:#0b121a}.section.pale{background:#19252f}
.catalog-card,.app-card,.entry-card,.category-card,.feature,.quote{border:1px solid #75609b;border-radius:10px;background:#15212b}
.catalog-card h3,.app-card h3,.entry-card h3,.category-card h3{color:#f5f5f5}
.icon,.feature-icon,.benefit-icon,.service-icon,.benefit-symbol{color:#f8b364;background:#383349;border-radius:12px}
.benefit-page #wirtschaftliche-hebel{background:#19252f}
.benefit-page #wirtschaftliche-hebel .benefit-feature{padding:26px;border:1px solid #75609b;border-radius:10px;background:#15212b;display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:20px;row-gap:12px;align-content:start}
.benefit-page #wirtschaftliche-hebel .benefit-symbol{grid-column:1;grid-row:1 / span 2;margin:0;width:64px;height:72px;background:#383349;color:#f8b364}
.benefit-page #wirtschaftliche-hebel .benefit-feature h3{grid-column:2;margin:0;color:#f5f5f5}
.benefit-page #wirtschaftliche-hebel .benefit-feature p{grid-column:2;margin:0}
.nav-dropdown{border-color:#75609b;background:#15212b}.nav-dropdown a:hover{background:#383349}
.submenu-toggle-icon{border-color:#75609b}
.phase-intro,.phase-potential{background:#202c39;border-color:#75609b}
.page-cta{background:#19252f!important;border-top:1px solid #75609b}
.benefit-page .benefit-proof+section:not(.page-cta){background:#19252f}
@media(max-width:650px){.benefit-page #wirtschaftliche-hebel .benefit-feature{padding:22px;grid-template-columns:48px minmax(0,1fr);column-gap:16px}.benefit-page #wirtschaftliche-hebel .benefit-symbol{width:48px;height:56px}}
.capability-icon,.solution-icon,.technology-feature-icon{background:#383349;color:#f8b364;border-radius:12px}

#invest-oder-subscription .comparison-head>div:last-child{background:#202a36;color:#f8b364;box-shadow:inset 0 2px #f8b364}
#invest-oder-subscription .comparison-head small{color:#c4cbd0;opacity:1}
.page-cta .btn,.page-cta .btn.cyan,.nav .btn{background:#f8b364!important;color:#101c25!important;border:1px solid #f8b364!important;border-radius:5px;box-shadow:none!important}
.page-cta .btn:hover,.nav .btn:hover{background:#ffd19b!important;border-color:#ffd19b!important}

/* Shared B1 palette across all pages and component families */
:root{--paper:#0b1118;--navy:#080f15;--pale:#19252f;--mist:#19252f;--white:#15212b;--line:#51465f;--surface-card:#15212b;--surface-inset:#202c39;--accent:#f8b364;--muted:#c4cbd0}
.white,.surface-white,.section.white,.application-family.surface-white{background:var(--paper)}
.pale,.surface-pale,.section.pale,.application-family.surface-pale,.compact-assets{background:var(--pale)}
.benefit-page #zeitverluste{background:var(--paper)}
.benefit-page #zeitverluste .phase-intro,.benefit-page #zeitverluste .phase-potential{background:var(--surface-inset);border-color:var(--line)}
.benefit-page .benefit-proof{background:var(--pale)}
.benefit-page .benefit-proof+section:not(.page-cta){background:var(--paper)}
.catalog-card,.app-card,.entry-card,.category-card,.feature,.quote,.scene-link,.customer-tech-grid article,.community-participation-grid article,.contact-channel,.contact-box,.solution-factor{background:var(--surface-card);border-color:var(--line)}
.customer-tech-grid article,.community-participation-grid article,.contact-channel,.solution-factor{border-top-color:var(--violet);border-radius:10px}
.feature{padding:26px}
.feature h3{margin:0 0 16px;line-height:1.25}
.feature p:last-child{margin-bottom:0}
.community-benefits{gap:28px}
.community-benefits .feature{padding:28px;text-align:left;overflow-wrap:break-word}
.community-benefits .feature .symbol{margin:0 0 24px}
.community-benefits .feature h3{font-size:23px}
.community-benefits .feature p{line-height:1.7;margin:0 0 22px}
.community-benefits .feature p:last-child{margin-bottom:0}
.product-shot,.app-visual,.solution-growth-line,.retrofit-example,.modularity-card,.depth-grid article{background:var(--surface-inset);border-color:var(--line)}
.product-shot img{border-color:var(--line)}
.app-visual img,.app-visual svg{background:transparent}
.icon,.feature-icon,.benefit-icon,.service-icon,.benefit-symbol,.capability-icon,.solution-icon,.technology-feature-icon,.community-participation-grid .technology-feature-icon{color:var(--accent);background:var(--violet-soft)}
.textlink,.dark .textlink{color:var(--accent);border-color:var(--line)}
.textlink:hover{color:#ffd19b;border-color:var(--accent)}
.solution-service,.step,.proof-paths article,.community-choices article,.bullets li{border-color:var(--line)}
.chart,.solution-rate,.depth-context{background:var(--navy)}
#invest-oder-subscription .solution-comparison{background:var(--surface-card);border-color:var(--line);border-top-color:var(--violet)}
#invest-oder-subscription .comparison-head{background:var(--navy)}
#invest-oder-subscription .comparison-row>div:last-child{background:var(--surface-inset);border-color:var(--line)}
#invest-oder-subscription .comparison-head>div:last-child{background:var(--surface-inset);color:var(--accent);box-shadow:inset 0 2px var(--accent)}
.benefit-proof thead{background:var(--navy)}
.benefit-proof tbody tr:nth-child(odd){background:var(--surface-card)}
.benefit-proof tbody tr:nth-child(even){background:var(--surface-inset)}
.cm-simulator,.cm-story .cm-number input,.cm-assumption-grid input,.cm-assumption-grid select,.cm-presets button{background:var(--surface-card);color:var(--ink);border-color:var(--line)}
.cm-story .cm-controls,.cm-result,.cm-result.fleet,.cm-observation-fleet,.cm-bar{background:var(--surface-inset);border-color:var(--line)}
.cm-presets button[aria-pressed=true],.cm-presets button:hover{background:var(--accent);color:var(--navy);border-color:var(--accent)}
.cm-event-tiles>span{background:#384552}.cm-event-tiles i,.cm-event-key{background:var(--accent)}
.dark .cm-story,.dark .cm-story p{color:var(--ink)}
.dark p,.dark .lead,.dark small,.solution-rate p{color:var(--muted)}
.page-cta{background:var(--pale)!important;border-color:var(--line)}
.page-cta .btn::after,.page-cta .btn::before{box-shadow:none}
@media(max-width:650px){.feature,.community-benefits .feature{padding:22px}.community-benefits{gap:22px}}

/* Consistent brand signature */
.brand span{font-weight:700}
.footer .foot-brand{font-family:InsightReference,Segoe UI,sans-serif;font-weight:700;letter-spacing:-.065em}
.footer .foot-brand span{color:var(--accent);font-weight:700}
.footer .footer-company-url span{color:var(--ink);font-weight:400}
.footer .footer-company-url strong{color:var(--accent);font-weight:700}
/* B1 diagram palette, retaining original geometry and product imagery */
.fabric-original{background:var(--navy)}
.fabric-original svg [fill="#061d2c"]{fill:var(--navy)}
.fabric-original svg [fill="#093345"]{fill:var(--surface-card)}
.fabric-original svg [fill="#00829c"]{fill:var(--violet-soft)}
.fabric-original svg [fill="#47545d"]{fill:#38414d}
.fabric-original svg [fill="#a8c0c9"]{fill:var(--accent)}
.fabric-original svg [stroke="#a8c0c9"]{stroke:var(--accent)}
.timeline-scroll svg [stroke="#65d9e8"]{stroke:#a894ca}
.timeline-scroll svg [fill="#65d9e8"],.timeline-scroll svg [fill="#ed985a"]{fill:var(--accent)}
.timeline-scroll svg [fill="#14394d"]{fill:var(--surface-inset)}
.timeline-scroll svg [fill="#102f43"]{fill:var(--surface-card)}
.timeline-scroll svg [stroke="#7897a8"]{stroke:#82758f}
.timeline-scroll svg [fill="#b6cbd7"]{fill:var(--muted)}
.timeline-scroll svg [stroke="#b6cbd7"]{stroke:var(--muted)}
.benefit-proof tbody th,.benefit-proof tbody td:first-child,.benefit-proof tbody td:first-child h3{color:var(--accent)}

/* B1 legal pages: consistent restrained accents and readable hierarchy */
.legal-copy{color:var(--muted)}
.legal-copy h1{color:var(--ink);margin-bottom:36px}
.legal-copy h2{color:var(--accent);font-size:clamp(22px,2.1vw,30px);line-height:1.3;margin:36px 0 16px}
.legal-copy h3{color:var(--ink);font-size:20px;margin:28px 0 12px}
.legal-copy p,.legal-copy li{line-height:1.8}
.legal-copy a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line);overflow-wrap:anywhere}
.legal-copy a:hover{color:var(--ink);text-decoration-color:var(--accent)}
.legal-copy strong{color:var(--ink)}

/* Consistent closing CTA band, distinct from slate and dark content sections */
.page-cta{background:#302c3b!important;border-top:1px solid #75609b}
.footer .footer-company-url{font-size:22px;line-height:1.25}

/* Language navigation: flag-only links */
.language-switch{display:flex;align-items:center;gap:18px;flex-shrink:0}
.nav .language-switch a,.footer .language-switch a{display:flex;align-items:center;justify-content:center;padding:8px 0;border:0;background:none;box-shadow:none;text-decoration:none;line-height:1}
.language-switch svg{width:28px;height:19px;display:block}
.language-switch a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.footer-language-switch{margin-left:auto;margin-right:32px}
.navrow{flex-wrap:wrap;row-gap:16px}
.nav{flex-wrap:wrap}
@media(min-width:1100px){.nav{gap:18px}.navrow{column-gap:20px}.nav>a,.nav summary{font-size:14px}}
@media(max-width:650px){.footer-language-switch{margin-left:0;margin-right:0}}

/* Slightly larger header wordmark and claim */
.header .brand{font-size:28px}
.header .brand small{font-size:11px}
@media(max-width:1100px){.header .brand{font-size:25px}}
@media(max-width:650px){.header .brand{font-size:25px}.header .brand small{font-size:10.5px}}

/* Footer navigation: compact, balanced groups */
.footer .footer-directory{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(32px,5vw,80px);row-gap:28px;padding:30px clamp(0px,6vw,96px) 28px;align-items:start}
.footer .footer-directory>div{min-width:0}
.footer .footer-directory h2{margin:0 0 18px;line-height:1.4}
.footer .footer-directory a{margin:0 0 12px;line-height:1.5}
.footer .footer-directory a:last-child{margin-bottom:0}
@media(max-width:900px){.footer .footer-directory{padding-left:0;padding-right:0;column-gap:28px}}
@media(max-width:600px){.footer .footer-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.footer .footer-directory>div:last-child{grid-column:1/-1}}
@media(max-width:360px){.footer .footer-directory{grid-template-columns:1fr}}

/* Header contact integrates with the navigation */
.header .nav>a.btn{background:var(--accent,#f8b364);border:1px solid var(--accent,#f8b364);border-radius:7px;box-shadow:none;color:#101820;font-size:inherit;font-weight:600;line-height:1.2;min-height:36px;padding:8px 13px;gap:6px;transform:none}
.header .nav>a.btn:hover,.header .nav>a.btn:focus-visible{background:#ffc781;border-color:#ffc781;color:#101820;box-shadow:none;transform:none}

/* Left-aligned footer groups at compact column positions */
.footer .footer-directory{grid-template-columns:18.5% 20% minmax(0,1fr);padding-left:2.5%;padding-right:0;column-gap:0;text-align:left}
.footer .footer-directory>div{width:100%;justify-self:start;padding-right:24px}
@media(max-width:600px){.footer .footer-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.footer .footer-directory>div:last-child{grid-column:1/-1}}
@media(max-width:360px){.footer .footer-directory{grid-template-columns:1fr}}