/* NBC P3 cascade containment v7329 */ @layer nbc.legacy{ /*! NBC v6.506 · R3 · Diagnose path + single mobile navigation icon contract */ /* One dropdown indicator only. Earlier layers combined a drawn chevron with +/- content. */ @media (max-width:1180px){ body.page.design-system-executive .site-header nav #menu.open .nav-summary::after{ content:""!important; display:block!important; flex:0 0 9px!important; width:9px!important; height:9px!important; margin:0 4px 0 14px!important; border:0!important; border-right:1.5px solid rgba(145,212,159,.9)!important; border-bottom:1.5px solid rgba(145,212,159,.9)!important; background:none!important; transform:rotate(45deg)!important; transform-origin:50% 50%!important; transition:transform .18s ease!important; font-size:0!important; line-height:0!important; box-shadow:none!important; } body.page.design-system-executive .site-header nav #menu.open details[open]>.nav-summary::after{ content:""!important; transform:rotate(225deg)!important; } /* JS used to write ☰/✕ into the button while CSS draws the same state. Hide the text glyph. */ body.page.design-system-executive .burger{ font-size:0!important; line-height:0!important; color:var(--paper)!important; } body.page.design-system-executive .burger::before, body.page.design-system-executive .burger::after{ width:18px!important; height:1.5px!important; left:50%!important; top:50%!important; margin:0!important; background:currentColor!important; border:0!important; } body.page.design-system-executive .site-header nav #menu.open .nav-summary{ padding-right:3px!important; } } /* Diagnose is a primary navigation path, not a knowledge sub-item. */ body.page.design-system-executive .site-header nav a[href="/diagnose"][aria-current="page"]{color:var(--green)} /* Homepage handoff: Barometer remains the flagship, Diagnose reveals the full instrument room. */ body.page-home .home-flagship__after a[href="/diagnose"]{color:var(--green);text-decoration:none;font-weight:700} @media (max-width:760px){ body.page-home .m2-baro__diagnose{ display:flex; min-height:44px; align-items:center; justify-content:center; margin-top:7px; color:rgba(244,242,237,.68); font-size:13px; font-weight:650; text-decoration:none; } } /* Diagnose 2+3 instrument room: quieter hierarchy around the tools, stronger tool distinction. */ body.page-diagnose [data-r3-diagnose-hub="true"] .dx-hero{border-bottom:1px solid rgba(247,245,242,.08)} body.page-diagnose [data-r3-diagnose-hub="true"] .dx-primary{background:linear-gradient(180deg,rgba(8,16,11,.96),rgba(10,20,14,.92))} body.page-diagnose [data-r3-diagnose-hub="true"] .dx-primary-grid{gap:18px} body.page-diagnose [data-r3-diagnose-hub="true"] .dx-tool{ border-color:rgba(247,245,242,.12); background:radial-gradient(circle at 92% 8%,rgba(139,207,154,.075),transparent 34%),rgba(255,255,255,.018); } @media (max-width:760px){ body.page-diagnose [data-r3-diagnose-hub="true"] .dx-hero-signal{display:none!important} body.page-diagnose [data-r3-diagnose-hub="true"] .dx-hero-grid{display:block!important} body.page-diagnose [data-r3-diagnose-hub="true"] .dx-primary{padding-block:64px!important} body.page-diagnose [data-r3-diagnose-hub="true"] .dx-section-head{margin-bottom:26px!important} body.page-diagnose [data-r3-diagnose-hub="true"] .dx-primary-grid{ gap:12px!important; padding-right:var(--m-gutter,20px)!important; scroll-padding-left:0; } body.page-diagnose [data-r3-diagnose-hub="true"] .dx-primary-grid>*{flex-basis:min(86vw,342px)!important} } @media (prefers-reduced-motion:reduce){ body.page.design-system-executive .site-header nav #menu.open .nav-summary::after{transition:none!important} } } /* NBC P5 service/global reduction v7331 · conservative unreachable-selector pruning */ @layer nbc.legacy{ /*! NBC v6.653 · Global responsive design system · single owner for global layout, ambient, mobile containment and desktop editorial flow */ :root{--metric-size:0%;--pin-x:50%;--pin-y:50%;} /* ========================================================================== GLOBAL LAYOUT ========================================================================== */ :root{ /* Horizontal system */ --nbc-shell-width:min(var(--nbc-shell-max),calc(100vw - (2 * var(--nbc-shell-gutter)))); --nbc-narrow-max:640px; /* Vertical rhythm — G1 corridors */ --nbc-hero-exit:clamp(56px,4.4vw,80px); --nbc-section-compact:clamp(56px,4vw,72px); --nbc-section-standard:clamp(76px,5.5vw,100px); --nbc-section-feature:clamp(92px,6.2vw,112px); --nbc-heading-content-gap:clamp(22px,2vw,34px); --nbc-group-exit:clamp(52px,4.2vw,76px); --nbc-card-gap:clamp(18px,1.65vw,24px); /* Compatibility aliases: legacy components consume the G1 owner. */ --nbc-desktop-shell-max:var(--nbc-shell-max); --nbc-desktop-shell-gutter:var(--nbc-shell-gutter); --nbc-desktop-shell-width:var(--nbc-shell-width); --nbc-layout-narrow:var(--nbc-narrow-max); --nbc-layout-gutter:var(--nbc-shell-gutter); --nbc-layout-section:var(--nbc-section-standard); --nbc-layout-section-compact:var(--nbc-section-compact); --nbc-layout-heading-gap:var(--nbc-heading-content-gap); --nbc-layout-grid-gap:var(--nbc-card-gap); --space-section:var(--nbc-section-standard); --space-section-compact:var(--nbc-section-compact); --section-gap:var(--nbc-section-standard); --section-space:var(--nbc-section-standard); --section-space-tight:var(--nbc-section-compact); --layout-gutter:var(--nbc-shell-gutter); --layout-max:var(--nbc-shell-max); --nbc-page-gutter:var(--nbc-shell-gutter); --nbc-gutter:var(--nbc-shell-gutter); --nbc-wide:var(--nbc-shell-max); --nbc-standard:var(--nbc-content-max); --nbc-editorial:var(--nbc-editorial-max); --nbc-editorial-width:var(--nbc-editorial-max); --nbc-narrow:var(--nbc-narrow-max); --nbc-section:var(--nbc-section-standard); --nbc-section-y:var(--nbc-section-standard); --nbc-section-y-compact:var(--nbc-section-compact); --nbc-group-gap:var(--nbc-card-gap); } html{ scroll-padding-top:calc(var(--header-height,80px) + 20px); } body.page.design-system-executive{margin:0} body.page.design-system-executive, body.page.design-system-executive main.nbc-page-shell{ width:100%; max-width:100%; } body.page.design-system-executive main.nbc-page-shell{ overflow-x:clip; } body.page.design-system-executive main :where(section,article,div), body.page.design-system-executive :where(.wrap,.sw,.pp-wrap,.dp-wrap,.nbc-layout-grid,.nbc-visual-stage)>*{ min-width:0; } body.page.design-system-executive :where(img,picture,svg,canvas,video,iframe){ max-width:100%; } /* -------------------------------------------------------------------------- One outer axis: chrome, heroes, sections and long-form compositions. Internal reading measures remain component-owned. */ @media (min-width:1024px){ body.page.design-system-executive .site-header > .wrap, body.page.design-system-executive .site-footer > .wrap, body.page.design-system-executive main > section > :is(.wrap,.sw,.pp-wrap,.dp-wrap,.home-service-choice__inner), body.page.design-system-executive main > .nbc-hero-bridge > .wrap, body.page.design-system-executive main > section > .nbc-hero-bridge > .wrap, body.page.design-system-executive main > section > .premium-hub-hero > .wrap, body.page.design-system-executive main > section > .premium-hub-landscape > .wrap, body.page.design-system-executive main > article > :is(.ep-hero,.ep-signature-stage) > .ep-hero-wrap, body.page.design-system-executive main > article > .ep-article-layout, body.page.design-system-executive main > article > .nbc-hero-bridge > .wrap, body.page.design-system-executive main > article.guide-html > :is(.guide-editorial-hero,section), body.page.design-system-executive.page-barometer #barometer > .wrap, body.page.design-system-executive.page-digital-check #digital-check > .wrap, body.page.design-system-executive.page-blog main.nbc-page-shell > section > .wrap, body.page.design-system-executive.page-diagnose main.nbc-page-shell > section > .wrap, body.page.design-system-executive.page-contact main.nbc-page-shell > section > .wrap, body.page.design-system-executive.page-about main.nbc-page-shell > section > .wrap, body.page.design-system-executive.page-home #situationen > .wrap{ width:var(--nbc-shell-width); max-width:var(--nbc-shell-max); margin-inline:auto; box-sizing:border-box; } body.page.design-system-executive :is(.layout-wide,[data-layout-width="wide"]){ width:var(--nbc-shell-width); max-width:var(--nbc-shell-max); margin-inline:auto; } body.page.design-system-executive :is(.layout-content,[data-layout-width="standard"]){ width:min(var(--nbc-content-max),calc(100vw - (2 * var(--nbc-shell-gutter)))); max-width:var(--nbc-content-max); margin-inline:auto; } body.page.design-system-executive :is(.layout-editorial,[data-layout-width="editorial"]){ width:min(var(--nbc-editorial-max),calc(100vw - (2 * var(--nbc-shell-gutter)))); max-width:var(--nbc-editorial-max); margin-inline:auto; } body.page.design-system-executive :is(.layout-narrow,[data-layout-width="narrow"]){ width:min(var(--nbc-narrow-max),calc(100vw - (2 * var(--nbc-shell-gutter)))); max-width:var(--nbc-narrow-max); margin-inline:auto; } body.page.design-system-executive main > article.guide-html{ padding-inline:0; } } /* -------------------------------------------------------------------------- Vertical system. Home composition is intentionally not re-authored in G1. */ @media (min-width:761px){ body.page.design-system-executive:not(.page-home) main > :is( .nbc-section, .service-context-section, .service-editorial-section, .ac-section, .authority-section, .knowledge-direct-library, .knowledge-diagnostic, .evidence-library-grid-section, .case-film-section, .case-evidence-system, .case-related, .case-knowledge-container, .case-audit-trail, .case-next-step ){ padding-block:var(--nbc-section-standard); } body.page.design-system-executive:not(.page-home) main > :is(.nbc-authority-strip,.nbc-hero-bridge){ padding-block:var(--nbc-section-compact); } body.page.design-system-executive:not(.page-home) main > :is( .nbc-process-reality-section, .nbc-provider-proof-section, .nbc-delegation-probe-section, .authority-section--visual ){ padding-block:var(--nbc-section-feature); } /* Hero → first-content spacing: readable exit, no oversized blank zone. */ body.page.design-system-executive:not(.page-home) main > :is( .nbc-hero-system, .service-hero, .diagnose-hero, .oml-hero, .premium-hub-opening, .evidence-library-hero, .case2-index-hero, .case-dossier-hero, .knowledge-direct-hero, .knowledge-hub-direct-hero, .ep-signature-stage, .ep-hero, .ac-intake-hero, .ac-founder-hero, .local-hero, .decision-hub-hero, .decision-library-hero, .dg-hub-hero, .dg-page-hero, .legal-hero ){ padding-bottom:var(--nbc-hero-exit); } } /* Heading → content rhythm. No heading receives a synthetic left offset here. */ body.page.design-system-executive main :is( .nbc-section-head, .service-section-head, .dx-section-head, .authority-head, .knowledge-section-head, .evidence-library-head, .case-section-head ){ display:grid; gap:var(--nbc-heading-content-gap); align-content:start; } body.page.design-system-executive main :is( .nbc-section-head, .service-section-head, .dx-section-head, .authority-head, .knowledge-section-head, .evidence-library-head, .case-section-head ) > :is(h2,h3,p){ margin-block:0; } /* Generic grid rhythm only; specialist instruments keep their own topology. */ body.page.design-system-executive main :is( .grid-cards, .related-grid, .proof-grid, .service-case-grid, .service-fit-grid, .knowledge-grid, .evidence-library-grid, .contact-process-grid, .contact-trust-grid, .branch-case-grid, .branch-read-grid ){ gap:var(--nbc-card-gap); } body.page.design-system-executive main :is( .grid-cards, .related-grid, .proof-grid, .service-case-grid, .service-fit-grid, .knowledge-grid, .evidence-library-grid, .contact-process-grid, .contact-trust-grid, .branch-case-grid, .branch-read-grid ) > *{ min-width:0; } /* Visual-stage geometry: component runtimes own drawing and motion, G1 owns bounds. */ body.page.design-system-executive [data-nbc-visual-stage], body.page.design-system-executive .nbc-visual-stage{ position:relative; inline-size:100%; max-inline-size:100%; min-inline-size:0; box-sizing:border-box; overflow:clip; } body.page.design-system-executive [data-nbc-visual-stage] :is(svg,canvas), body.page.design-system-executive .nbc-visual-stage :is(svg,canvas){ max-inline-size:100%; } /* CTA alignment: one wrapping geometry, visual treatment stays component-owned. */ body.page.design-system-executive main :is(.hero-ctas,.hero-actions,.nbc-hero-actions,.nbc-section-actions){ display:flex; flex-wrap:wrap; align-items:center; gap:12px 14px; } body.page.design-system-executive main :is(.hero-ctas,.hero-actions,.nbc-hero-actions,.nbc-section-actions) > *{ min-width:0; } /* -------------------------------------------------------------------------- Mobile G1 rhythm. G10 may later redesign composition; these are only the global spacing and shell guarantees. */ @media (max-width:760px){ :root{ --nbc-shell-gutter:clamp(18px,5.2vw,22px); --nbc-shell-width:calc(100vw - (2 * var(--nbc-shell-gutter))); --nbc-hero-exit:clamp(48px,13vw,64px); --nbc-section-compact:clamp(44px,12vw,56px); --nbc-section-standard:clamp(56px,16vw,72px); --nbc-section-feature:clamp(64px,18vw,72px); --nbc-heading-content-gap:clamp(22px,6.2vw,30px); --nbc-group-exit:clamp(48px,14vw,64px); --nbc-card-gap:16px; --nbc-mobile-gutter:var(--nbc-shell-gutter); --nbc-mobile-section:var(--nbc-section-standard); --nbc-mobile-section-tight:var(--nbc-section-compact); --nbc-mobile-section-standard:var(--nbc-section-standard); --nbc-mobile-section-compact:var(--nbc-section-compact); --nbc-mobile-section-feature:var(--nbc-section-feature); --m-gutter:var(--nbc-shell-gutter); --m-section:var(--nbc-section-standard); --m-section-tight:var(--nbc-section-compact); --m-section-loose:var(--nbc-section-feature); } html{scroll-padding-top:calc(var(--header-height,66px) + 14px)} body.page.design-system-executive :is(.wrap,.sw), body.page.design-system-executive main > section > :is(.pp-wrap,.dp-wrap), body.page.design-system-executive main > .nbc-hero-bridge > .wrap, body.page.design-system-executive main > section > .nbc-hero-bridge > .wrap{ width:var(--nbc-shell-width); max-width:none; margin-inline:auto; box-sizing:border-box; } body.page.design-system-executive:not(.page-home) main > :is( .nbc-section, .service-context-section, .service-editorial-section, .ac-section, .authority-section, .knowledge-direct-library, .knowledge-diagnostic, .evidence-library-grid-section, .case-film-section, .case-evidence-system, .case-related, .case-knowledge-container, .case-audit-trail, .case-next-step ){ padding-block:var(--nbc-section-standard); } body.page.design-system-executive:not(.page-home) main > :is(.nbc-authority-strip,.nbc-hero-bridge){ padding-block:var(--nbc-section-compact); } body.page.design-system-executive:not(.page-home) main > :is( .nbc-process-reality-section, .nbc-provider-proof-section, .nbc-delegation-probe-section, .authority-section--visual ){ padding-block:var(--nbc-section-feature); } body.page.design-system-executive:not(.page-home) main > :is( .nbc-hero-system, .service-hero, .diagnose-hero, .oml-hero, .premium-hub-opening, .evidence-library-hero, .case2-index-hero, .case-dossier-hero, .knowledge-direct-hero, .knowledge-hub-direct-hero, .ep-signature-stage, .ep-hero, .ac-intake-hero, .ac-founder-hero, .local-hero, .decision-hub-hero, .decision-library-hero, .dg-hub-hero, .dg-page-hero, .legal-hero ){ padding-bottom:var(--nbc-hero-exit); } body.page.design-system-executive main :is(.hero-ctas,.hero-actions,.nbc-hero-actions,.nbc-section-actions){ gap:10px; } } @media (max-width:374px){ :root{--nbc-shell-gutter:18px} } /* v6.559 · Technical stage layers are not layout children. Prevent the generic stage-child clamp from truncating local Ambilight. */ body.page.design-system-executive main .nbc-stage-ambilight{max-width:none;} /* ========================================================================== AMBIENT SYSTEM ========================================================================== */ @layer nbc.ambient{ :root{ --nbc-ambient-critical:223 119 113; --nbc-ambient-strained:216 173 100; --nbc-ambient-stable:139 207 154; --nbc-ambient-neutral:134 153 143; } body.page.design-system-executive{ position:relative; isolation:isolate; --ambient-primary-rgb:var(--nbc-ambient-neutral); --ambient-secondary-rgb:var(--nbc-ambient-neutral); --ambient-primary-x:14vw; --ambient-primary-y:-5vh; --ambient-primary-scale:1; --ambient-secondary-x:-16vw; --ambient-secondary-y:22vh; --ambient-secondary-scale:.94; --ambient-primary-opacity:.12; --ambient-secondary-opacity:.024; } /* Level 1 / 2 / 3 are perceptually different, with explicit values per semantic state. */ body.page.design-system-executive[data-ambilight-level="quiet"][data-ambient-state="neutral"]{--ambient-primary-rgb:var(--nbc-ambient-neutral);--ambient-secondary-rgb:var(--nbc-ambient-neutral);--ambient-primary-opacity:.075;--ambient-secondary-opacity:.014;} body.page.design-system-executive[data-ambilight-level="quiet"][data-ambient-state="stable"]{--ambient-primary-rgb:var(--nbc-ambient-stable);--ambient-secondary-rgb:var(--nbc-ambient-neutral);--ambient-primary-opacity:.090;--ambient-secondary-opacity:.016;} body.page.design-system-executive[data-ambilight-level="quiet"][data-ambient-state="strained"]{--ambient-primary-rgb:var(--nbc-ambient-strained);--ambient-secondary-rgb:var(--nbc-ambient-critical);--ambient-primary-opacity:.105;--ambient-secondary-opacity:.018;} body.page.design-system-executive[data-ambilight-level="quiet"][data-ambient-state="critical"]{--ambient-primary-rgb:var(--nbc-ambient-critical);--ambient-secondary-rgb:var(--nbc-ambient-strained);--ambient-primary-opacity:.115;--ambient-secondary-opacity:.020;} body.page.design-system-executive[data-ambilight-level="quiet"][data-ambient-state="exception"]{--ambient-primary-rgb:var(--nbc-ambient-critical);--ambient-secondary-rgb:var(--nbc-ambient-strained);--ambient-primary-opacity:.112;--ambient-secondary-opacity:.022;} body.page.design-system-executive[data-ambilight-level="narrative"][data-ambient-state="neutral"]{--ambient-primary-rgb:var(--nbc-ambient-neutral);--ambient-secondary-rgb:var(--nbc-ambient-neutral);--ambient-primary-opacity:.145;--ambient-secondary-opacity:.034;} body.page.design-system-executive[data-ambilight-level="narrative"][data-ambient-state="stable"]{--ambient-primary-rgb:var(--nbc-ambient-stable);--ambient-secondary-rgb:var(--nbc-ambient-neutral);--ambient-primary-opacity:.171;--ambient-secondary-opacity:.037;} body.page.design-system-executive[data-ambilight-level="narrative"][data-ambient-state="strained"]{--ambient-primary-rgb:var(--nbc-ambient-strained);--ambient-secondary-rgb:var(--nbc-ambient-critical);--ambient-primary-opacity:.194;--ambient-secondary-opacity:.044;} body.page.design-system-executive[data-ambilight-level="narrative"][data-ambient-state="critical"]{--ambient-primary-rgb:var(--nbc-ambient-critical);--ambient-secondary-rgb:var(--nbc-ambient-strained);--ambient-primary-opacity:.215;--ambient-secondary-opacity:.050;} body.page.design-system-executive[data-ambilight-level="narrative"][data-ambient-state="exception"]{--ambient-primary-rgb:var(--nbc-ambient-critical);--ambient-secondary-rgb:var(--nbc-ambient-strained);--ambient-primary-opacity:.205;--ambient-secondary-opacity:.053;} body.page.design-system-executive[data-ambilight-level="instrument"][data-ambient-state="neutral"]{--ambient-primary-rgb:var(--nbc-ambient-neutral);--ambient-secondary-rgb:var(--nbc-ambient-neutral);--ambient-primary-opacity:.215;--ambient-secondary-opacity:.052;} body.page.design-system-executive[data-ambilight-level="instrument"][data-ambient-state="stable"]{--ambient-primary-rgb:var(--nbc-ambient-stable);--ambient-secondary-rgb:var(--nbc-ambient-neutral);--ambient-primary-opacity:.254;--ambient-secondary-opacity:.057;} body.page.design-system-executive[data-ambilight-level="instrument"][data-ambient-state="strained"]{--ambient-primary-rgb:var(--nbc-ambient-strained);--ambient-secondary-rgb:var(--nbc-ambient-critical);--ambient-primary-opacity:.288;--ambient-secondary-opacity:.068;} body.page.design-system-executive[data-ambilight-level="instrument"][data-ambient-state="critical"]{--ambient-primary-rgb:var(--nbc-ambient-critical);--ambient-secondary-rgb:var(--nbc-ambient-strained);--ambient-primary-opacity:.318;--ambient-secondary-opacity:.076;} body.page.design-system-executive[data-ambilight-level="instrument"][data-ambient-state="exception"]{--ambient-primary-rgb:var(--nbc-ambient-critical);--ambient-secondary-rgb:var(--nbc-ambient-strained);--ambient-primary-opacity:.300;--ambient-secondary-opacity:.081;} .nbc-ambient-field{ position:fixed;inset:0;z-index:0;overflow:clip;pointer-events:none;-webkit-user-select:none;user-select:none;contain:strict; opacity:1;background:linear-gradient(180deg,rgb(7 11 9 / .16),rgb(7 11 9 / .026) 44%,rgb(7 11 9 / .15)); } .nbc-ambient-field::before,.nbc-ambient-field::after{ content:"";position:absolute;left:50%;top:50%;width:108vmax;height:88vmax;border-radius:50%;transform-origin:center;pointer-events:none; transition:opacity .92s cubic-bezier(.22,.61,.36,1),transform 1.05s cubic-bezier(.22,.61,.36,1),background .86s ease,filter .9s ease; } .nbc-ambient-field::before{ opacity:var(--ambient-primary-opacity);transform:translate(calc(-50% + var(--ambient-primary-x)),calc(-50% + var(--ambient-primary-y))) scale(var(--ambient-primary-scale)); background:radial-gradient(ellipse at center,rgb(var(--ambient-primary-rgb) / .72) 0%,rgb(var(--ambient-primary-rgb) / .28) 26%,rgb(var(--ambient-primary-rgb) / .07) 52%,transparent 74%);filter:saturate(1.06); } .nbc-ambient-field::after{ opacity:var(--ambient-secondary-opacity);transform:translate(calc(-50% + var(--ambient-secondary-x)),calc(-50% + var(--ambient-secondary-y))) scale(var(--ambient-secondary-scale)); background:radial-gradient(ellipse at center,rgb(var(--ambient-secondary-rgb) / .52) 0%,rgb(var(--ambient-secondary-rgb) / .15) 31%,transparent 70%);filter:blur(2px); } body.page.design-system-executive[data-ambient-current="hero"]{--ambient-primary-x:10vw;--ambient-primary-y:-8vh;--ambient-primary-scale:1.08;--ambient-secondary-x:-14vw;--ambient-secondary-y:18vh;--ambient-secondary-scale:.97;} body.page.design-system-executive[data-ambient-current="process"]{--ambient-primary-x:20vw;--ambient-primary-y:4vh;--ambient-primary-scale:1.03;--ambient-secondary-x:-20vw;--ambient-secondary-y:20vh;--ambient-secondary-scale:.91;} body.page.design-system-executive[data-ambient-current="instrument"],body.page.design-system-executive[data-ambient-current="diagnostic"]{--ambient-primary-x:18vw;--ambient-primary-y:8vh;--ambient-primary-scale:1.08;--ambient-secondary-x:-12vw;--ambient-secondary-y:22vh;--ambient-secondary-scale:.93;} body.page.design-system-executive[data-ambient-current="evidence"]{--ambient-primary-x:23vw;--ambient-primary-y:14vh;--ambient-primary-scale:1.01;--ambient-secondary-x:-13vw;--ambient-secondary-y:-3vh;--ambient-secondary-scale:1;} body.page.design-system-executive[data-ambient-current="editorial"]{--ambient-primary-x:-10vw;--ambient-primary-y:-10vh;--ambient-primary-scale:.95;--ambient-secondary-x:22vw;--ambient-secondary-y:23vh;--ambient-secondary-scale:.84;} body.page.design-system-executive[data-ambient-current="quiet"]{--ambient-primary-x:23vw;--ambient-primary-y:-7vh;--ambient-primary-scale:.90;--ambient-secondary-x:-22vw;--ambient-secondary-y:23vh;--ambient-secondary-scale:.82;} body.page.design-system-executive[data-ambient-current="region"]{--ambient-primary-x:-18vw;--ambient-primary-y:7vh;--ambient-primary-scale:1.03;--ambient-secondary-x:24vw;--ambient-secondary-y:-2vh;--ambient-secondary-scale:.95;} body.page.design-system-executive[data-ambient-current="decision"]{--ambient-primary-x:16vw;--ambient-primary-y:5vh;--ambient-primary-scale:1.04;--ambient-secondary-x:-15vw;--ambient-secondary-y:18vh;--ambient-secondary-scale:.91;} body.page.design-system-executive > main{position:relative;z-index:2;background-color:transparent;background-image:none;} body.page.design-system-executive > .site-footer{position:relative;z-index:2;} body.page.design-system-executive > .site-header,body.page.design-system-executive > #progress,body.page.design-system-executive > .fab{z-index:4;} /* Section-relative light: the content area owns a real light field instead of only changing a fixed page glow. */ body.page.design-system-executive main.nbc-page-shell [data-ambient][data-ambient-state]{ position:relative;isolation:isolate;--section-ambient-rgb:var(--nbc-ambient-neutral);--section-ambient-rgb-secondary:var(--nbc-ambient-neutral); --section-ambient-x:72%;--section-ambient-y:42%;--section-ambient-x2:25%;--section-ambient-y2:72%;--section-ambient-opacity:.10;--section-ambient-opacity2:.028; } body.page.design-system-executive main.nbc-page-shell [data-ambient][data-ambient-state] > :not(.nbc-page-section-ambilight){position:relative;z-index:1;} .nbc-page-section-ambilight{ display:block;position:absolute;z-index:0;pointer-events:none;left:50%;top:50%;width:min(1720px,150vw);height:max(620px,128%);transform:translate(-50%,-50%) scale(.96);opacity:0;overflow:hidden;border-radius:44%; transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .88s cubic-bezier(.22,.61,.36,1),filter .72s ease; background: radial-gradient(circle at var(--section-ambient-x) var(--section-ambient-y),rgb(var(--section-ambient-rgb) / .54) 0%,rgb(var(--section-ambient-rgb) / .17) 18%,rgb(var(--section-ambient-rgb) / .042) 38%,transparent 62%), radial-gradient(circle at var(--section-ambient-x2) var(--section-ambient-y2),rgb(var(--section-ambient-rgb-secondary) / .30) 0%,rgb(var(--section-ambient-rgb-secondary) / .08) 24%,transparent 54%); filter:blur(24px) saturate(1.04); } [data-page-ambient-active="true"] > .nbc-page-section-ambilight{opacity:var(--section-ambient-opacity);transform:translate(-50%,-50%) scale(1);} body.page.design-system-executive main.nbc-page-shell [data-page-ambient-active="true"].light > .nbc-page-section-ambilight{opacity:.035;} /* Level contract for the local field. Runtime writes the resolved semantic state to data-ambilight-state. */ [data-ambient="hero"]{--section-ambient-x:72%;--section-ambient-y:20%;--section-ambient-x2:22%;--section-ambient-y2:74%;} [data-ambient="process"]{--section-ambient-x:30%;--section-ambient-y:46%;--section-ambient-x2:78%;--section-ambient-y2:70%;} [data-ambient="instrument"],[data-ambient="diagnostic"]{--section-ambient-x:72%;--section-ambient-y:46%;--section-ambient-x2:24%;--section-ambient-y2:67%;} [data-ambient="evidence"]{--section-ambient-x:78%;--section-ambient-y:50%;--section-ambient-x2:22%;--section-ambient-y2:26%;} [data-ambient="editorial"]{--section-ambient-x:24%;--section-ambient-y:28%;--section-ambient-x2:78%;--section-ambient-y2:72%;} [data-ambient="quiet"]{--section-ambient-x:73%;--section-ambient-y:35%;--section-ambient-x2:20%;--section-ambient-y2:75%;} [data-ambient="region"]{--section-ambient-x:30%;--section-ambient-y:56%;--section-ambient-x2:80%;--section-ambient-y2:24%;} [data-ambient="decision"]{--section-ambient-x:66%;--section-ambient-y:48%;--section-ambient-x2:25%;--section-ambient-y2:70%;} /* Local instrument Ambilight remains the sharpest layer but inherits the page level. */ [data-nbc-visual-stage][data-stage-local-ambient="true"]{ --nbc-stage-ambient-rgb:var(--nbc-ambient-stable);--nbc-stage-ambient-rgb-secondary:var(--nbc-ambient-neutral); --nbc-stage-ambient-state-x:52%;--nbc-stage-ambient-state-y:50%;--nbc-stage-ambient-secondary-x:72%;--nbc-stage-ambient-secondary-y:64%; --nbc-stage-ambient-intensity:.40;--nbc-stage-ambient-secondary-intensity:.12;--nbc-stage-ambient-spread:46%; } .nbc-stage-ambilight{position:absolute;inset:-8%;z-index:-2;overflow:hidden;pointer-events:none;opacity:1;border-radius:inherit;transition:opacity .38s ease;} .nbc-stage-ambilight::before,.nbc-stage-ambilight::after{content:"";position:absolute;inset:-18%;pointer-events:none;transition:background-position .82s cubic-bezier(.22,.61,.36,1),opacity .7s ease,filter .7s ease;} .nbc-stage-ambilight::before{opacity:var(--nbc-stage-ambient-intensity);background:radial-gradient(circle at var(--nbc-stage-ambient-state-x) var(--nbc-stage-ambient-state-y),rgb(var(--nbc-stage-ambient-rgb) / .72) 0%,rgb(var(--nbc-stage-ambient-rgb) / .26) 16%,rgb(var(--nbc-stage-ambient-rgb) / .078) 34%,transparent var(--nbc-stage-ambient-spread));filter:blur(24px) saturate(1.08);} .nbc-stage-ambilight::after{opacity:var(--nbc-stage-ambient-secondary-intensity);background:radial-gradient(circle at var(--nbc-stage-ambient-secondary-x) var(--nbc-stage-ambient-secondary-y),rgb(var(--nbc-stage-ambient-rgb-secondary) / .46) 0%,rgb(var(--nbc-stage-ambient-rgb-secondary) / .14) 21%,transparent 48%);filter:blur(36px);} [data-nbc-visual-stage][data-ambient-tone="critical"]{--nbc-stage-ambient-rgb:var(--nbc-ambient-critical);} [data-nbc-visual-stage][data-ambient-tone="exception"]{--nbc-stage-ambient-rgb:var(--nbc-ambient-critical);--nbc-stage-ambient-rgb-secondary:var(--nbc-ambient-strained);} [data-nbc-visual-stage][data-ambient-tone="strained"]{--nbc-stage-ambient-rgb:var(--nbc-ambient-strained);} [data-nbc-visual-stage][data-ambient-tone="stable"]{--nbc-stage-ambient-rgb:var(--nbc-ambient-stable);} [data-nbc-visual-stage][data-ambient-tone="neutral"]{--nbc-stage-ambient-rgb:var(--nbc-ambient-neutral);} [data-nbc-visual-stage][data-stage-state="offscreen"] .nbc-stage-ambilight,[data-nbc-visual-stage][data-stage-state="dormant"] .nbc-stage-ambilight{opacity:.20;} [data-nbc-visual-stage][data-stage-state="paused"] .nbc-stage-ambilight{opacity:.42;} [data-nbc-visual-stage][data-stage-state="fallback"] .nbc-stage-ambilight{opacity:.34;} @media (max-width:760px){ .nbc-ambient-field::before,.nbc-ambient-field::after{width:132vmax;height:96vmax;} body.page.design-system-executive .nbc-ambient-field{opacity:.72;} body.page.design-system-executive main.nbc-page-shell .nbc-page-section-ambilight{filter:blur(28px);} .nbc-page-section-ambilight{width:178vw;height:max(540px,118%);filter:blur(28px);} [data-nbc-visual-stage][data-stage-local-ambient="true"]{--nbc-stage-ambient-intensity:.32;--nbc-stage-ambient-secondary-intensity:.085;--nbc-stage-ambient-spread:52%;} } @media (prefers-reduced-motion:reduce){ .nbc-ambient-field::before,.nbc-ambient-field::after,.nbc-page-section-ambilight,.nbc-stage-ambilight,.nbc-stage-ambilight::before,.nbc-stage-ambilight::after{transition:none;animation:none;will-change:auto;} [data-nbc-visual-stage][data-stage-local-ambient="true"]{--nbc-stage-ambient-intensity:.27;--nbc-stage-ambient-secondary-intensity:.07;} } @media (prefers-reduced-transparency:reduce){ .nbc-ambient-field::before{opacity:.055}.nbc-ambient-field::after{opacity:.012}.nbc-stage-ambilight{opacity:.24} body.page.design-system-executive main.nbc-page-shell [data-page-ambient-active="true"] > .nbc-page-section-ambilight{opacity:.035} } @media (prefers-contrast:more){ .nbc-ambient-field::before{opacity:.05}.nbc-ambient-field::after{opacity:.010} body.page.design-system-executive main.nbc-page-shell [data-page-ambient-active="true"] > .nbc-page-section-ambilight{opacity:.03} [data-nbc-visual-stage][data-stage-local-ambient="true"] .nbc-stage-ambilight{opacity:.26} } @media print{.nbc-ambient-field,.nbc-page-section-ambilight,.nbc-stage-ambilight{display:none}} } /* Loaded last: legacy page-shell backgrounds must not mask the single G9 owner. */ body.page.design-system-executive > main{background-color:transparent;background-image:none;} /* ========================================================================== MOBILE LAYOUT ========================================================================== */ @media (max-width:760px){ /* Header controls: consistent thumb targets without changing the visual weight. */ body.page.design-system-executive .nbc-mobile-header-cta{ min-height:44px; padding-inline:13px; } body.page.design-system-executive .burger{ width:44px; height:44px; min-width:44px; min-height:44px; } /* Homepage rhythm: fewer oversized surfaces, more editorial continuity. */ /* Hero: protect the proposition, tighten the handoff into the first content block. */ /* Haltung: portrait becomes an editorial identity module instead of another tall card. */ /* Betriebszwilling: denser selector rail and more legible instrument microtype. */ /* Decisions: change three oversized cards into three compact decision surfaces. */ /* Diagnosis: two choices read as one decision block rather than two more cards. */ /* Proof hierarchy: one hero proof, then two supporting proof rows. */ /* Knowledge links already have the right pattern; tighten only the rhythm. */ /* Personal responsibility becomes a compact signature section, not another long chapter. */ /* Final CTA retains its weight but no longer feels detached from the page rhythm. */ } /* ========================================================================== MOBILE CONTENT DENSITY ========================================================================== */ @media (max-width:760px){ /* Global mobile hygiene: preserve the desktop system, remove edge-case overflow. */ html,body{} body.page.design-system-executive img,body.page.design-system-executive svg{max-width:100%} body.page.design-system-executive :is(button,a,input,select,textarea,summary){-webkit-tap-highlight-color:transparent} body.page.design-system-executive :is(.m4-reading-nav a,.m4-case-nav a){min-height:44px!important} /* Service instruments: diagram labels must remain readable, not decorative dust. */ body[data-m3-service-active="true"] :is(.m3-process-labels,.m3-g6a-labels span,.m3-g6a-erp-steps span){font-size:9px!important;line-height:1.22!important} body[data-m3-service-active="true"] :is(.m3-process-excel::after,.m3-g6a-provider-lanes em,.m3-g6a-ai-outcomes span,.m3-g6a-ops span b,.m3-guide__path b){font-size:9px!important} /* Articles: one executive answer, then evidence. Remove the repeated paragraph and tighten long-form rhythm. */ body[data-m4-kind="article"] .m4-quick-answer{margin:22px var(--m-gutter) 4px!important;padding:20px!important} body[data-m4-kind="article"] .m4-quick-answer p{font-size:15.75px!important;line-height:1.58!important} body[data-m4-kind="article"] .ep-executive-answer{margin-top:14px!important;padding:22px 0 26px!important} body[data-m4-kind="article"] .ep-executive-answer>.ep-answer-text{display:none!important} body[data-m4-kind="article"] .ep-answer-triad{display:block!important;margin-top:0!important} body[data-m4-kind="article"] .ep-answer-triad>article{padding:15px 0!important;border:0!important;border-top:1px solid var(--m4-line)!important;background:transparent!important;border-radius:0!important} body[data-m4-kind="article"] .ep-answer-triad>article:last-child{border-bottom:1px solid var(--m4-line)!important} body[data-m4-kind="article"] .ep-answer-triad :is(h3,strong){font-size:16px!important;line-height:1.2!important} body[data-m4-kind="article"] .ep-answer-triad p{font-size:14.5px!important;line-height:1.55!important;margin-top:7px!important} body[data-m4-kind="article"] .ep-chapter{padding-block:29px!important} body[data-m4-kind="article"] .ep-chapter h2{font-size:27px!important;line-height:1.05!important} body[data-m4-kind="article"] .ep-chapter :is(p,li){font-size:16.25px!important;line-height:1.69!important} body[data-m4-kind="article"] .ep-conclusion{padding-block:54px!important} /* Decision Guides: page previews are a visual proof rail, not three full pages stacked vertically. */ body[data-m4-kind="guide-detail"] :is(.dg-live-tool,.dg-after20,.dg-related-guides){padding-block:48px!important} /* Knowledge hubs: keep the decision path visible; move research depth behind one intentional disclosure. */ body[data-m4-kind="knowledge-category"] .authority-section{padding-block:56px!important} .m6-depth-gate{margin:0;padding:0 var(--m-gutter);background:#07100b;color:#f5f3ee} .m6-depth-gate__inner{padding:26px 0;border-block:1px solid rgba(245,243,238,.13)} .m6-depth-gate small{display:block;margin-bottom:10px;color:#98d7a4;font:600 9px/1 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.1em;text-transform:uppercase} .m6-depth-toggle{display:flex;width:100%;min-height:54px;align-items:center;justify-content:space-between;gap:18px;padding:0;border:0;background:transparent;color:inherit;text-align:left;font-weight:600;font-size:16px;line-height:1.25;font-family:inherit;cursor:pointer} .m6-depth-toggle span:last-child{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border:1px solid rgba(245,243,238,.18);border-radius:50%;font-size:18px;font-weight:400} .m6-depth-gate p{margin:10px 42px 0 0;color:rgba(245,243,238,.6);font-size:13.5px;line-height:1.5} .m6-depth-section[hidden],.m6-regional-matrix[hidden]{display:none!important} /* Knowledge index: six visible entry points are enough before the user asks for the full library. */ body.page-blog .km-index-group__rows.m6-blog-collapsed>.km-index-row:nth-child(n/**/+3){display:none!important} body.page-blog .km-index-row{padding-block:17px!important} body.page-blog .km-index-row__body>span:last-child{font-size:13px!important;line-height:1.45!important} /* Regional Intelligence: preserve the atlas as the signature visual, make evidence swipeable, matrix optional. */ body.page-regional-intelligence .regional-atlas__topicbar>div{ display:flex!important;gap:8px!important;overflow-x:auto!important;padding:8px 14px 12px!important; scroll-snap-type:x mandatory!important;scrollbar-width:none!important; } body.page-regional-intelligence .regional-atlas__topicbar>div::-webkit-scrollbar, body.page-regional-intelligence .regional-atlas__regions::-webkit-scrollbar, body.page-regional-intelligence .regional-signal-grid::-webkit-scrollbar, body.page-regional-intelligence .regional-radius-grid::-webkit-scrollbar{display:none!important} body.page-regional-intelligence .regional-topic-button{ flex:0 0 72%!important;min-height:52px!important;padding:13px 14px!important;border:1px solid var(--regional-line)!important;border-radius:10px!important;scroll-snap-align:start!important; } body.page-regional-intelligence .regional-atlas__regions{ display:flex!important;gap:8px!important;overflow-x:auto!important;padding:10px 14px 14px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important; } body.page-regional-intelligence .regional-atlas__regions .regional-region-button{ flex:0 0 74%!important;min-height:62px!important;padding:14px!important;border:1px solid var(--regional-line)!important;border-radius:10px!important;scroll-snap-align:start!important; } body.page-regional-intelligence .regional-atlas__map, body.page-regional-intelligence .regional-atlas--full .regional-atlas__map{min-height:330px!important} body.page-regional-intelligence .regional-signal-grid{ display:flex!important;gap:12px!important;width:calc(100% + var(--m-gutter))!important; margin-right:calc(-1 * var(--m-gutter))!important;padding:4px var(--m-gutter) 16px 0!important; overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important; } body.page-regional-intelligence .regional-signal-card{ flex:0 0 min(86vw,340px)!important;min-height:340px!important;padding:24px!important; border:1px solid rgba(17,21,18,.13)!important;border-radius:18px!important;background:#fff!important;scroll-snap-align:start!important; } body.page-regional-intelligence .regional-signal-card>b{margin-top:26px!important} body.page-regional-intelligence .regional-radius-grid{ display:flex!important;gap:12px!important;width:calc(100% + var(--m-gutter))!important; margin-right:calc(-1 * var(--m-gutter))!important;padding:4px var(--m-gutter) 16px 0!important; overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important; } body.page-regional-intelligence .regional-radius-card{ flex:0 0 min(86vw,340px)!important;min-height:270px!important;padding:24px!important; border:1px solid var(--regional-line)!important;border-radius:18px!important;background:var(--regional-soft)!important;scroll-snap-align:start!important; } body.page-regional-intelligence .m6-depth-gate{padding-inline:0;background:transparent} body.page-regional-intelligence .m6-depth-gate__inner{border-color:var(--regional-line)} /* Barometer: keep the modeled state visible without a dead visual stage. */ body[data-m4-kind="barometer"] .baro-svg{height:210px!important;min-height:210px!important;margin-block:0!important} body[data-m4-kind="barometer"] .baro-stage{min-height:0!important} body[data-m4-kind="barometer"] :is(.baro-break-label,.baro-status,.baro-dimension small){font-size:10px!important;line-height:1.25!important} /* Legal / governance pages: long text should read like a document on a phone. */ body.page-legal:not(.page-styleguide) main :is(p,li){font-size:16px!important;line-height:1.68!important} body.page-legal:not(.page-styleguide) main :is(h2,h3){text-wrap:balance} body.page-styleguide main :is(pre,table){max-width:100%;overflow:auto} } @media (max-width:374px){ body.page-regional-intelligence .regional-topic-button, body.page-regional-intelligence .regional-atlas__regions .regional-region-button{flex-basis:82%!important} } /*! v6.563 QA pass · active Decision Guide preview + residual microtype */ @media (max-width:760px){ /* Current Decision Guide template (dgp-*): one preview page at a time with a visible next-card cue. */ body.page-template-guide :is(.dgp-hero-meta span,.dgp-cover-caption span,.dgp-guide-current>span,.dgp-guide-other>span,.dgp-preview-next span,.dgp-download-facts span,.dg-after20-item .n,.dg-related-link .code){font-size:9px!important;line-height:1.25!important} /* Remaining information labels: retain the mono/editorial character without falling below readable microtype. */ body.page-blog :is(.km-b2-domain__num,.km-b2-library-link,.km-seo-topic-links__label,.km-b5-filtergroup>span,.km-b5-library-status,.km-index-row__phase){font-size:9px!important;line-height:1.25!important} body[data-m4-kind="digital"] .dc7-choice .mono{font-size:9px!important} } /* ========================================================================== MOBILE CONTAINMENT ========================================================================== */ @media (max-width:760px){ /* ------------------------------------------------------------------------- 01 · GLOBAL CONTAINMENT CONTRACT Content must be allowed to shrink inside its own viewport/card. Intentional horizontal rails keep their explicit overflow:auto rules from earlier layers. ------------------------------------------------------------------------- */ html,body{max-width:100%;overflow-x:clip} body.page.design-system-executive main, body.page.design-system-executive main.nbc-page-shell{max-width:100%;min-width:0;overflow-x:clip} body.page.design-system-executive main :where( section,article,div,aside,header,footer,nav,figure,figcaption,form,fieldset, ul,ol,li,details,summary ){min-width:0;min-inline-size:0} body.page.design-system-executive main :where( h1,h2,h3,h4,h5,h6,p,li,figcaption,strong,small,label,summary ){ max-inline-size:100%; overflow-wrap:break-word; } body.page.design-system-executive main :where(button,a){min-width:0;min-inline-size:0} body.page.design-system-executive main :where(img,video,iframe){max-width:100%;height:auto} /* Long German compounds are common in NBC's subject matter. Use automatic hyphenation only where a component is width constrained, not site-wide. */ body.page.design-system-executive main :where( .authority-executive-brief strong, .authority-lens-button strong, .m2-attitude__portrait figcaption strong, .m2-attitude__portrait figcaption span, .case2-evidence-fact strong, .dg-field-copy h3, .dg-guide-outcomes strong ){-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere} /* ------------------------------------------------------------------------- 02 · HOMEPAGE FALLBACK + MOBILE COMPOSITION The JS mobile composition is primary. The desktop Haltung remains a robust fallback so a slow/blocked script can never produce a 3-column squeeze. ------------------------------------------------------------------------- */ body.page-home .home-trust__top{ grid-template-columns:minmax(0,1fr)!important; gap:30px!important; } body.page-home .home-trust__head{max-width:none!important} body.page-home .home-trust__person{ grid-template-columns:minmax(92px,112px) minmax(0,1fr)!important; gap:16px!important; width:100%!important; min-height:0!important; max-width:none!important; } body.page-home .home-trust__portrait{min-height:178px!important} body.page-home .home-trust__person-meta{min-width:0!important;padding-right:0!important} body.page-home .home-trust__person-meta :is(.mono,strong,a){overflow-wrap:anywhere} body.page-home .home-trust__grid{ grid-template-columns:minmax(0,1fr)!important; border-top:1px solid var(--home-compose-line)!important; } body.page-home .home-trust__item{ width:100%!important; padding:22px 0!important; border-left:0!important; } body.page-home .home-trust__item+.home-trust__item{ padding-left:0!important; border-left:0!important; border-top:1px solid var(--home-compose-line)!important; } body.page-home[data-m2-home-active="true"] .m2-twin__finding :is(strong,p,b){max-width:100%;overflow-wrap:break-word} /* ------------------------------------------------------------------------- 03 · ARTICLE TABLES Simple responsive tables become readable decision rows instead of a hidden 680px desktop table. Complex evidence ledgers retain their explicit scroll rail. ------------------------------------------------------------------------- */ body[data-m4-kind="article"] .table-scroll{ width:100%!important; max-width:100%!important; margin-inline:0!important; overflow:visible!important; } body[data-m4-kind="article"] .table-scroll table.responsive-table{ display:block!important; width:100%!important; min-width:0!important; border:0!important; } body[data-m4-kind="article"] .table-scroll .responsive-table thead{display:none!important} body[data-m4-kind="article"] .table-scroll .responsive-table tbody, body[data-m4-kind="article"] .table-scroll .responsive-table tr, body[data-m4-kind="article"] .table-scroll .responsive-table td{ display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; } body[data-m4-kind="article"] .table-scroll .responsive-table tr{ margin:0!important; padding:18px 0!important; border-top:1px solid rgba(247,245,242,.13)!important; } body[data-m4-kind="article"] .table-scroll .responsive-table tr:last-child{ border-bottom:1px solid rgba(247,245,242,.13)!important; } body[data-m4-kind="article"] .table-scroll .responsive-table td{ position:relative!important; padding:4px 0 4px 0!important; border:0!important; white-space:normal!important; overflow-wrap:break-word!important; font-size:15px!important; line-height:1.5!important; } body[data-m4-kind="article"] .table-scroll .responsive-table td::before{ content:attr(data-label); display:block; margin-bottom:5px; color:rgba(152,215,164,.74); font:600 9px/1.25 var(--mono,"IBM Plex Mono",monospace); letter-spacing:.08em; text-transform:uppercase; } body[data-m4-kind="article"] .table-scroll .responsive-table td+td{margin-top:9px} /* ------------------------------------------------------------------------- 04 · AUTHORITY HUBS / REGIONAL INTELLIGENCE ------------------------------------------------------------------------- */ body.page-knowledge-hub .authority-lens-button{ grid-template-columns:24px minmax(0,1fr)!important; gap:8px!important; padding:15px 12px!important; } body.page-knowledge-hub .authority-lens-button strong{ min-width:0; font-size:15px!important; line-height:1.18!important; } body.page-regional-intelligence .regional-atlas__map{min-width:0;max-width:100%} body.page-regional-intelligence .regional-map-pin--core{max-width:118px;min-width:0} body.page-regional-intelligence .regional-map-pin--core span{ min-width:0;max-width:100%;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto; } body.page-regional-intelligence .regional-atlas__map-note{ right:12px;left:12px;max-width:calc(100% - 24px);font-size:8px;line-height:1.35; } /* ------------------------------------------------------------------------- 05 · CASES ------------------------------------------------------------------------- */ body[data-case-system="v2"].page-case-index .case2-index-hero, body[data-case-system="v2"].page-case-index .case2-index-hero-grid, body[data-case-system="v2"].page-case-index .case2-title{min-width:0;max-width:100%} /* ------------------------------------------------------------------------- 06 · CONTACT / INTAKE ------------------------------------------------------------------------- */ body.page-contact .ac-person-stage, body.page-contact .ac-person-stage-meta, body.page-contact .ac-contact-trust{min-width:0;max-width:100%} /* ------------------------------------------------------------------------- 07 · SERVICE / INDUSTRY VISUALS Visual labels should shrink/wrap inside the model, never enlarge the model. ------------------------------------------------------------------------- */ body.page-service :where( .erp-direction-preview-stage,.erp-direction-preview-branch,.erp-direction-preview-case, .pr-workspace,.pr-break-dock,.pr-scene-insights,.pr-result-block, .dp-flow-panel,.dp-result,.m3-g6a-stage,.m3-g6a-process,.m3-g6a-provider-lanes ), body.page-industry :where(.ps-c2c,.ps-c2c-row,.ps-c2c-cells,.ps-c2c-cell){min-width:0;max-width:100%} body.page-service .erp-direction-preview-branch :is(strong,small,span), body.page-service .pr-scene-insights :is(strong,span,p), body.page-industry .ps-c2c-cell :is(strong,span,small){ min-width:0;max-width:100%;overflow-wrap:break-word; } /* ------------------------------------------------------------------------- 08 · LEGAL / ADMIN LONG-WORD GUARD ------------------------------------------------------------------------- */ body.page-legal:not(.page-styleguide) .legal-hero h1.title-fit-longword{ max-width:100%!important; overflow-wrap:normal!important; word-break:normal!important; } } @media (max-width:440px){ /* Contact trust line has three long all-caps words; slightly reduce tracking before allowing a second line. */ /* Commercial-to-cash stays a two-column system but labels can wrap naturally. */ body.industry-services[data-industry-services="v6471"] .ps-c2c-cell :is(strong,span,small){ white-space:normal!important; } } @media (max-width:360px){ /* 320–360 px: preserve hierarchy rather than forcing desktop-sized words. */ body.page-knowledge-hub .authority-lens-button{ grid-template-columns:1fr!important; gap:6px!important; align-content:center!important; min-height:70px!important; padding:12px 10px!important; } body.page-knowledge-hub .authority-lens-button strong{ font-size:14.5px!important; line-height:1.15!important; } body.page-regional-intelligence .regional-map-pin--core[data-region-key="suedost"] span{ font-size:0!important; white-space:nowrap!important; overflow-wrap:normal!important; } body.page-regional-intelligence .regional-map-pin--core[data-region-key="suedost"] span::after{ content:"Südost-Nds."; font:600 8px/1 var(--nbc-type-mono,"IBM Plex Mono",monospace); } body[data-case-system="v2"].page-case-index .case2-index-hero .case2-title{ font-size:35px!important; line-height:.99!important; letter-spacing:-.045em!important; } body.page-legal:not(.page-styleguide) .legal-hero h1.title-fit-longword{ font-size:28px!important; line-height:1.02!important; letter-spacing:-.045em!important; } } /* v6.565 QA correction: the single long German legal title needs an intermediate size as well; 390px devices otherwise clip the final glyph. */ @media (min-width:361px) and (max-width:440px){ body.page-legal:not(.page-styleguide) .legal-hero h1.title-fit-longword{ font-size:32px!important; line-height:1.02!important; letter-spacing:-.04em!important; } } /* ========================================================================== DESKTOP EDITORIAL FLOW ========================================================================== */ @media (min-width:1024px){ :root{ --nbc-desktop-head-max:1280px; --nbc-desktop-copy-max:820px; --nbc-desktop-head-copy-gap:clamp(18px,1.55vw,24px); } /* ----------------------------------------------------------------------- 1. One editorial contract for section heads. Headline owns the horizontal axis; explanatory copy starts directly below it on the same left edge. */ body.page.design-system-executive main :where( .nbc-section-heading, .nbc-section-header, .service-context-head, .service-editorial-head, .service-after-head, .service-proof-head, .service-operating-signal__head, .bi-head, .dx-section-head, .authority-section-head, .h7-section-head, .knowledge-container-head, .case2-section-head, .local-section-heading, .local-wide-heading, .ac-section-head, .nbc-about-collaboration-head, .process-evidence-head, .erp-direction-head, .erp-levels-head, .ep-ledger-head, .ih-section-head, .dg-h6-system__head, .dg-hub-intro, .dg-h6-unsure__copy, .g8-brief__head ){ width:100%!important; max-width:min(100%,var(--nbc-desktop-head-max))!important; margin-left:0!important; margin-right:auto!important; text-align:left!important; } body.page.design-system-executive main :where( .nbc-section-heading, .nbc-section-header, .service-context-head, .service-editorial-head, .service-after-head, .service-proof-head, .service-operating-signal__head, .bi-head, .dx-section-head, .authority-section-head, .h7-section-head, .knowledge-container-head, .case2-section-head, .local-section-heading, .local-wide-heading, .ac-section-head, .nbc-about-collaboration-head, .process-evidence-head, .erp-direction-head, .erp-levels-head, .ep-ledger-head, .ih-section-head, .dg-h6-system__head, .dg-hub-intro, .dg-h6-unsure__copy, .g8-brief__head ) > :is(h2,h3,.nbc-section-title){ width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; text-align:left!important; text-wrap:pretty; } body.page.design-system-executive main :where( .nbc-section-heading, .nbc-section-header, .service-context-head, .service-editorial-head, .service-after-head, .service-proof-head, .service-operating-signal__head, .bi-head, .dx-section-head, .authority-section-head, .h7-section-head, .knowledge-container-head, .case2-section-head, .local-section-heading, .ac-section-head, .nbc-about-collaboration-head, .process-evidence-head, .erp-direction-head, .erp-levels-head, .ep-ledger-head, .ih-section-head, .dg-h6-system__head, .dg-hub-intro, .dg-h6-unsure__copy, .g8-brief__head ) > p:last-child{ width:min(100%,var(--nbc-desktop-copy-max))!important; max-width:var(--nbc-desktop-copy-max)!important; margin:var(--nbc-desktop-head-copy-gap) 0 0!important; text-align:left!important; } /* ----------------------------------------------------------------------- 2. Retire legacy split-head geometries. */ body.page.design-system-executive main :where( .authority-section-head--split, .h7-section-head--split ){ display:block!important; grid-template-columns:none!important; gap:0!important; align-items:start!important; } body.page.design-system-executive main :where( .authority-section-head--split, .h7-section-head--split ) > p{ width:min(100%,var(--nbc-desktop-copy-max))!important; max-width:var(--nbc-desktop-copy-max)!important; margin:var(--nbc-desktop-head-copy-gap) 0 0!important; } /* Decision-guide details: the opening explanation is a vertical editorial block, not a 40/60 split. */ /* Decision hub closing thesis: same hierarchy as the rest of the site. */ /* Guide tool / related heads often used a left/right composition. */ body.page-template-guide :where(.dg-live-tool-head,.dg-related-head,.dg-guide-preview-head){ display:block!important; grid-template-columns:none!important; width:100%!important; max-width:var(--nbc-desktop-head-max)!important; } body.page-template-guide :where(.dg-live-tool-head,.dg-related-head,.dg-guide-preview-head) > div:first-child{ width:100%!important; max-width:none!important; } body.page-template-guide :where(.dg-live-tool-head,.dg-related-head,.dg-guide-preview-head) h2, body.page-template-guide :where(.dg-live-tool-head,.dg-related-head,.dg-guide-preview-head) h3{ width:100%!important; max-width:none!important; } body.page-template-guide :where(.dg-live-tool-head,.dg-related-head,.dg-guide-preview-head) > p{ width:min(100%,var(--nbc-desktop-copy-max))!important; max-width:var(--nbc-desktop-copy-max)!important; margin:var(--nbc-desktop-head-copy-gap) 0 0!important; text-align:left!important; } /* Process evidence used an explicit two-column header. */ body.service-process .process-evidence-head{ display:block!important; grid-template-columns:none!important; column-gap:0!important; width:100%!important; max-width:var(--nbc-desktop-head-max)!important; } body.service-process .process-evidence-head > .mono{ display:block!important; margin-bottom:16px!important; } body.service-process .process-evidence-head > h2{ width:100%!important; max-width:none!important; } body.service-process .process-evidence-head > p{ width:min(100%,var(--nbc-desktop-copy-max))!important; max-width:var(--nbc-desktop-copy-max)!important; margin:var(--nbc-desktop-head-copy-gap) 0 0!important; } /* Guide 'after 20 minutes' heading was artificially capped at 500px. */ /* ----------------------------------------------------------------------- 3. Page-system corrections where the explanatory copy sits in a sibling column rather than inside the heading wrapper. */ /* Göttingen: heading across the row, context directly below it. */ /* Barometer scenario introduction. */ body.page-barometer .baro-scenario-head{ display:block!important; grid-template-columns:none!important; width:100%!important; max-width:var(--nbc-desktop-head-max)!important; } body.page-barometer .baro-scenario-head > div:first-child, body.page-barometer .baro-scenario-head h2{ width:100%!important; max-width:none!important; } body.page-barometer .baro-scenario-head > p{ width:min(100%,var(--nbc-desktop-copy-max))!important; max-width:var(--nbc-desktop-copy-max)!important; margin:var(--nbc-desktop-head-copy-gap) 0 0!important; text-align:left!important; } /* Articles: ledger / diagnostic headers should read vertically as well. */ body.page-template-article .ep-ledger-head{ display:block!important; max-width:min(100%,1120px)!important; } body.page-template-article .ep-ledger-head h2{ width:100%!important; max-width:none!important; } body.page-template-article .ep-ledger-head > p{ width:min(100%,var(--nbc-desktop-copy-max))!important; max-width:var(--nbc-desktop-copy-max)!important; margin:var(--nbc-desktop-head-copy-gap) 0 0!important; } body.page-template-article .article-diagnostic-context > header{ display:block!important; grid-template-columns:none!important; width:100%!important; max-width:1120px!important; } body.page-template-article .article-diagnostic-context > header > h2{ width:100%!important; max-width:none!important; } body.page-template-article .article-diagnostic-context > header > p:last-child{ width:min(100%,var(--nbc-desktop-copy-max))!important; max-width:var(--nbc-desktop-copy-max)!important; margin:var(--nbc-desktop-head-copy-gap) 0 0!important; } /* Knowledge system heads that historically split heading / explanation. */ body.page.design-system-executive main :where( .knowledge-diagnostic-head, .knowledge-personal-path > header, .knowledge-decision-note > header, .knowledge-direct-library__head, .knowledge-hub-direct-list > .wrap > header ){ display:block!important; grid-template-columns:none!important; width:100%!important; max-width:var(--nbc-desktop-head-max)!important; } body.page.design-system-executive main :where( .knowledge-diagnostic-head, .knowledge-personal-path > header, .knowledge-decision-note > header, .knowledge-direct-library__head, .knowledge-hub-direct-list > .wrap > header ) :is(h2,h3){ width:100%!important; max-width:none!important; } body.page.design-system-executive main :where( .knowledge-diagnostic-head, .knowledge-personal-path > header, .knowledge-decision-note > header, .knowledge-direct-library__head, .knowledge-hub-direct-list > .wrap > header ) > p:last-child{ width:min(100%,var(--nbc-desktop-copy-max))!important; max-width:var(--nbc-desktop-copy-max)!important; margin:var(--nbc-desktop-head-copy-gap) 0 0!important; } /* Home: keep the service-choice statement broad; no artificial 50/50 head. */ body.page-home .home-service-choice__head{ display:block!important; grid-template-columns:none!important; width:100%!important; max-width:var(--nbc-desktop-head-max)!important; } body.page-home .home-service-choice__head > h2{ width:100%!important; max-width:none!important; } /* ----------------------------------------------------------------------- 4. Remove legacy character-measures from section headlines only. Reading copy intentionally keeps a controlled line length. */ body.page.design-system-executive main :where( .bi-head, .dx-section-head, .authority-section-head, .h7-section-head, .service-context-head, .service-editorial-head, .process-evidence-head, .erp-direction-head, .erp-levels-head, .knowledge-container-head, .ac-section-head, .nbc-about-collaboration-head, .dg-h6-system__head, .dg-hub-intro, .dg-h6-unsure__copy ) :is(h2,h3){ max-inline-size:none!important; } /* Additional live page systems found in the site-wide desktop audit. */ body.page-service .service-after-head, body.page-service.service-erp :is(.erp-direction-head,.erp-levels-head), body.page-case-index .case2-index-library-head, body.page-case-index .case2-index-library-head > div:first-child, body :is(.g8-entry__head), body.page-home .home-case-proof-head, body.page-template-guide .dgp-preview-head, body.page-barometer .r4-result-head{ display:block!important; grid-template-columns:none!important; gap:0!important; width:100%!important; max-width:var(--nbc-desktop-head-max)!important; margin-left:0!important; margin-right:auto!important; text-align:left!important; } body.page-service .service-after-head > h2, body.page-service.service-erp :is(.erp-direction-head,.erp-levels-head) > h2, body.page-case-index .case2-index-library-head > div:first-child h2, body .g8-entry__head > div:first-child h2, body.page-home .home-case-proof-head > :is(h2,h3,.nbc-section-title), body.page-template-guide .dgp-preview-head > div:first-child :is(h2,h3), body.page-barometer .r4-result-head > div:first-child :is(h2,h3,strong){ width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; text-align:left!important; } body.page-service .service-after-head > p:last-child, body.page-service.service-erp :is(.erp-direction-head,.erp-levels-head) > p:last-child, body.page-case-index .case2-index-library-head > p:last-child, body .g8-entry__head > p:last-child, body.page-home .home-case-proof-head > p:last-child, body.page-template-guide .dgp-preview-head > p:last-child, body.page-barometer .r4-result-head > p:last-child{ width:min(100%,var(--nbc-desktop-copy-max))!important; max-width:var(--nbc-desktop-copy-max)!important; margin:var(--nbc-desktop-head-copy-gap) 0 0!important; justify-self:start!important; text-align:left!important; } } } /* NBC P5 service/global reduction v7331 · conservative unreachable-selector pruning */ @layer nbc.legacy{ /*! NBC v6.589 · Mobile Premium Foundation · Phase 1 */ /* * Owner: global mobile art direction and interaction contracts. * Scope: tokens, materials, decision line, header/menu, touch and preferences. * Template-specific composition remains with its existing owner. */ :root{ --nbc-mp-ink-0:#050806; --nbc-mp-ink-1:#07100b; --nbc-mp-ink-2:#0b1710; --nbc-mp-paper:#f1efe8; --nbc-mp-paper-soft:#e8e6df; --nbc-mp-paper-ink:#111813; --nbc-mp-mint:#9adbac; --nbc-mp-mint-strong:#b3ebbf; --nbc-mp-mint-deep:#4f8e63; --nbc-mp-amber:#d0aa69; --nbc-mp-critical:#c86b65; --nbc-mp-line:rgba(232,242,235,.13); --nbc-mp-line-strong:rgba(184,222,194,.27); --nbc-mp-text:#f3f4ef; --nbc-mp-text-soft:rgba(235,240,234,.68); --nbc-mp-text-muted:rgba(228,236,229,.48); --nbc-mp-radius-s:12px; --nbc-mp-radius-m:18px; --nbc-mp-radius-l:24px; --nbc-mp-ease:cubic-bezier(.22,.61,.36,1); --nbc-mp-ease-reveal:cubic-bezier(.22,1,.36,1); --nbc-mp-touch:180ms; --nbc-mp-sheet:320ms; --nbc-mp-state:540ms; --nbc-mp-reveal:760ms; --nbc-mp-material:1100ms; --nbc-mp-stagger:80ms; } @media (max-width:760px){ :root{ --nbc-mp-gutter:clamp(18px,5.1vw,22px); --nbc-mp-header-h:66px; --nbc-mp-rhythm-tight:clamp(40px,12vw,54px); --nbc-mp-rhythm-standard:clamp(58px,16vw,74px); --nbc-mp-rhythm-cinematic:clamp(88px,25vw,118px); --nbc-mp-focus:0 0 0 3px rgba(154,219,172,.28); } html[data-mobile-premium="v6589"]{ color-scheme:dark; accent-color:var(--nbc-mp-mint); } body[data-mobile-premium="v6589"]{ --m-gutter:var(--nbc-mp-gutter); --m-header-h:var(--nbc-mp-header-h); --m-ease:var(--nbc-mp-ease); background-color:var(--nbc-mp-ink-0); text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; } body[data-mobile-premium="v6589"] main :where(section,article,aside,div,figure,form,fieldset){ min-inline-size:0; } body[data-mobile-premium="v6589"] :where(a,button,input,select,textarea,summary):focus-visible{ outline:2px solid var(--nbc-mp-mint)!important; outline-offset:3px!important; box-shadow:var(--nbc-mp-focus); } body[data-mobile-premium="v6589"] ::selection{ background:rgba(154,219,172,.3); color:var(--nbc-mp-text); } /* --------------------------------------------------------------------- Rhythm contracts --------------------------------------------------------------------- */ /* --------------------------------------------------------------------- Three material contracts --------------------------------------------------------------------- */ body[data-mobile-premium="v6589"] [data-nbc-material]{ position:relative; isolation:isolate; box-sizing:border-box; transition: background-color var(--nbc-mp-material) var(--nbc-mp-ease), border-color var(--nbc-mp-material) var(--nbc-mp-ease), color var(--nbc-mp-state) var(--nbc-mp-ease); } body[data-mobile-premium="v6589"] [data-nbc-material="deep"]{ overflow:hidden; color:var(--nbc-mp-text); background: radial-gradient(90% 78% at 86% 4%,rgba(88,151,105,.115),transparent 64%), radial-gradient(75% 65% at 10% 88%,rgba(36,86,55,.095),transparent 70%), linear-gradient(180deg,var(--nbc-mp-ink-1),var(--nbc-mp-ink-0)); } body[data-mobile-premium="v6589"] [data-nbc-material="deep"]::after{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.18; background-image: linear-gradient(115deg,transparent 0 48%,rgba(230,239,232,.025) 49%,transparent 50%), repeating-linear-gradient(0deg,transparent 0 23px,rgba(220,236,224,.015) 24px); background-size:130px 130px,100% 24px; } body[data-mobile-premium="v6589"] [data-nbc-material="instrument"]{ overflow:hidden; color:var(--nbc-mp-text); border:1px solid var(--nbc-mp-line-strong); border-radius:var(--nbc-mp-radius-l); background: radial-gradient(70% 80% at 82% 18%,rgba(154,219,172,.115),transparent 66%), linear-gradient(rgba(136,182,148,.055) 1px,transparent 1px), linear-gradient(90deg,rgba(136,182,148,.055) 1px,transparent 1px), linear-gradient(145deg,rgba(17,34,23,.96),rgba(7,17,11,.96)); background-size:auto,32px 32px,32px 32px,auto; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), inset 0 0 48px rgba(75,132,90,.035); backdrop-filter:blur(12px) saturate(110%); -webkit-backdrop-filter:blur(12px) saturate(110%); } body[data-mobile-premium="v6589"] [data-nbc-material="instrument"]::before{ content:""; position:absolute; inset:8px; z-index:-1; border:1px solid rgba(215,236,220,.045); border-radius:calc(var(--nbc-mp-radius-l) - 7px); pointer-events:none; } body[data-mobile-premium="v6589"] [data-nbc-material="evidence"]{ overflow:hidden; color:var(--nbc-mp-paper-ink); border:1px solid rgba(19,34,24,.17); border-radius:var(--nbc-mp-radius-m); background: linear-gradient(90deg,rgba(26,52,34,.08) 1px,transparent 1px), linear-gradient(180deg,rgba(26,52,34,.055) 1px,transparent 1px), linear-gradient(180deg,#f4f2ec,#ece9e1); background-size:34px 100%,100% 34px,auto; } body[data-mobile-premium="v6589"] [data-nbc-material="evidence"]::before{ content:""; position:absolute; inset:14px 14px auto; height:1px; background:linear-gradient(90deg,var(--nbc-mp-mint-deep),rgba(79,142,99,0)); pointer-events:none; } body[data-mobile-premium="v6589"] [data-nbc-material="evidence"] :where(h1,h2,h3,h4,strong){ color:var(--nbc-mp-paper-ink); } body[data-mobile-premium="v6589"] [data-nbc-material="evidence"] :where(p,li,small){ color:rgba(17,24,19,.7); } body[data-mobile-premium="v6589"] [data-nbc-material="evidence"] :where(.mono,[class*="eyebrow"],[class*="kicker"]){ color:#356d47; } /* --------------------------------------------------------------------- NBC decision line: semantic scene component, never a viewport spine --------------------------------------------------------------------- */ body[data-mobile-premium="v6589"] .nbc-decision-line{ --nbc-decision-progress:100%; --nbc-decision-color:var(--nbc-mp-mint); width:100%; max-width:100%; display:grid; gap:9px; color:var(--nbc-mp-text-soft); } body[data-mobile-premium="v6589"] .nbc-decision-line[data-decision-state="signal"]{ --nbc-decision-progress:8%; --nbc-decision-color:rgba(224,235,226,.56); } body[data-mobile-premium="v6589"] .nbc-decision-line[data-decision-state="process"]{ --nbc-decision-progress:28%; } body[data-mobile-premium="v6589"] .nbc-decision-line[data-decision-state="break"]{ --nbc-decision-progress:50%; --nbc-decision-color:var(--nbc-mp-amber); } body[data-mobile-premium="v6589"] .nbc-decision-line[data-decision-state="review"]{ --nbc-decision-progress:74%; --nbc-decision-color:var(--nbc-mp-amber); } body[data-mobile-premium="v6589"] .nbc-decision-line[data-decision-state="decision"]{ --nbc-decision-progress:100%; --nbc-decision-color:var(--nbc-mp-mint-strong); } body[data-mobile-premium="v6589"] .nbc-decision-line__track{ position:relative; height:14px; } body[data-mobile-premium="v6589"] .nbc-decision-line__track::before, body[data-mobile-premium="v6589"] .nbc-decision-line__track::after{ content:""; position:absolute; top:6px; left:0; height:1px; border-radius:2px; } body[data-mobile-premium="v6589"] .nbc-decision-line__track::before{ width:100%; background:rgba(231,240,233,.16); } body[data-mobile-premium="v6589"] .nbc-decision-line__track::after{ width:var(--nbc-decision-progress); background:linear-gradient(90deg,rgba(154,219,172,.38),var(--nbc-decision-color)); box-shadow:0 0 16px color-mix(in srgb,var(--nbc-decision-color) 32%,transparent); transition:width var(--nbc-mp-reveal) var(--nbc-mp-ease-reveal),background-color var(--nbc-mp-state) var(--nbc-mp-ease); } body[data-mobile-premium="v6589"] .nbc-decision-line__nodes{ position:absolute; inset:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:start; } body[data-mobile-premium="v6589"] .nbc-decision-line__node{ position:relative; display:grid; place-items:start center; min-width:0; } body[data-mobile-premium="v6589"] .nbc-decision-line__node::before{ content:""; width:7px; height:7px; margin-top:3px; border:1px solid rgba(229,240,232,.5); border-radius:50%; background:var(--nbc-mp-ink-1); } body[data-mobile-premium="v6589"] .nbc-decision-line__node[aria-current="step"]::before{ border-color:var(--nbc-decision-color); background:var(--nbc-decision-color); box-shadow:0 0 0 4px color-mix(in srgb,var(--nbc-decision-color) 13%,transparent); } body[data-mobile-premium="v6589"] .nbc-decision-line__labels{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px; font:500 7px/1.25 var(--mono,"IBM Plex Mono",monospace); letter-spacing:.08em; text-transform:uppercase; text-align:center; } body[data-mobile-premium="v6589"] .nbc-decision-line__labels span{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* --------------------------------------------------------------------- Premium mobile header --------------------------------------------------------------------- */ body[data-mobile-premium="v6589"] .site-header{ isolation:isolate; height:calc(var(--nbc-mp-header-h) + env(safe-area-inset-top)); padding-top:env(safe-area-inset-top); border-bottom:1px solid rgba(226,240,230,.075); background:linear-gradient(180deg,rgba(5,9,7,.88),rgba(5,9,7,.64)); box-shadow:0 12px 38px rgba(0,0,0,.12); backdrop-filter:blur(18px) saturate(112%); -webkit-backdrop-filter:blur(18px) saturate(112%); transition: background-color var(--nbc-mp-sheet) var(--nbc-mp-ease), border-color var(--nbc-mp-sheet) var(--nbc-mp-ease), box-shadow var(--nbc-mp-sheet) var(--nbc-mp-ease); } body[data-mobile-premium="v6589"][data-nbc-header-state="condensed"] .site-header{ border-bottom-color:rgba(171,215,182,.145); background:linear-gradient(180deg,rgba(5,10,7,.97),rgba(6,12,8,.91)); box-shadow:0 16px 42px rgba(0,0,0,.2); } body[data-mobile-premium="v6589"] .site-header>.wrap.nav{ width:calc(100% - (2 * var(--nbc-mp-gutter))); height:var(--nbc-mp-header-h); min-height:var(--nbc-mp-header-h); gap:8px; } body[data-mobile-premium="v6589"] .site-header .brand{ min-width:0; transition:opacity var(--nbc-mp-sheet) var(--nbc-mp-ease); } body[data-mobile-premium="v6589"][data-nbc-header-state="condensed"] .site-header .brand{ opacity:.72; } body[data-mobile-premium="v6589"] .site-header .brand-logo{ width:104px; height:auto; max-height:43px; } body[data-mobile-premium="v6589"] .site-header .nav>.nbc-mobile-context{ min-width:0; max-width:100%; font:500 9px/1.2 var(--mono,"IBM Plex Mono",monospace); letter-spacing:.1em; } body[data-mobile-premium="v6589"] .site-header .nav>.nbc-mobile-context b{ display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } body[data-mobile-premium="v6589"] .nbc-mobile-header-cta, body[data-mobile-premium="v6589"] .burger{ min-width:44px!important; min-height:44px!important; } body[data-mobile-premium="v6589"] .nbc-mobile-header-cta{ height:44px; padding-inline:13px; border-color:rgba(154,219,172,.29); background:linear-gradient(180deg,rgba(154,219,172,.09),rgba(154,219,172,.045)); box-shadow:inset 0 1px 0 rgba(255,255,255,.035); } body[data-mobile-premium="v6589"] .burger{ width:44px!important; height:44px!important; border-color:rgba(233,241,235,.17)!important; background:linear-gradient(180deg,rgba(18,29,21,.86),rgba(8,15,10,.74))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.035); } body[data-mobile-premium="v6589"].menu-open .site-header{ border-bottom-color:transparent; background:rgba(5,9,7,.96); box-shadow:none; } /* --------------------------------------------------------------------- Full-screen decision menu --------------------------------------------------------------------- */ body[data-mobile-premium="v6589"] .site-header nav #menu.open{ inset:0!important; box-sizing:border-box; width:100%!important; max-width:100%!important; height:100dvh!important; min-height:100svh!important; max-height:100dvh!important; display:block; padding: calc(var(--nbc-mp-header-h) + env(safe-area-inset-top) + 20px) var(--nbc-mp-gutter) calc(30px + env(safe-area-inset-bottom))!important; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; background: radial-gradient(80% 44% at 92% 4%,rgba(104,174,121,.14),transparent 72%), linear-gradient(rgba(128,172,139,.026) 1px,transparent 1px), linear-gradient(90deg,rgba(128,172,139,.026) 1px,transparent 1px), linear-gradient(180deg,#07100b,#050906 72%); background-size:auto,42px 42px,42px 42px,auto; scrollbar-width:thin; scrollbar-color:rgba(154,219,172,.42) transparent; } body[data-mobile-premium="v6589"] .site-header nav #menu.open::after{ content:""; display:block; height:1px; margin-top:18px; background:linear-gradient(90deg,rgba(154,219,172,.36),transparent 78%); } body[data-mobile-premium="v6589"] .site-header nav #menu.open>.nbc-premium-menu-intro{ margin:0 0 14px; padding:2px 0 17px; border:0!important; list-style:none; } body[data-mobile-premium="v6589"] .nbc-premium-menu-intro__eyebrow{ display:block; margin-bottom:11px; color:rgba(222,236,226,.5); font:500 8px/1.2 var(--mono,"IBM Plex Mono",monospace); letter-spacing:.14em; text-transform:uppercase; } body[data-mobile-premium="v6589"] .site-header nav #menu.open>li:not(.nbc-premium-menu-intro){ border-top:1px solid rgba(231,240,233,.09); } body[data-mobile-premium="v6589"] .site-header nav #menu.open>li>a, body[data-mobile-premium="v6589"] .site-header nav #menu.open .nav-summary{ min-height:54px; padding:13px 0; color:var(--nbc-mp-text); font-size:clamp(21px,6vw,26px); line-height:1.08; letter-spacing:-.025em; } body[data-mobile-premium="v6589"] .site-header nav #menu.open .nav-summary::after{ color:var(--nbc-mp-mint); } body[data-mobile-premium="v6589"] .site-header nav #menu.open .nav-sub{ padding:0 0 11px; } body[data-mobile-premium="v6589"] .site-header nav #menu.open .nav-sub a{ min-height:44px; padding:9px 0; color:var(--nbc-mp-text-soft); font-size:15px; line-height:1.35; } body[data-mobile-premium="v6589"] .site-header nav #menu.open .nav-cta{ min-height:52px; margin-top:12px; border:1px solid rgba(154,219,172,.48); background:linear-gradient(90deg,var(--nbc-mp-mint-strong),#7dc993); color:#0b1710; font-size:15px; font-weight:750; } html[data-nbc-motion="full"] body[data-mobile-premium-ready="true"] .site-header nav #menu.open>li{ animation:nbc-premium-menu-enter var(--nbc-mp-sheet) var(--nbc-mp-ease-reveal) both; } html[data-nbc-motion="full"] body[data-mobile-premium-ready="true"] .site-header nav #menu.open>li:nth-child(2){animation-delay:40ms} html[data-nbc-motion="full"] body[data-mobile-premium-ready="true"] .site-header nav #menu.open>li:nth-child(3){animation-delay:80ms} html[data-nbc-motion="full"] body[data-mobile-premium-ready="true"] .site-header nav #menu.open>li:nth-child(4){animation-delay:120ms} html[data-nbc-motion="full"] body[data-mobile-premium-ready="true"] .site-header nav #menu.open>li:nth-child(5){animation-delay:160ms} html[data-nbc-motion="full"] body[data-mobile-premium-ready="true"] .site-header nav #menu.open>li:nth-child(6){animation-delay:200ms} html[data-nbc-motion="full"] body[data-mobile-premium-ready="true"] .site-header nav #menu.open>li:nth-child(7){animation-delay:240ms} html[data-nbc-motion="full"] body[data-mobile-premium-ready="true"] .site-header nav #menu.open>li:nth-child(8){animation-delay:280ms} @keyframes nbc-premium-menu-enter{ from{opacity:0;transform:translateY(7px)} to{opacity:1;transform:none} } /* --------------------------------------------------------------------- Tactile response --------------------------------------------------------------------- */ body[data-mobile-premium="v6589"] [data-nbc-tactile="true"]{ touch-action:manipulation; -webkit-tap-highlight-color:transparent; transform:translateZ(0) scale(1); transform-origin:center; transition: transform var(--nbc-mp-touch) var(--nbc-mp-ease), border-color var(--nbc-mp-touch) var(--nbc-mp-ease), background-color var(--nbc-mp-touch) var(--nbc-mp-ease), color var(--nbc-mp-touch) var(--nbc-mp-ease); } body[data-mobile-premium="v6589"] [data-nbc-tactile="true"]:active{ transform:translateZ(0) scale(.985)!important; } body[data-mobile-premium="v6589"] :where(button,a,summary,[role="button"],[role="tab"]){ min-block-size:44px; } body[data-mobile-premium="v6589"] :where([aria-pressed="true"],[aria-selected="true"],[role="tab"][aria-selected="true"]){ border-color:rgba(154,219,172,.58)!important; box-shadow:inset 0 0 0 1px rgba(154,219,172,.18); } /* --------------------------------------------------------------------- Footer close: restrained decision-line echo --------------------------------------------------------------------- */ body[data-mobile-premium="v6589"] .site-footer::before{ content:""; display:block; width:calc(100% - (2 * var(--nbc-mp-gutter))); height:1px; margin:0 auto; background:linear-gradient(90deg,var(--nbc-mp-mint-deep),rgba(79,142,99,.2) 42%,transparent 90%); opacity:.52; } body[data-mobile-premium="v6589"] .site-footer .footer-navigation-row{ border-top:1px solid rgba(229,240,232,.1); } body[data-mobile-premium="v6589"] .site-footer .footer-navigation-row a{ min-height:44px; display:flex; align-items:center; } /* --------------------------------------------------------------------- Styleguide Phase-1 reference --------------------------------------------------------------------- */ body.page-styleguide[data-mobile-premium="v6589"] [data-premium-diagnostics]{ margin:16px 0 0; color:var(--nbc-mp-text-soft); font:500 10px/1.6 var(--mono,"IBM Plex Mono",monospace); white-space:pre-wrap; } } @media (hover:hover) and (pointer:fine) and (max-width:760px){ body[data-mobile-premium="v6589"] [data-nbc-tactile="true"]:hover{ border-color:rgba(154,219,172,.42); } } @media (prefers-reduced-motion:reduce) and (max-width:760px){ :root{ --nbc-mp-touch:1ms; --nbc-mp-sheet:1ms; --nbc-mp-state:1ms; --nbc-mp-reveal:1ms; --nbc-mp-material:1ms; --nbc-mp-stagger:0ms; } html[data-mobile-premium="v6589"]{ scroll-behavior:auto!important; } html[data-nbc-motion="reduced"] body[data-mobile-premium="v6589"] :where( .nbc-decision-line *, .site-header, .site-header *, [data-nbc-tactile="true"], [data-nbc-material] ){ animation:none!important; transition-duration:1ms!important; transition-delay:0ms!important; } html[data-nbc-motion="reduced"] body[data-mobile-premium="v6589"] :where( [data-signature-scene], [data-mobile-sticky], [data-pin-scene] ){ position:relative!important; top:auto!important; min-height:0!important; transform:none!important; } html[data-nbc-motion="reduced"] body[data-mobile-premium="v6589"] :where( canvas, [class*="particle"], [data-particle] ){ animation-play-state:paused!important; } html[data-nbc-motion="reduced"] body[data-mobile-premium="v6589"] [data-nbc-tactile="true"]:active{ transform:none!important; } } @media (prefers-reduced-transparency:reduce) and (max-width:760px){ body[data-mobile-premium="v6589"] .site-header, body[data-mobile-premium="v6589"] [data-nbc-material="instrument"]{ backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } body[data-mobile-premium="v6589"] .site-header{ background:#07100b!important; } body[data-mobile-premium="v6589"] [data-nbc-material="instrument"]{ background-color:#0a1710; } } @media (prefers-contrast:more) and (max-width:760px){ body[data-mobile-premium="v6589"]{ --nbc-mp-text-soft:rgba(247,249,246,.84); --nbc-mp-text-muted:rgba(247,249,246,.7); --nbc-mp-line:rgba(239,247,241,.28); --nbc-mp-line-strong:rgba(190,231,200,.52); } body[data-mobile-premium="v6589"] :where(.site-header,[data-nbc-material]){ border-color:var(--nbc-mp-line-strong)!important; } } @media print{ .nbc-premium-menu-intro, .nbc-decision-line[aria-hidden="true"]{ display:none!important; } } } /* NBC P5 service/global reduction v7331 · conservative unreachable-selector pruning */ @layer nbc.legacy{ /*! NBC v6.651 · Phase 3 · Mobile Conversion Narrative · desktop containment fix */ /* Semantic step index is a mobile-only navigation aid. Keep it out of the desktop flow. */ body[data-mobile-phase3="v6591"] .p3-signature-index{display:none} @media (max-width:760px){ body[data-mobile-phase3="v6591"]{ --p3-mint:#9adbac; --p3-mint-strong:#b7edc2; --p3-amber:#e9bf78; --p3-risk:#d98c76; --p3-paper:#f1eee6; --p3-paper-ink:#10150f; --p3-paper-muted:#596159; --p3-line:rgba(235,242,236,.13); --p3-line-strong:rgba(235,242,236,.22); --p3-deep:#061009; --p3-instrument:#09160f; --p3-safe-top:calc(var(--nbc-mp-header-h,66px) + env(safe-area-inset-top)); --p3-gutter:var(--m-gutter,clamp(20px,5.4vw,25px)); --p3-ease:cubic-bezier(.22,.61,.36,1); --p3-progress:0; background:#061009; } body[data-mobile-phase3="v6591"] main{ min-inline-size:0; overflow:clip; } body[data-mobile-phase3="v6591"] :is(.sw,.wrap,.pp-wrap,.dp-wrap){ min-inline-size:0; } body[data-mobile-phase3="v6591"] :is(.service-hero,.bi-hero,.local-hero,.diagnose-hero,.oml-hero,.dc7-entry,.ac-intake-hero){ min-height:0!important; } body[data-mobile-phase3="v6591"] :is(.service-hero,.bi-hero,.local-hero,.diagnose-hero,.ac-intake-hero){ padding-top:calc(var(--p3-safe-top) + 22px)!important; } body[data-mobile-phase3="v6591"] :is(.service-hero,.bi-hero,.local-hero,.diagnose-hero,.oml-hero,.dc7-entry,.ac-intake-hero) h1{ max-width:100%!important; font-size:clamp(38px,11.2vw,50px)!important; line-height:.94!important; letter-spacing:-.052em!important; overflow-wrap:normal; hyphens:manual; } body[data-mobile-phase3="v6591"] :is(.service-hero,.bi-hero,.local-hero,.diagnose-hero,.oml-hero,.dc7-entry,.ac-intake-hero) :is(.lede,.nbc-unified-hero-lead,.ac-intake-lede){ max-width:34ch!important; font-size:clamp(16px,4.5vw,18px)!important; line-height:1.55!important; color:rgba(235,242,236,.68)!important; } body[data-mobile-phase3="v6591"] :is(.nbc-hero-actions,.hero-actions,.bi-hero-actions){ align-items:stretch!important; } body[data-mobile-phase3="v6591"] :is(.nbc-hero-actions,.hero-actions,.bi-hero-actions) .btn{ min-height:50px; justify-content:center; } /* Shared semantic index. It explains state; it is not a page-progress bar. */ body[data-mobile-phase3="v6591"] .p3-signature-index{ --p3-index-progress:0%; position:relative; z-index:12; display:grid; gap:12px; margin:0 0 24px; padding:15px 16px 14px; border:1px solid var(--p3-line); border-radius:17px; background:rgba(7,18,11,.92); box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 50px rgba(0,0,0,.14); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); } body[data-mobile-phase3="v6591"] .p3-signature-index__meta{ display:flex; justify-content:space-between; align-items:baseline; gap:16px; color:rgba(235,242,236,.52); font:500 8px/1.25 var(--mono,"IBM Plex Mono",monospace); letter-spacing:.1em; text-transform:uppercase; } body[data-mobile-phase3="v6591"] .p3-signature-index__meta b{ max-width:57%; color:var(--p3-mint); font-weight:500; text-align:right; } body[data-mobile-phase3="v6591"] .p3-signature-index__track{ position:relative; display:grid; grid-template-columns:repeat(var(--p3-step-count,4),minmax(0,1fr)); height:9px; } body[data-mobile-phase3="v6591"] .p3-signature-index__track::before, body[data-mobile-phase3="v6591"] .p3-signature-index__track::after{ content:""; position:absolute; top:4px; left:0; height:1px; } body[data-mobile-phase3="v6591"] .p3-signature-index__track::before{ width:100%; background:var(--p3-line); } body[data-mobile-phase3="v6591"] .p3-signature-index__track::after{ width:var(--p3-index-progress); background:linear-gradient(90deg,var(--p3-amber),var(--p3-mint)); box-shadow:0 0 14px rgba(154,219,172,.2); transition:width 520ms var(--p3-ease); } body[data-mobile-phase3="v6591"] .p3-signature-index__track i{ position:relative; z-index:1; place-self:center; width:7px; height:7px; border:1px solid rgba(235,242,236,.4); border-radius:50%; background:#07120c; transition:border-color 360ms ease,background 360ms ease,box-shadow 360ms ease; } body[data-mobile-phase3="v6591"] .p3-signature-index__track i:first-child{justify-self:start} body[data-mobile-phase3="v6591"] .p3-signature-index__track i:last-child{justify-self:end} body[data-mobile-phase3="v6591"] .p3-signature-index__track i[data-p3-complete="true"]{ border-color:var(--p3-mint); background:var(--p3-mint); box-shadow:0 0 12px rgba(154,219,172,.24); } body[data-mobile-phase3="v6591"] .p3-signature-index__labels{ display:grid; grid-template-columns:repeat(var(--p3-step-count,4),minmax(0,1fr)); gap:6px; margin:0; padding:0; list-style:none; } body[data-mobile-phase3="v6591"] .p3-signature-index__labels li{ min-width:0; color:rgba(235,242,236,.36); font:500 7px/1.25 var(--mono,"IBM Plex Mono",monospace); letter-spacing:.035em; text-transform:uppercase; transition:color 360ms ease; } body[data-mobile-phase3="v6591"] .p3-signature-index__labels li[data-p3-active="true"]{ color:rgba(235,242,236,.82); } body[data-mobile-phase3="v6591"] .p3-signature-index--paper :is(.p3-signature-index__meta,.p3-signature-index__labels li){color:rgba(16,21,15,.48)} /* Service family: same grammar, three different instruments. */ body[data-mobile-phase3="v6591"].page-service .service-hero{ padding-bottom:clamp(66px,18vw,84px)!important; background: radial-gradient(85% 48% at 100% 66%,rgba(112,195,133,.11),transparent 75%), linear-gradient(180deg,#061009,#08140d)!important; } body[data-mobile-phase3="v6591"].page-service .service-hero-proofline{ display:grid!important; grid-template-columns:1fr auto!important; gap:9px 12px!important; margin-top:27px!important; padding:17px 0!important; border:0!important; border-block:1px solid var(--p3-line)!important; border-radius:0!important; background:transparent!important; } body[data-mobile-phase3="v6591"].page-service .service-hero-proofline strong{ grid-column:1/-1; font-size:clamp(30px,9vw,40px)!important; line-height:.92!important; letter-spacing:-.05em!important; } body[data-mobile-phase3="v6591"].page-service .service-hero-proofline span{ font-size:11px!important; line-height:1.4!important; } body[data-mobile-phase3="v6591"].page-service .service-hero-proofline b{ align-self:end; color:var(--p3-mint)!important; font-size:10px!important; } body[data-mobile-phase3="v6591"] :is(.nbc-process-reality-section,.nbc-provider-proof-section,.nbc-delegation-probe-section){ padding-block:clamp(70px,18vw,88px)!important; overflow:clip; background: linear-gradient(rgba(154,219,172,.018) 1px,transparent 1px), linear-gradient(90deg,rgba(154,219,172,.018) 1px,transparent 1px), #061009!important; background-size:34px 34px!important; } body[data-mobile-phase3="v6591"] :is(.nbc-process-cross-section,.nbc-provider-proof,.nbc-delegation-probe){ border-color:rgba(154,219,172,.2)!important; border-radius:22px!important; background:linear-gradient(180deg,rgba(10,26,17,.96),rgba(6,16,9,.99))!important; box-shadow:0 30px 80px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.025)!important; } body[data-mobile-phase3="v6591"].service-process .nbc-process-cross-section, body[data-mobile-phase3="v6591"].service-erp .nbc-provider-proof, body[data-mobile-phase3="v6591"].service-ki .nbc-delegation-probe{ width:calc(100% + var(--p3-gutter) + var(--p3-gutter))!important; max-width:none!important; margin-left:calc(0px - var(--p3-gutter))!important; margin-right:calc(0px - var(--p3-gutter))!important; border-left:0!important; border-right:0!important; border-radius:0!important; } body[data-mobile-phase3="v6591"].service-process .pr-stage, body[data-mobile-phase3="v6591"].service-erp :is(.pp-stage,.pp-main-stage), body[data-mobile-phase3="v6591"].service-ki :is(.dp-wizard,.dp-flow-panel){ min-width:0!important; max-width:100%!important; } body[data-mobile-phase3="v6591"].service-process .pr-flow-svg{ width:100%!important; height:clamp(310px,82vw,390px)!important; } body[data-mobile-phase3="v6591"].service-process .pr-process-picker, body[data-mobile-phase3="v6591"].service-erp .pp-scenario-picker{ display:flex!important; gap:8px!important; max-width:100%!important; overflow-x:auto!important; scroll-snap-type:x proximity; scrollbar-width:none; } body[data-mobile-phase3="v6591"].service-process .pr-process-picker::-webkit-scrollbar, body[data-mobile-phase3="v6591"].service-erp .pp-scenario-picker::-webkit-scrollbar{display:none} body[data-mobile-phase3="v6591"].service-process .pr-process-picker button, body[data-mobile-phase3="v6591"].service-erp .pp-scenario-picker button{ flex:0 0 min(76vw,270px)!important; min-height:48px!important; scroll-snap-align:start; } body[data-mobile-phase3="v6591"].service-ki .dp-flow-panel{ border-color:rgba(154,219,172,.18)!important; background:linear-gradient(90deg,rgba(8,22,14,.98) 0 71%,rgba(25,22,14,.96) 71% 100%)!important; } body[data-mobile-phase3="v6591"].service-ki .dp-flow-panel svg{ min-height:290px!important; overflow:visible; } /* Evidence Paper is shared, but keeps each page's actual metric and boundary. */ body[data-mobile-phase3="v6591"].page-service .service-case-proof{ padding-block:clamp(76px,20vw,94px)!important; color:var(--p3-paper-ink)!important; background: linear-gradient(rgba(16,21,15,.035) 1px,transparent 1px), var(--p3-paper)!important; background-size:100% 34px!important; } body[data-mobile-phase3="v6591"].page-service .service-case-proof::before{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(16,21,15,.11),transparent 1px) var(--p3-gutter) 0/1px 100% no-repeat; } body[data-mobile-phase3="v6591"].page-service .service-case-proof :is(h2,dt,dd,p,a){color:var(--p3-paper-ink)!important} body[data-mobile-phase3="v6591"].page-service .service-case-proof dd{color:var(--p3-paper-muted)!important} body[data-mobile-phase3="v6591"].page-service .service-case-proof dl>div{border-color:rgba(16,21,15,.14)!important} /* Industry hubs: an order and a project must feel different. */ body[data-mobile-phase3="v6591"].page-industry-hub .bi-hero{ padding-bottom:clamp(65px,17vw,82px)!important; background: radial-gradient(80% 40% at 100% 72%,rgba(112,195,133,.11),transparent 75%), #061009!important; } body[data-mobile-phase3="v6591"].industry-trade .trade-reality, body[data-mobile-phase3="v6591"].industry-services .ps-capacity-decision{ padding-block:clamp(70px,18vw,90px)!important; background:#061009!important; } body[data-mobile-phase3="v6591"].industry-trade :is(.promise-scene,.stock-scene,.exception-scene,.return-flow), body[data-mobile-phase3="v6591"].industry-services :is(.ps-project-brief,.ps-role-matrix,.ps-revenue-funnel,.ps-margin-story){ min-width:0!important; max-width:100%!important; } body[data-mobile-phase3="v6591"].industry-services :is(.ps-billing,.ps-margin,.ps-operating-model){ padding-block:clamp(72px,18vw,92px)!important; } body[data-mobile-phase3="v6591"].industry-services .ps-billing{ background:linear-gradient(180deg,#07110b,#09160f)!important; } body[data-mobile-phase3="v6591"].industry-services .ps-margin{ background: linear-gradient(rgba(154,219,172,.018) 1px,transparent 1px), #061009!important; background-size:100% 34px!important; } body[data-mobile-phase3="v6591"].page-industry-hub :is(.bi-proof,.trade-proof,.ps-proof){ padding-block:clamp(76px,19vw,94px)!important; color:var(--p3-paper-ink)!important; background:var(--p3-paper)!important; } body[data-mobile-phase3="v6591"].page-industry-hub :is(.bi-proof,.trade-proof,.ps-proof) :is(h2,h3,strong,p,span,a){color:inherit!important} body[data-mobile-phase3="v6591"].page-industry-hub :is(.trade-final,.ps-final){ padding-block:clamp(72px,18vw,92px)!important; } body[data-mobile-phase3="v6591"].page-industry-hub :is(.trade-final-check,.ps-final-check) article{ grid-template-columns:32px minmax(0,1fr)!important; gap:6px 12px!important; padding:18px 0!important; } body[data-mobile-phase3="v6591"].page-industry-hub :is(.trade-final-check,.ps-final-check) small{ grid-column:2!important; } /* Göttingen: a regional operating route, not decorative city marketing. */ body[data-mobile-phase3="v6591"].page-regional .local-hero{ padding-bottom:clamp(66px,17vw,84px)!important; background: radial-gradient(72% 36% at 96% 76%,rgba(112,195,133,.12),transparent 76%), #061009!important; } body[data-mobile-phase3="v6591"].page-regional .local-check{ padding-block:clamp(72px,18vw,92px)!important; background: linear-gradient(rgba(154,219,172,.018) 1px,transparent 1px), #07120c!important; background-size:100% 34px!important; } body[data-mobile-phase3="v6591"].page-regional .local-proof{ color:var(--p3-paper-ink)!important; background:var(--p3-paper)!important; } body[data-mobile-phase3="v6591"].page-regional .local-proof :is(h2,h3,p,strong,span,a){color:inherit!important} /* Diagnosis: three depths instead of six equivalent cards. */ body[data-mobile-phase3="v6591"].page-diagnose .diagnose-hero{ padding-bottom:clamp(64px,17vw,82px)!important; } body[data-mobile-phase3="v6591"].page-diagnose :is(.dx-primary,.dx-depth,.dx-outcome){ padding-block:clamp(70px,18vw,90px)!important; } body[data-mobile-phase3="v6591"].page-diagnose .dx-primary{ background: linear-gradient(rgba(154,219,172,.02) 1px,transparent 1px), #061009!important; background-size:100% 34px!important; } body[data-mobile-phase3="v6591"].page-diagnose .dx-depth{ background:linear-gradient(180deg,#08140d,#09160f)!important; } body[data-mobile-phase3="v6591"].page-diagnose .dx-outcome{ background:#07110b!important; } /* Barometer: quieter controls and the requested narrower sliders. */ body[data-mobile-phase3="v6591"].page-barometer .oml-page{ background:#061009!important; } body[data-mobile-phase3="v6591"].page-barometer .oml-hero{ padding-top:calc(var(--p3-safe-top) + 22px)!important; padding-bottom:clamp(62px,16vw,80px)!important; } body[data-mobile-phase3="v6591"].page-barometer .baro-scenario-section{ padding-top:clamp(60px,16vw,78px)!important; } body[data-mobile-phase3="v6591"].page-barometer .baro-range{ width:80%!important; max-width:80%!important; margin-left:0!important; margin-right:auto!important; } body[data-mobile-phase3="v6591"].page-barometer .baro-level-ticks{ width:80%!important; max-width:80%!important; } body[data-mobile-phase3="v6591"].page-barometer .baro-toolbar{ position:sticky; z-index:20; top:calc(var(--p3-safe-top) + 7px); border-color:var(--p3-line-strong)!important; border-radius:17px!important; background:rgba(7,18,11,.96)!important; box-shadow:0 16px 45px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.025)!important; -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); } body[data-mobile-phase3="v6591"].page-barometer .baro-toolbar button{min-height:44px} body[data-mobile-phase3="v6591"].page-barometer .baro-workbench{ gap:28px!important; } body[data-mobile-phase3="v6591"].page-barometer .baro-stage{ width:calc(100% + var(--p3-gutter) + var(--p3-gutter))!important; max-width:none!important; margin-left:calc(0px - var(--p3-gutter))!important; margin-right:calc(0px - var(--p3-gutter))!important; border-left:0!important; border-right:0!important; border-radius:0!important; background:linear-gradient(180deg,rgba(10,26,17,.97),rgba(6,16,9,.99))!important; } body[data-mobile-phase3="v6591"].page-barometer .r4-barometer-result{ margin-top:0!important; padding-top:clamp(64px,17vw,82px)!important; } /* Digital Check: the operating surface gets priority over framing. */ body[data-mobile-phase3="v6591"].page-digital-check .dc5-premium{ background:#061009!important; } body[data-mobile-phase3="v6591"].page-digital-check .dc7-entry{ padding-top:calc(var(--p3-safe-top) + 22px)!important; padding-bottom:clamp(62px,16vw,80px)!important; } body[data-mobile-phase3="v6591"].page-digital-check .dc7-choice-grid{ display:grid!important; grid-template-columns:1fr!important; gap:0!important; border-top:1px solid var(--p3-line-strong); } body[data-mobile-phase3="v6591"].page-digital-check .dc7-choice{ min-height:0!important; padding:22px 0!important; border:0!important; border-bottom:1px solid var(--p3-line)!important; border-radius:0!important; background:transparent!important; } body[data-mobile-phase3="v6591"].page-digital-check .dc5-workspace{ padding-bottom:calc(90px + env(safe-area-inset-bottom)); } body[data-mobile-phase3="v6591"].page-digital-check .dc5-progress-head{ padding-bottom:15px!important; border-bottom:1px solid var(--p3-line)!important; } body[data-mobile-phase3="v6591"].page-digital-check .dc5-progressbar{ height:2px!important; } body[data-mobile-phase3="v6591"].page-digital-check .dc5-question-card{ border-color:var(--p3-line-strong)!important; border-radius:20px!important; background:linear-gradient(180deg,rgba(10,25,16,.96),rgba(7,18,11,.98))!important; box-shadow:0 24px 64px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.025)!important; } body[data-mobile-phase3="v6591"].page-digital-check .dc5-question-nav{ position:sticky; z-index:22; bottom:calc(8px + env(safe-area-inset-bottom)); margin:20px -8px -8px!important; padding:9px!important; border:1px solid var(--p3-line-strong)!important; border-radius:16px!important; background:rgba(7,18,11,.97)!important; box-shadow:0 16px 50px rgba(0,0,0,.24)!important; -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); } body[data-mobile-phase3="v6591"].page-digital-check .dc5-question-nav button{min-width:44px;min-height:44px} body[data-mobile-phase3="v6591"].page-digital-check .dc5-stage{ border-color:rgba(154,219,172,.2)!important; border-radius:20px!important; background:linear-gradient(180deg,rgba(10,26,17,.97),rgba(6,16,9,.99))!important; } body[data-mobile-phase3="v6591"].page-digital-check :is(input,select,textarea){font-size:16px!important} /* Contact: a compact invitation followed immediately by the work surface. */ body[data-mobile-phase3="v6591"].page-contact .ac-intake-hero{ padding-bottom:44px!important; background:#061009!important; } body[data-mobile-phase3="v6591"].page-contact .nbc-contact-hero-grid{ gap:26px!important; } body[data-mobile-phase3="v6591"].page-contact .ac-person-stage{ display:grid!important; grid-template-columns:74px minmax(0,1fr)!important; gap:14px!important; min-height:0!important; padding:14px!important; border:1px solid var(--p3-line)!important; border-radius:17px!important; background:rgba(8,20,13,.7)!important; } body[data-mobile-phase3="v6591"].page-contact .ac-person-stage :is(figure,img){ width:74px!important; height:88px!important; min-height:0!important; border-radius:11px!important; object-fit:cover!important; } body[data-mobile-phase3="v6591"].page-contact .ac-person-stage-meta{ min-width:0!important; align-content:center!important; } body[data-mobile-phase3="v6591"].page-contact .nbc-hero-bridge{display:none!important} body[data-mobile-phase3="v6591"].page-contact .ac-intake-workflow{ padding-block:clamp(56px,14vw,70px)!important; background: linear-gradient(rgba(154,219,172,.018) 1px,transparent 1px), #07120c!important; background-size:100% 34px!important; } body[data-mobile-phase3="v6591"].page-contact .ac-intake-workspace{ display:grid!important; grid-template-columns:1fr!important; gap:30px!important; } body[data-mobile-phase3="v6591"].page-contact .ac-intake-panel{ border-color:var(--p3-line-strong)!important; border-radius:22px!important; background:linear-gradient(180deg,rgba(10,25,16,.97),rgba(7,18,11,.99))!important; box-shadow:0 28px 70px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)!important; } body[data-mobile-phase3="v6591"].page-contact :is(.ac-field input,.ac-field textarea){ min-height:48px!important; font-size:16px!important; } body[data-mobile-phase3="v6591"].page-contact .ac-field textarea{min-height:142px!important} body[data-mobile-phase3="v6591"].page-contact :is(.ac-topic-picker button,.ac-submit){min-height:48px!important} body[data-mobile-phase3="v6591"].page-contact :is(.ac-field input,.ac-field textarea):focus{ transform:none!important; animation:none!important; } body[data-mobile-phase3="v6591"].page-contact .ac-decision-note{ position:relative!important; top:auto!important; border-color:var(--p3-line)!important; background:rgba(8,20,13,.72)!important; } body[data-mobile-phase3="v6591"].page-contact .ac-confirmation{ border-color:rgba(154,219,172,.34)!important; background:linear-gradient(180deg,rgba(154,219,172,.09),rgba(154,219,172,.025))!important; } /* Landscape and smallest-device safeguards. */ @media (max-width:359px){ body[data-mobile-phase3="v6591"] :is(.service-hero,.bi-hero,.local-hero,.diagnose-hero,.oml-hero,.dc7-entry,.ac-intake-hero) h1{ font-size:clamp(34px,10.8vw,39px)!important; letter-spacing:-.047em!important; } body[data-mobile-phase3="v6591"] .p3-signature-index{padding-inline:13px} body[data-mobile-phase3="v6591"] .p3-signature-index__labels li{font-size:6.4px} body[data-mobile-phase3="v6591"].page-barometer .baro-toolbar{position:relative;top:auto} } @media (orientation:landscape) and (max-height:520px){ body[data-mobile-phase3="v6591"] :is(.p3-signature-index,.baro-toolbar,.dc5-question-nav){position:relative!important;top:auto!important;bottom:auto!important} body[data-mobile-phase3="v6591"] :is(.service-hero,.bi-hero,.local-hero,.diagnose-hero,.ac-intake-hero){padding-top:calc(var(--p3-safe-top) + 12px)!important} } } @media (prefers-reduced-motion:reduce){ @media (max-width:760px){ body[data-mobile-phase3="v6591"] *, body[data-mobile-phase3="v6591"] *::before, body[data-mobile-phase3="v6591"] *::after{ scroll-behavior:auto!important; } body[data-mobile-phase3="v6591"] .p3-signature-index__track::after, body[data-mobile-phase3="v6591"] .p3-signature-index__track i, body[data-mobile-phase3="v6591"] .p3-regional-route__axis::after, body[data-mobile-phase3="v6591"] .service-case-metric strong{ transition:none!important; } body[data-mobile-phase3="v6591"] :is(.baro-toolbar,.dc5-question-nav){ position:relative!important; top:auto!important; bottom:auto!important; } } } @media (prefers-reduced-transparency:reduce){ @media (max-width:760px){ body[data-mobile-phase3="v6591"] :is(.p3-signature-index,.baro-toolbar,.dc5-question-nav,.ac-person-stage){ background:#08150d!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; } } } @media (prefers-contrast:more){ @media (max-width:760px){ body[data-mobile-phase3="v6591"]{ --p3-line:rgba(255,255,255,.28); --p3-line-strong:rgba(255,255,255,.48); } body[data-mobile-phase3="v6591"] :is(.p3-signature-index,.nbc-process-cross-section,.nbc-provider-proof,.nbc-delegation-probe,.baro-toolbar,.dc5-question-card,.ac-intake-panel){ border-width:2px!important; } } } /* Styleguide reference remains visible outside the mobile breakpoint. */ } /* NBC P5 service/global reduction v7331 · conservative unreachable-selector pruning */ @layer nbc.legacy{ /*! NBC v6.650 · Phase 7.5 · Person, utility and governance owner */ :root{ --p7-gutter:20px;--p7-gutter-compact:16px;--p7-deep:#07100b;--p7-deep-2:#0b1710; --p7-paper:#f2f0e9;--p7-paper-2:#e9e7df;--p7-ink:#101713;--p7-mint:#9bd9a9; --p7-mint-deep:#315e40;--p7-amber:#d3a85c;--p7-red:#c66f67; --p7-rule-dark:rgba(242,240,233,.14);--p7-rule-paper:rgba(16,23,19,.18); --p7-muted-dark:rgba(242,240,233,.66);--p7-muted-paper:#56625b;--p7-touch:44px; --p7-copy:16px;--p7-copy-leading:1.68;--p7-radius-evidence:6px } .p7-about-index,.p7-document-nav,.p7-footer-kicker,.p7-footer-decision-line{display:none} /* 404 remains composed on desktop; all other Phase-7.5 art direction is mobile-only. */ @media (min-width:761px){ body.page-404 .p7-404-scene{min-height:72vh;padding:clamp(140px,12vw,184px) 0 clamp(88px,9vw,132px);overflow:hidden;background:radial-gradient(circle at 82% 24%,rgba(155,217,169,.09),transparent 32%),#07100b} body.page-404 .p7-404-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:clamp(58px,7vw,112px);align-items:center} body.page-404 .p7-404-copy>.mono{color:#9bd9a9;letter-spacing:.11em} body.page-404 .p7-404-copy h1{margin:16px 0 0;max-width:9ch;font-size:clamp(56px,5.4vw,78px);line-height:.96;letter-spacing:-.055em} body.page-404 .p7-404-copy>p:not(.mono){max-width:34ch;margin:28px 0 0;color:rgba(242,240,233,.68);font-size:18px;line-height:1.65} body.page-404 .p7-404-actions{display:grid;grid-template-columns:minmax(0,1fr);margin-top:32px;border-top:1px solid rgba(155,217,169,.24)} body.page-404 .p7-404-actions a{display:flex;align-items:center;justify-content:space-between;min-height:52px;border-bottom:1px solid rgba(242,240,233,.12);color:#f2f0e9;text-decoration:none} body.page-404 .p7-404-actions .btn-solid{justify-content:center;margin:16px 0} body.page-404 .p7-404-detour{margin:0} body.page-404 .p7-404-detour svg{display:block;width:100%;height:auto} body.page-404 .p7-404-system{fill:none;stroke:rgba(242,240,233,.12);stroke-width:10;stroke-linecap:round} body.page-404 .p7-404-route{fill:none;stroke:#9bd9a9;stroke-width:3;stroke-linecap:round} body.page-404 .p7-404-origin{fill:#07100b;stroke:rgba(242,240,233,.42);stroke-width:3} body.page-404 .p7-404-return{fill:#9bd9a9;stroke:#07100b;stroke-width:4} body.page-404 .p7-404-label text{fill:rgba(242,240,233,.48);font:500 11px "IBM Plex Mono",monospace;letter-spacing:.08em} body.page-404 .p7-404-detour figcaption{display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid rgba(242,240,233,.12)} body.page-styleguide :is(.sg-p7-token-grid,.sg-p7-contract-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px} } @media (max-width:760px){ /* Shared governance */ body[data-phase7-governance="v6640"]{--page-gutter:var(--p7-gutter)} body[data-phase7-governance="v6640"] :is(.site-footer a,.nbc-context-links a,.p7-about-index a,.p7-document-nav a,.p7-404-actions a):focus-visible{outline:2px solid var(--p7-mint)!important;outline-offset:3px!important} body[data-phase7-governance="v6640"] .nbc-context-links{margin:0!important;padding:24px var(--p7-gutter)!important;background:var(--p7-paper)!important;color:var(--p7-ink)!important;border:0!important;border-top:1px solid var(--p7-rule-paper)!important;border-radius:0!important} body[data-phase7-governance="v6640"] .nbc-context-links>span{display:block;margin-bottom:8px;color:var(--p7-mint-deep)!important;font:600 9px/1.3 "IBM Plex Mono",monospace!important;letter-spacing:.09em!important} body[data-phase7-governance="v6640"] .nbc-context-links>p{margin:0!important;color:var(--p7-muted-paper)!important;font-size:13px!important;line-height:1.62!important} body[data-phase7-governance="v6640"] .nbc-context-links a{color:var(--p7-ink)!important;text-decoration-thickness:1px;text-underline-offset:3px} /* Footer: last editorial accord. */ body[data-phase7-governance="v6640"] .site-footer[data-p7-footer]{position:relative!important;isolation:isolate;margin:0!important;padding:58px 0 calc(28px + env(safe-area-inset-bottom))!important;background:var(--p7-deep)!important;color:var(--p7-paper)!important;border:0!important;border-radius:0!important;overflow:hidden!important} body[data-phase7-governance="v6640"] .site-footer[data-p7-footer]::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,var(--p7-mint) 0 18%,rgba(155,217,169,.28) 18% 42%,rgba(242,240,233,.08) 42% 100%)} body[data-phase7-governance="v6640"] .site-footer[data-p7-footer]::after{display:none!important} body[data-phase7-governance="v6640"] .site-footer[data-p7-footer]>.wrap{padding-inline:var(--p7-gutter)!important} body[data-phase7-governance="v6640"] .site-footer[data-p7-footer] .footer-main{display:block!important;margin:0!important;padding:0!important;border:0!important} body[data-phase7-governance="v6640"] .site-footer[data-p7-footer] .footer-signature{display:block!important;max-width:31rem!important} body[data-phase7-governance="v6640"] .site-footer[data-p7-footer] .footer-brand{display:block!important;min-height:0!important;padding:0!important;margin:0!important;color:var(--p7-paper)!important;text-decoration:none!important;border:0!important} body[data-phase7-governance="v6640"] .site-footer[data-p7-footer] .footer-brand strong{display:block!important;max-width:12ch!important;font-size:clamp(30px,9.1vw,42px)!important;line-height:.98!important;letter-spacing:-.045em!important;font-weight:650!important} body[data-phase7-governance="v6640"] .site-footer[data-p7-footer] .footer-brand span{display:block!important;margin-top:14px!important;max-width:31ch!important;color:var(--p7-muted-dark)!important;font-size:14px!important;line-height:1.55!important} body[data-phase7-governance="v6640"] .site-footer[data-p7-footer] .footer-signature>p{max-width:34ch!important;margin:24px 0 0!important;color:var(--p7-muted-dark)!important;font-size:14px!important;line-height:1.65!important} body[data-phase7-governance="v6640"] .site-footer[data-p7-footer] .footer-signature>p a{color:inherit!important;text-underline-offset:3px} body[data-phase7-governance="v6640"] .site-footer[data-p7-footer] .footer-mail{display:inline-flex!important;align-items:center!important;min-height:var(--p7-touch)!important;margin-top:18px!important;padding:0!important;color:var(--p7-paper)!important;font-size:15px!important;font-weight:600!important;text-decoration:none!important;border:0!important;border-bottom:1px solid rgba(155,217,169,.5)!important;border-radius:0!important} body[data-phase7-governance="v6640"] .site-footer[data-p7-footer] .footer-navigation-row{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:38px 0 0!important;padding:0!important;border-top:1px solid var(--p7-rule-dark)!important;border-radius:0!important;background:none!important} body[data-phase7-governance="v6640"] .site-footer[data-p7-footer] .footer-navigation-row a{display:grid!important;grid-template-columns:30px 1fr auto!important;align-items:center!important;gap:9px!important;min-height:48px!important;padding:0!important;color:rgba(242,240,233,.78)!important;font-size:14px!important;text-decoration:none!important;border:0!important;border-bottom:1px solid var(--p7-rule-dark)!important;border-radius:0!important;background:none!important} body[data-phase7-governance="v6640"] .site-footer[data-p7-footer] .footer-navigation-row a::before{content:attr(data-index)!important;position:static!important;color:rgba(155,217,169,.58)!important;font:500 9px/1 "IBM Plex Mono",monospace!important;letter-spacing:.08em!important} body[data-phase7-governance="v6640"] .site-footer[data-p7-footer] .footer-navigation-row a::after{content:"→"!important;position:static!important;width:auto!important;height:auto!important;background:none!important;color:rgba(242,240,233,.34)!important;transform:none!important;opacity:1!important} body[data-phase7-governance="v6640"] .site-footer[data-p7-footer] .footer-navigation-row a[aria-current="page"]{color:var(--p7-paper)!important;font-weight:650!important} body[data-phase7-governance="v6640"] .site-footer[data-p7-footer] .footer-navigation-row a[aria-current="page"]::before{color:var(--p7-mint)!important} body[data-phase7-governance="v6640"] .site-footer[data-p7-footer] .footer-meta{display:grid!important;gap:8px!important;margin-top:26px!important;padding:0!important;color:rgba(242,240,233,.48)!important;border:0!important} body[data-phase7-governance="v6640"] .site-footer[data-p7-footer] .footer-meta :is(span,a){font:500 10px/1.55 "IBM Plex Mono",monospace!important;letter-spacing:.035em!important} body[data-phase7-governance="v6640"] .site-footer[data-p7-footer] .footer-meta a{color:inherit!important;text-underline-offset:3px} .p7-footer-decision-line{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:28px;color:var(--p7-mint)} .p7-footer-decision-line::before{content:"";height:1px;background:linear-gradient(90deg,rgba(155,217,169,.18),var(--p7-mint))} .p7-footer-decision-line::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--p7-mint);box-shadow:0 0 0 5px rgba(155,217,169,.08)} /* About: human-led editorial composition. */ body.page-about .ac-founder-hero.nbc-about-hero{min-height:0!important;padding:104px 0 34px!important;background:var(--p7-deep)!important} body.page-about .nbc-about-hero h1{max-width:10.8ch!important;margin:14px 0 0!important;color:var(--p7-paper)!important;font-size:clamp(42px,12.1vw,56px)!important;line-height:.96!important;letter-spacing:-.052em!important} body.page-about .nbc-about-proofstrip{padding:0!important;background:var(--p7-paper)!important;color:var(--p7-ink)!important} body.page-about .nbc-about-proofstrip article{display:grid!important;grid-template-columns:minmax(88px,.7fr) 1fr!important;gap:18px!important;align-items:baseline!important;padding:18px 0!important;border:0!important;border-bottom:1px solid var(--p7-rule-paper)!important;border-radius:0!important;background:none!important} body.page-about .nbc-about-proofstrip article:last-child{border-bottom:0!important} body.page-about .nbc-about-proofstrip strong{color:var(--p7-ink)!important;font-size:20px!important;letter-spacing:-.03em!important} body.page-about .nbc-about-proofstrip span{color:var(--p7-muted-paper)!important;font-size:11px!important} body.page-about .ac-section{padding-block:54px!important} body.page-about .nbc-about-section-intro{max-width:35rem!important} body.page-about .nbc-about-section-intro .ac-kicker{font-size:9px!important;letter-spacing:.1em!important} body.page-about :is(.nbc-about-section-intro h2,.nbc-about-global-copy h2){font-size:clamp(31px,9vw,40px)!important;line-height:1.02!important;letter-spacing:-.045em!important} body.page-about .nbc-about-section-intro>p:last-child{font-size:15px!important;line-height:1.66!important} body.page-about :is(.nbc-about-record-list,.nbc-about-method-list){position:relative!important;margin:28px 0 0!important;padding:0!important;list-style:none!important;border-top:1px solid var(--p7-rule-dark)!important} body.page-about :is(.nbc-about-record-list,.nbc-about-method-list)>li{display:grid!important;grid-template-columns:32px 1fr!important;gap:12px!important;padding:20px 0!important;border-bottom:1px solid var(--p7-rule-dark)!important;transform:none!important;opacity:1!important;border-radius:0!important} body.page-about :is(.nbc-about-record-list,.nbc-about-method-list)>li>.mono{color:var(--p7-mint)!important;font-size:9px!important} body.page-about :is(.nbc-about-record-list,.nbc-about-method-list) :is(h3,strong){font-size:17px!important;line-height:1.22!important} body.page-about :is(.nbc-about-record-list,.nbc-about-method-list) p{font-size:14px!important;line-height:1.58!important} body.page-about .nbc-about-global-copy .ac-kicker{color:var(--p7-mint-deep)!important} body.page-about .nbc-about-global-copy :is(.nbc-about-global-lead,p){color:var(--p7-muted-paper)!important;font-size:15px!important;line-height:1.66!important} body.page-about .nbc-about-method-grid{display:grid!important;gap:16px!important} body.page-about .nbc-about-expert-mini{padding-block:42px!important} body.page-about .nbc-about-expert-mini h2{font-size:27px!important;line-height:1.06!important} body.page-about .nbc-about-expert-mini p{font-size:14px!important;line-height:1.6!important} body.page-about .nbc-about-final{padding-block:56px!important;background:var(--p7-deep)!important;border-radius:0!important} body.page-about .nbc-about-final h2{font-size:clamp(34px,9.8vw,44px)!important;line-height:1!important} body.page-about .nbc-about-final p:not(.ac-kicker){font-size:15px!important;line-height:1.62!important} /* Legal: readable document, not a marketing scene. */ body.page-legal:not(.page-styleguide) .legal-hero{min-height:0!important;padding:104px 0 30px!important} body.page-legal:not(.page-styleguide) .legal-hero .nbc-hero-signature-fragment{display:none!important} body.page-legal:not(.page-styleguide) .legal-hero .nbc-hero-location{color:var(--p7-mint)!important} body.page-legal:not(.page-styleguide) .legal-hero h1{max-width:11ch!important;margin-top:12px!important;font-size:clamp(38px,11vw,50px)!important;line-height:.98!important;letter-spacing:-.045em!important} body.page-legal:not(.page-styleguide) .legal-hero .lede{max-width:34ch!important;margin-top:20px!important;font-size:15px!important;line-height:1.62!important} body.page-legal:not(.page-styleguide) .p7-document-nav{display:block!important;position:static!important;margin:0!important;padding:0 var(--p7-gutter)!important;background:var(--p7-paper)!important;border:0!important;border-bottom:1px solid var(--p7-rule-paper)!important} body.page-legal:not(.page-styleguide) .p7-document-nav .m7-document-nav__rail{display:flex!important;flex-wrap:wrap!important;gap:0 18px!important;overflow:visible!important;padding:12px 0!important} body.page-legal:not(.page-styleguide) .p7-document-nav a{display:inline-flex!important;align-items:center!important;min-height:var(--p7-touch)!important;padding:0!important;color:var(--p7-muted-paper)!important;border:0!important;border-radius:0!important;background:none!important;font-size:12px!important;text-decoration:none!important} body.page-legal:not(.page-styleguide) .p7-document-nav a span{margin-right:6px;color:var(--p7-mint-deep)!important;font:500 9px/1 "IBM Plex Mono",monospace!important} body.page-legal:not(.page-styleguide) .legal-content{padding:0!important;background:var(--p7-paper)!important;color:var(--p7-ink)!important} body.page-legal:not(.page-styleguide) .legal-content>.wrap{padding-inline:var(--p7-gutter)!important} body.page-legal:not(.page-styleguide) .legal-body{max-width:40rem!important;margin-inline:auto!important;padding:40px 0 54px!important} body.page-legal:not(.page-styleguide) .legal-body h2{margin:38px 0 14px!important;padding-top:0!important;color:var(--p7-ink)!important;font-size:clamp(24px,7.1vw,31px)!important;line-height:1.08!important;letter-spacing:-.035em!important} body.page-legal:not(.page-styleguide) .legal-body h2:first-child{margin-top:0!important} body.page-legal:not(.page-styleguide) .legal-body h3{margin:24px 0 10px!important;color:var(--p7-ink)!important;font-size:18px!important} body.page-legal:not(.page-styleguide) .legal-body :is(p,li){color:var(--p7-muted-paper)!important;font-size:var(--p7-copy)!important;line-height:var(--p7-copy-leading)!important;overflow-wrap:anywhere!important} body.page-legal:not(.page-styleguide) .legal-body a{color:var(--p7-ink)!important;text-underline-offset:3px} body.page-legal:not(.page-styleguide) .legal-body ul{padding-left:20px!important} body.page-legal:not(.page-styleguide) .local-data-reset{margin-top:24px!important;padding:18px!important;border:1px solid var(--p7-rule-paper)!important;border-radius:var(--p7-radius-evidence)!important;background:var(--p7-paper-2)!important} body.page-legal:not(.page-styleguide) .legal-version-note{margin-top:36px!important;padding-top:16px!important;border-top:1px solid var(--p7-rule-paper)!important;border-radius:0!important} body.page-legal:not(.page-styleguide) .fab{display:none!important} /* 404: static signature and direct return. */ body.page-404 .p7-404-main{background:var(--p7-deep)!important} body.page-404 .p7-404-scene{min-height:0!important;padding:104px 0 58px!important;background:radial-gradient(circle at 86% 22%,rgba(155,217,169,.08),transparent 30%),var(--p7-deep)!important;overflow:hidden!important} body.page-404 .p7-404-grid{display:grid!important;gap:36px!important} body.page-404 .p7-404-copy>.mono{color:var(--p7-mint)!important;font-size:9px!important;letter-spacing:.1em!important} body.page-404 .p7-404-copy h1{max-width:8ch!important;margin:14px 0 0!important;color:var(--p7-paper)!important;font-size:clamp(46px,14vw,64px)!important;line-height:.92!important;letter-spacing:-.055em!important} body.page-404 .p7-404-copy>p:not(.mono){max-width:31ch!important;margin:22px 0 0!important;color:var(--p7-muted-dark)!important;font-size:15px!important;line-height:1.62!important} body.page-404 .p7-404-actions{display:grid!important;margin-top:28px!important;border-top:1px solid rgba(155,217,169,.22)!important} body.page-404 .p7-404-actions a{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:48px!important;color:var(--p7-paper)!important;border:0!important;border-bottom:1px solid var(--p7-rule-dark)!important;text-decoration:none!important} body.page-404 .p7-404-actions .btn-solid{justify-content:center!important;margin:14px 0!important} body.page-404 .p7-404-detour{margin:36px 0 0!important} body.page-404 .p7-404-detour svg{display:block!important;width:100%!important;height:auto!important} body.page-404 .p7-404-system{fill:none!important;stroke:rgba(242,240,233,.12)!important;stroke-width:10!important;stroke-linecap:round!important} body.page-404 .p7-404-route{fill:none!important;stroke:var(--p7-mint)!important;stroke-width:3!important;stroke-linecap:round!important;stroke-dasharray:none!important;stroke-dashoffset:0!important;animation:none!important;transition:none!important} body.page-404 .p7-404-origin{fill:var(--p7-deep)!important;stroke:rgba(242,240,233,.42)!important;stroke-width:3!important} body.page-404 .p7-404-return{fill:var(--p7-mint)!important;stroke:var(--p7-deep)!important;stroke-width:4!important} body.page-404 .p7-404-label text{fill:rgba(242,240,233,.48)!important;font:500 10px "IBM Plex Mono",monospace!important;letter-spacing:.06em!important} body.page-404 .p7-404-detour figcaption{display:flex!important;justify-content:space-between!important;padding-top:14px!important;border-top:1px solid var(--p7-rule-dark)!important;color:var(--p7-muted-dark)!important;font-size:11px!important} body.page-404 .p7-404-detour figcaption strong{color:var(--p7-paper)!important} body.page-404 .fab{display:none!important} /* Styleguide: current governance source. */ body.page-styleguide .sg-phase7-governance :is(.nbc-section-title,.nbc-section-intro){color:var(--p7-ink)!important} body.page-styleguide :is(.sg-p7-token-grid,.sg-p7-contract-grid){display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin-top:26px!important;border-top:1px solid var(--p7-rule-paper)!important} body.page-styleguide :is(.sg-p7-token-grid,.sg-p7-contract-grid) article{padding:18px 0!important;border:0!important;border-bottom:1px solid var(--p7-rule-paper)!important;border-radius:0!important;background:none!important} body.page-styleguide :is(.sg-p7-token-grid,.sg-p7-contract-grid) article>span{display:block!important;margin-bottom:6px!important;color:var(--p7-mint-deep)!important;font:600 9px/1.2 "IBM Plex Mono",monospace!important;letter-spacing:.08em!important} body.page-styleguide :is(.sg-p7-token-grid,.sg-p7-contract-grid) article>strong{color:var(--p7-ink)!important;font-size:17px!important} body.page-styleguide :is(.sg-p7-token-grid,.sg-p7-contract-grid) article>p{color:var(--p7-muted-paper)!important;font-size:13px!important;line-height:1.55!important} body[data-phase7-governance="v6640"] :is(.site-footer,.nbc-context-links){transition:none!important} } @media (max-width:360px){:root{--p7-gutter:var(--p7-gutter-compact)} body.page-about .nbc-about-hero h1{font-size:clamp(38px,11.7vw,44px)!important} body.page-404 .p7-404-copy h1{font-size:clamp(41px,12.8vw,48px)!important}} @media (max-width:760px) and (prefers-reduced-motion:reduce){body[data-phase7-governance="v6640"] *,body[data-phase7-governance="v6640"] *::before,body[data-phase7-governance="v6640"] *::after{scroll-behavior:auto!important} body.page-404 .p7-404-route{stroke-dashoffset:0!important}} @media (max-width:760px) and (prefers-reduced-transparency:reduce){body[data-phase7-governance="v6640"] .site-footer[data-p7-footer],body.page-about .ac-founder-hero.nbc-about-hero,body.page-404 .p7-404-scene{background:var(--p7-deep)!important;backdrop-filter:none!important}} @media (max-width:760px) and (prefers-contrast:more){body[data-phase7-governance="v6640"] .site-footer[data-p7-footer] .footer-navigation-row a{color:var(--p7-paper)!important;border-color:rgba(242,240,233,.42)!important} body.page-legal:not(.page-styleguide) .legal-content{color:#000!important;background:#fff!important}} } /* NBC P5 service/global reduction v7331 · conservative unreachable-selector pruning */ @layer nbc.legacy{ /*! NBC v6.588 · Mobile layout QA · global correction layer */ /* * This file is intentionally loaded after the consolidated system stylesheet. * It contains only mobile corrections that must be shared by every page, plus * a small homepage block for the dedicated M2 composition. */ @media (max-width:760px){ :root{ --nbc-mobile-qa-gutter:var(--m-gutter,var(--nbc-mobile-gutter,20px)); --nbc-mobile-qa-header:var(--m-header-h,var(--nbc-mobile-header,66px)); } /* One viewport contract for every template. Decorative overflow is clipped, while all real layout children are allowed to shrink inside their parent. */ html, body{ width:100%; max-width:100%; overflow-x:clip; } body.page.design-system-executive main, body.page.design-system-executive main.nbc-page-shell{ min-width:0; } body.page.design-system-executive main :where( section,article,div,aside,header,nav,figure,figcaption,form,fieldset, ul,ol,li,details,summary ){ min-width:0; min-inline-size:0; } body.page.design-system-executive main :where(img,video,iframe,svg){ max-width:100%; } /* The fixed mobile header owns the top clearance. Hash targets receive the same offset on every template, so headings never land behind the header. */ html{ scroll-padding-top:calc(var(--nbc-mobile-qa-header) + env(safe-area-inset-top) + 18px)!important; } body.page.design-system-executive main :where(section,article,aside,div)[id]{ scroll-margin-top:calc(var(--nbc-mobile-qa-header) + env(safe-area-inset-top) + 18px)!important; } /* Legacy bundles reserved 84px below every main element for a mobile FAB which is hidden at this breakpoint. The final section and footer now own their spacing exactly once. */ body.page.design-system-executive main, body.page.design-system-executive main.nbc-page-shell{ padding-bottom:0!important; } /* One footer gutter. Older profile bundles added 20px padding to an already inset .wrap and therefore doubled the left and right whitespace. */ body.page.design-system-executive .site-footer{ padding-bottom:calc(28px + env(safe-area-inset-bottom))!important; } body.page.design-system-executive .site-footer>.wrap{ box-sizing:border-box; width:calc(100% - (2 * var(--nbc-mobile-qa-gutter)))!important; max-width:none!important; margin-inline:auto!important; padding-inline:0!important; } body.page.design-system-executive .site-footer :where( .footer-main, .footer-signature, .footer-navigation-row, .footer-meta ){ min-width:0; max-width:100%; } /* Mobile display type uses the available measure before it introduces a line break. Long specialist compounds may still hyphenate where the full viewport is genuinely insufficient. */ body.page.design-system-executive main :where( h1, .editorial-title, .nbc-unified-hero-title, .nbc-section-title, .case2-title, .case2-section-title, .ep-chapter-title, .dg-section-title, .m3-title, .m4-title, .m5-local__title ){ width:auto; max-width:100%!important; overflow-wrap:normal!important; word-break:normal!important; text-wrap:pretty; } /* Hero titles already contain editorially chosen soft hyphens where needed; automatic separations are unnecessary once the full measure is available. */ body.page.design-system-executive main :where( h1, .editorial-title, .nbc-unified-hero-title, .case2-title ){ -webkit-hyphens:manual!important; hyphens:manual!important; } /* Non-hero headings may contain genuine 20–28 character German compounds. Hyphenation is allowed only for sufficiently long words; short terms such as "Technologie" therefore move as a whole instead of breaking awkwardly. */ body.page.design-system-executive main :where( h2, h3, .nbc-section-title, .case2-section-title, .ep-chapter-title, .dg-section-title ){ -webkit-hyphens:auto!important; hyphens:auto!important; hyphenate-limit-chars:14 5 5; } /* M3–M5 sections are injected by the shared mobile runtimes and therefore need the same measure contract as headings present in the source HTML. */ body.page.design-system-executive :where(.m3-title,.m4-title,.m5-local__title){ width:100%!important; max-width:100%!important; overflow-wrap:normal!important; word-break:normal!important; -webkit-hyphens:auto!important; hyphens:auto!important; hyphenate-limit-chars:14 5 5; text-wrap:pretty!important; } body.page-template-article main .ep-chapter-title, body.page-case-detail main .case2-section-title{ -webkit-hyphens:auto!important; hyphens:auto!important; } /* This internal specimen deliberately contains an unusually long compound. */ body.page-styleguide main .nbc-section-title{ -webkit-hyphens:auto!important; hyphens:auto!important; } /* Calls to action may become two clean lines on narrow devices instead of forcing the button or its parent wider than the viewport. */ body.page.design-system-executive main :where(a.btn,button.btn){ max-width:100%; height:auto; white-space:normal; overflow-wrap:break-word; text-align:center; } /* The left journey spine duplicates the browser scroll indicator on phones and consumes visual space without carrying additional information. */ body.page.design-system-executive .spine{ display:none!important; } /* ----------------------------------------------------------------------- Shared terminal-section rhythm ----------------------------------------------------------------------- */ body.page-home[data-m2-home-active="true"] .m2-final, body.page-template-service-detail .m3-next, body.page-template-industry-hub .m4-final{ min-height:0!important; display:block!important; padding-top:clamp(56px,15vw,68px)!important; padding-bottom:clamp(56px,15vw,68px)!important; } body.page-template-industry-hub .m4-final{ align-items:initial!important; } /* ----------------------------------------------------------------------- Article template ----------------------------------------------------------------------- */ /* The article wrapper previously added a second 142px clearance above a hero that already clears the fixed header. This affected all 19 articles. */ body.page-template-article main>article.article.article-premium{ padding-top:0!important; padding-bottom:0!important; } body.page-template-article main>article.article.article-premium>.ep-hero{ min-height:0!important; padding-top:calc(var(--nbc-mobile-qa-header) + env(safe-area-inset-top) + 28px)!important; } /* Articles retain their dedicated two-pixel reading progress. The generic bar and the left journey spine are redundant on phones. */ body.page-template-article>#progress, body.page-template-article .m4-reading-nav, body.page-template-article .m4-quick-answer{ display:none!important; } /* The knowledge runtime is the single owner of the chapter path. A vertical list keeps long German labels complete instead of clipping the next pill. */ body.page-template-article .m6-reading-path{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:0!important; overflow:visible!important; padding:0 var(--nbc-mobile-qa-gutter)!important; border-bottom:1px solid rgba(247,245,242,.09)!important; } body.page-template-article .m6-reading-path a{ box-sizing:border-box; width:100%!important; display:grid!important; grid-template-columns:24px minmax(0,1fr)!important; align-items:center!important; gap:8px!important; padding:12px 0!important; border:0!important; border-top:1px solid rgba(247,245,242,.075)!important; border-radius:0!important; background:transparent!important; color:rgba(247,245,242,.74)!important; line-height:1.35!important; white-space:normal!important; overflow-wrap:break-word!important; } body.page-template-article .m6-reading-path a span{ } /* ----------------------------------------------------------------------- Homepage M2 composition ----------------------------------------------------------------------- */ /* The former 660px / 84svh floor produced an empty lower half after the proposition. Keep a calm hero, but let the first section arrive sooner. */ /* Portrait and caption share the row without leaving the caption stranded at its lower edge. Both columns remain shrinkable down to 320px. */ body.page-home[data-m2-home-active="true"] .m2-attitude__portrait figcaption :where(span,strong){ max-width:100%!important; overflow-wrap:normal!important; word-break:normal!important; -webkit-hyphens:auto!important; hyphens:auto!important; } /* Supporting proof cards no longer reserve an unbounded auto column for the metric. The metric receives a full row, so values and "Standardfälle" can never be cut off at the right edge. */ } /* The case system declares its title size as an important layered rule. In the important cascade, the first declared layer wins over unlayered overrides; keep this typography correction in that same foundation layer. */ @layer nbc.normal{ @media (max-width:760px){ body.page-template-case-index .case2-title{ font-size:clamp(32px,9.7vw,38px)!important; line-height:.96!important; } } @media (max-width:360px){ body.page-template-article .ep-chapter-title.ep-title-sequence{ font-size:27px!important; } body.page-template-article .ep-chapter-title .ep-title-keep{ white-space:nowrap; } } } /* Between 431px and 760px the legacy scene started at left:10%, which created the reported ~1.5cm black strip. Moving both edges by the same amount keeps the artwork's width and scale unchanged while aligning it to the viewport. */ @media (max-width:360px){ /* A few otherwise short hero titles contain one exceptionally wide German word. A two-pixel optical adjustment keeps the word intact at 320px. */ body.page-regional-intelligence main .authority-hero h1{ font-size:40px!important; } body.page-knowledge-hub.hub-erp main .authority-hero h1{ font-size:37px!important; } body.page-legal:not(.page-styleguide) main .legal-hero h1.title-fit-longword{ font-size:27px!important; } } @media (min-width:361px) and (max-width:379px){ body.page-legal:not(.page-styleguide) main .legal-hero h1.title-fit-longword{ font-size:31px!important; } } /* v6.595 rendered QA corrections ------------------------------------------------------------------------- */ @media (max-width:760px){ /* The desktop H1 paints its gradient on the parent. Once the two title rows become block children on mobile, the direct text of row two no longer participates in that clipping context and "Übersetzt in" turns invisible. Give the second row its own clipping surface while preserving the bright Business-Value emphasis. */ /* Phase 3 accidentally made the nested personal-contact card the 74px portrait column of its parent grid. The copy column therefore resolved to zero and rendered the founder's name one character per line. Keep the premium card, but let its own portrait/copy grid own the full row. */ body.page-contact[data-mobile-phase3="v6591"] .ac-person-stage{ grid-template-columns:minmax(0,1fr)!important; } body.page-contact[data-mobile-phase3="v6591"] .ac-personal-contact{ grid-column:1 / -1!important; width:100%!important; min-width:0!important; grid-template-columns:74px minmax(0,1fr)!important; } body.page-contact[data-mobile-phase3="v6591"] .ac-personal-contact > div{ width:auto!important; min-width:0!important; } body.page-contact[data-mobile-phase3="v6591"] .ac-personal-contact strong{ width:auto!important; max-width:100%!important; overflow-wrap:normal!important; word-break:normal!important; -webkit-hyphens:none!important; hyphens:none!important; } body.page-contact[data-mobile-phase3="v6591"] .ac-person-stage-meta{ grid-column:1 / -1!important; width:100%!important; } /* At the former 11.4vw size, "Entscheidungen." left only the full stop on a sixth line at 390px. The slightly tighter display scale keeps every word and its punctuation together from 320px through 430px. */ body.page-template-case-index .case2-title{ font-size:clamp(32px,9.7vw,38px)!important; line-height:.96!important; } } } /* NBC P3 cascade containment v7329 */ @layer nbc.legacy{ /* NBC Phase 7.3 / v6.650 — Conversion & Instrument pages Mobile-only art-direction contract. Desktop >=761px remains untouched. */ @media (max-width:760px){ html[data-phase73-conversion="v6650"]{scroll-padding-top:82px} body[data-phase73-conversion="v6650"]{ --p73-gutter:clamp(18px,5.2vw,28px); --p73-rule:rgba(183,255,205,.2); --p73-mint:#b7ffcd; --p73-ink:#07110c; --p73-paper:#f3f0e7; --p73-paper-ink:#122019; --p73-amber:#f4c56b; --p73-red:#ff7d6e; --p73-muted:rgba(237,246,240,.66); } body[data-phase73-conversion="v6650"] main>section:not(.p73-evidence-insert){ position:relative; } body[data-phase73-conversion="v6650"] :is(.service-editorial-section,.bi-section,.nbc-section,.ac-section){ scroll-margin-top:84px; } .p73-mobile-only{display:block!important} .p73-logic-key{ width:100%;margin:22px 0 8px;padding:0;border-top:1px solid var(--p73-rule); font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; } .p73-logic-key__label{ display:block;padding:10px 0 8px;color:var(--p73-muted);font-size:10px;line-height:1.3; letter-spacing:.14em;text-transform:uppercase; } .p73-logic-key__flow{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.07)} .p73-logic-key__step{ position:relative;display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center; min-height:40px;padding:7px 0;color:rgba(240,247,243,.62);font-size:12px;line-height:1.35; border-bottom:1px solid rgba(255,255,255,.07); } .p73-logic-key__step::before{ content:"";width:7px;height:7px;border-radius:50%;background:rgba(183,255,205,.38); box-shadow:0 0 0 4px rgba(183,255,205,.04);margin-left:5px; } .p73-logic-key__step[data-state="friction"]{color:var(--p73-amber)} .p73-logic-key__step[data-state="friction"]::before{background:var(--p73-amber);box-shadow:0 0 0 4px rgba(244,197,107,.08)} .p73-logic-key__step[data-state="decision"]{color:var(--p73-mint)} .p73-logic-key__step[data-state="decision"]::before{background:var(--p73-mint);box-shadow:0 0 0 4px rgba(183,255,205,.09)} /* ---------- Service family: shared rhythm, distinct physical systems ---------- */ body.page-service[data-phase73-conversion="v6650"] .service-hero{padding-bottom:clamp(40px,11vw,68px)!important} body.page-service[data-phase73-conversion="v6650"] .service-hero :is(.btn-solid,.btn-primary){box-shadow:none!important} body.page-service[data-phase73-conversion="v6650"] #projektbeleg{ background:var(--p73-paper)!important;color:var(--p73-paper-ink)!important; margin-inline:0!important;padding:clamp(58px,15vw,84px) var(--p73-gutter)!important; } body.page-service[data-phase73-conversion="v6650"] #projektbeleg :is(h2,h3,p,strong,span){color:inherit} body.page-service[data-phase73-conversion="v6650"] #projektbeleg a{color:#153a28} body.page-service[data-phase73-conversion="v6650"] #projektbeleg .p73-proof-artifact{margin-top:26px} .p73-proof-artifact{margin:26px 0 0;padding:0;border:0} .p73-proof-artifact picture,.p73-proof-artifact img{display:block;width:100%} .p73-proof-artifact img{height:auto;border-radius:2px;background:#dfe5de} .p73-proof-artifact figcaption{ margin-top:10px;font-size:11px;line-height:1.5;letter-spacing:.02em;color:#4d5d54!important; } .p73-proof-artifact__meta{ display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;padding-bottom:8px; border-bottom:1px solid rgba(16,36,26,.18);font:600 9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.11em;text-transform:uppercase;color:#516158!important; } body.page-service[data-phase73-conversion="v6650"] :is(#strategische-wirkung,.service-strategic-layer){ border-radius:0!important;box-shadow:none!important; } body.page-service[data-phase73-conversion="v6650"] :is(.process-conversion-section,.erp-decision-cta-section){ border-radius:0!important; } /* Process = one vertical flow that visibly breaks. */ body.service-process[data-phase73-conversion="v6650"] #sollweg-echtweg{ margin-inline:calc(var(--p73-gutter) * -1)!important;padding-inline:var(--p73-gutter)!important; border-radius:0!important;overflow:clip; background: linear-gradient(90deg,rgba(183,255,205,.04) 1px,transparent 1px) 0 0/34px 34px, linear-gradient(180deg,#07110c 0%,#0a1710 100%)!important; } body.service-process[data-phase73-conversion="v6650"] #sollweg-echtweg::after{ content:"";position:absolute;left:calc(var(--p73-gutter) + 8px);top:118px;bottom:44px;width:1px; background:linear-gradient(to bottom,var(--p73-mint) 0 39%,var(--p73-amber) 39% 58%,rgba(183,255,205,.18) 58% 100%); opacity:.55;pointer-events:none; } body.service-process[data-phase73-conversion="v6650"] #sollweg-echtweg .p73-logic-key{padding-left:22px} body.service-process:not([data-v7359-p1="true"])[data-phase73-conversion="v6650"] #prozessbeweise{background:#0b1510!important} body.service-process[data-phase73-conversion="v6650"] #zusammenarbeit{background:#101d16!important} /* ERP = stacked layers, not a flow. */ body.service-erp[data-phase73-conversion="v6650"] #erp-belastungsprobe{ margin-inline:calc(var(--p73-gutter) * -1)!important;padding-inline:var(--p73-gutter)!important; border-radius:0!important;background:#0a130f!important; } body.service-erp[data-phase73-conversion="v6650"] #erp-belastungsprobe .p73-logic-key__flow{ gap:6px;border-top:0;margin-top:2px; } body.service-erp[data-phase73-conversion="v6650"] #erp-belastungsprobe .p73-logic-key__step{ min-height:46px;padding:8px 12px;border:1px solid rgba(183,255,205,.14);border-radius:2px; grid-template-columns:22px 1fr;background:rgba(255,255,255,.018); } body.service-erp[data-phase73-conversion="v6650"] #erp-belastungsprobe .p73-logic-key__step:nth-child(2){margin-left:8px} body.service-erp[data-phase73-conversion="v6650"] #erp-belastungsprobe .p73-logic-key__step:nth-child(3){margin-left:16px} body.service-erp[data-phase73-conversion="v6650"] #erp-belastungsprobe .p73-logic-key__step:nth-child(4){margin-left:24px} body.service-erp[data-phase73-conversion="v6650"] #erp-entscheidungsebenen{ background:linear-gradient(180deg,#f1eee5 0%,#e8e4d9 100%)!important;color:#132019!important; margin-inline:calc(var(--p73-gutter) * -1)!important;padding-inline:var(--p73-gutter)!important; } body.service-erp[data-phase73-conversion="v6650"] #erp-entscheidungsebenen :is(h2,h3,p,span,strong){color:inherit} /* AI = routing and gates; only exceptions receive warning colour. */ body.service-ki[data-phase73-conversion="v6650"] #was-muesste-wahr-sein{ margin-inline:calc(var(--p73-gutter) * -1)!important;padding-inline:var(--p73-gutter)!important; border-radius:0!important;background: radial-gradient(circle at 74% 18%,rgba(244,197,107,.08),transparent 30%), linear-gradient(180deg,#07110c,#0a1610)!important; } body.service-ki[data-phase73-conversion="v6650"] #was-muesste-wahr-sein .p73-logic-key__flow{position:relative;padding-left:8px} body.service-ki[data-phase73-conversion="v6650"] #was-muesste-wahr-sein .p73-logic-key__step::after{ content:"";position:absolute;left:8px;top:50%;width:12px;height:1px;background:currentColor;opacity:.35;transform:translateY(-50%); } body.service-ki[data-phase73-conversion="v6650"] #was-muesste-wahr-sein .p73-logic-key__step[data-state="decision"]{margin-left:16px} body.service-ki:not([data-v7359-p1="true"])[data-phase73-conversion="v6650"] #produktionslogik{background:#0e1b14!important} /* v7.428: Produktionsreife retired from legacy mobile runtime; canonical KI owner controls it. */ /* ---------- Industry: a concrete job/project, not renamed service pages ---------- */ body.page-industry-hub[data-phase73-conversion="v6650"] .bi-hero{padding-bottom:48px!important} body.page-industry-hub[data-phase73-conversion="v6650"] #industry-start{ margin-inline:0!important;border-radius:0!important; } body.page-industry-hub[data-phase73-conversion="v6650"] .bi-proof{ background:var(--p73-paper)!important;color:var(--p73-paper-ink)!important; margin-inline:calc(var(--p73-gutter) * -1)!important;padding-inline:var(--p73-gutter)!important; border-radius:0!important; } body.page-industry-hub[data-phase73-conversion="v6650"] .bi-proof :is(h2,h3,p,strong,span){color:inherit} body.industry-trade[data-phase73-conversion="v6650"] #industry-start{ background:linear-gradient(180deg,#08130d,#0b1811)!important; } body.industry-trade[data-phase73-conversion="v6650"] .trade-diagnosis-tabs{ display:grid!important;grid-template-columns:1fr!important;gap:0!important;border-top:1px solid var(--p73-rule)!important; } body.industry-trade[data-phase73-conversion="v6650"] .trade-diagnosis-tab{ border:0!important;border-bottom:1px solid var(--p73-rule)!important;border-radius:0!important;text-align:left!important; } body.industry-services[data-phase73-conversion="v6650"] .p73-project-spine{ margin:24px 0 12px;border-top:1px solid var(--p73-rule);border-bottom:1px solid var(--p73-rule); } .p73-project-spine button{ width:100%;display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center; min-height:52px;padding:9px 0;border:0;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0; background:transparent;color:rgba(240,247,243,.68);text-align:left;font-weight:500;font-size:12px;line-height:1.35;font-family:inherit; } .p73-project-spine button:last-child{border-bottom:0} .p73-project-spine button span:first-child{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:rgba(183,255,205,.54)} .p73-project-spine button span:last-child{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(240,247,243,.4)} .p73-project-spine button[aria-current="step"], .p73-project-spine button[aria-current="step"] span:last-child{color:var(--p73-mint)} body.industry-services[data-phase73-conversion="v6650"] .p73-industry-focus{box-shadow:inset 2px 0 0 var(--p73-mint)} /* ---------- Regional: one real process, then location strategy ---------- */ body.page-regional[data-phase73-conversion="v6650"] #erster-pruefauftrag{ margin-inline:calc(var(--p73-gutter) * -1)!important;padding-inline:var(--p73-gutter)!important; background:#08130d!important;border-radius:0!important; } body.page-regional[data-phase73-conversion="v6650"] .local-proof{ background:var(--p73-paper)!important;color:var(--p73-paper-ink)!important; margin-inline:calc(var(--p73-gutter) * -1)!important;padding-inline:var(--p73-gutter)!important; } body.page-regional[data-phase73-conversion="v6650"] .local-proof :is(h2,h3,p,strong,span){color:inherit} body.page-regional[data-phase73-conversion="v6650"] .local-direct{ background:linear-gradient(180deg,#0a1710,#07110c)!important; } body.page-regional[data-phase73-conversion="v6650"] .local-faq{background:#f4f1e9!important;color:#142119!important} body.page-regional[data-phase73-conversion="v6650"] .local-faq :is(h2,h3,p,summary,span,strong){color:inherit} /* ---------- Diagnostic family: one instrument state, no competing progress chrome ---------- */ body.page-family-instrument[data-phase73-conversion="v6650"]{ --p73-instrument-edge:rgba(183,255,205,.22); } body.page-family-instrument[data-phase73-conversion="v6650"] .nbc-hero-card-v2{ border-radius:0!important;box-shadow:none!important; } body.page-diagnose[data-phase73-conversion="v6650"] #diagnose-start{ background:var(--p73-paper)!important;color:var(--p73-paper-ink)!important; margin-inline:calc(var(--p73-gutter) * -1)!important;padding-inline:var(--p73-gutter)!important; } body.page-diagnose[data-phase73-conversion="v6650"] #diagnose-start :is(h2,h3,p,strong,span){color:inherit} body.page-diagnose[data-phase73-conversion="v6650"] .dx-depth{background:#08130d!important} body.page-diagnose[data-phase73-conversion="v6650"] .dx-outcome{background:#0d1b13!important} body.page-barometer[data-phase73-conversion="v6650"] .nbc-barometer{ --p73-pressure-line:var(--p73-mint); background-image:linear-gradient(180deg,rgba(183,255,205,.018),transparent 38%)!important; } body.page-barometer[data-phase73-conversion="v6650"][data-p73-pressure="watch"] .nbc-barometer{--p73-pressure-line:var(--p73-amber)} body.page-barometer[data-phase73-conversion="v6650"][data-p73-pressure="critical"] .nbc-barometer{--p73-pressure-line:var(--p73-red)} body.page-barometer[data-phase73-conversion="v6650"] .baro-controls{ position:relative;border-left:2px solid var(--p73-pressure-line)!important;padding-left:14px!important;transition:border-color .22s ease; } body.page-barometer[data-phase73-conversion="v6650"] .baro-range{accent-color:var(--p73-pressure-line)} body.page-barometer[data-phase73-conversion="v6650"] .r4-barometer-result{ border-radius:0!important;border-inline:0!important;background:var(--p73-paper)!important;color:var(--p73-paper-ink)!important; } body.page-barometer[data-phase73-conversion="v6650"] .r4-barometer-result :is(h2,h3,p,strong,span,label){color:inherit} body.page-digital-check[data-phase73-conversion="v6650"] .dc5-premium{ border-radius:0!important;background:linear-gradient(180deg,#07110c,#0b1811)!important; } body.page-digital-check[data-phase73-conversion="v6650"] :is(.dc5-question-card,.dc5-panel){ border-radius:4px!important;box-shadow:none!important; } body.page-digital-check[data-phase73-conversion="v6650"] .dc5-result-panel{ border-radius:0!important;background:var(--p73-paper)!important;color:var(--p73-paper-ink)!important; margin-inline:calc(var(--p73-gutter) * -1)!important;padding-inline:var(--p73-gutter)!important; } body.page-digital-check[data-phase73-conversion="v6650"] .dc5-result-panel :is(h2,h3,p,strong,span,label){color:inherit} body.page-digital-check[data-phase73-conversion="v6650"] [data-p73-question-active="true"]{ outline:1px solid rgba(183,255,205,.22);outline-offset:3px; } /* ---------- Contact: premium by calmness, not another animation ---------- */ body.page-contact[data-phase73-conversion="v6650"] .ac-person-stage .nbc-signal-field{animation:none!important;filter:none!important;opacity:.16!important} body.page-contact[data-phase73-conversion="v6650"] .ac-intake-hero{padding-bottom:44px!important} body.page-contact[data-phase73-conversion="v6650"] .ac-intake-workflow{ background:var(--p73-paper)!important;color:var(--p73-paper-ink)!important; margin-inline:0!important;border-radius:0!important; } body.page-contact[data-phase73-conversion="v6650"] .ac-intake-workflow :is(h2,h3,p,label,strong,span){color:inherit} body.page-contact[data-phase73-conversion="v6650"] .ac-lead-form :is(input,textarea,select){ border-radius:2px!important;box-shadow:none!important; } body.page-contact[data-phase73-conversion="v6650"] .ac-lead-form .btn-solid, body.page-contact[data-phase73-conversion="v6650"] .ac-confirmation{border-radius:2px!important} /* Focus & touch feedback */ body[data-phase73-conversion="v6650"] :is(button,a,input,textarea,select):focus-visible{ outline:2px solid var(--p73-mint)!important;outline-offset:3px!important; } body[data-phase73-conversion="v6650"] button:active, body[data-phase73-conversion="v6650"] a:active{transform:translateY(1px)} } @media (max-width:360px){ body[data-phase73-conversion="v6650"]{--p73-gutter:18px} .p73-logic-key__step{font-size:11px} .p73-project-spine button{grid-template-columns:28px 1fr;gap:8px} .p73-project-spine button span:last-child{grid-column:2} } @media (min-width:361px) and (max-width:410px){ body[data-phase73-conversion="v6650"]{--p73-gutter:20px} } @media (min-width:411px) and (max-width:760px){ body[data-phase73-conversion="v6650"]{--p73-gutter:24px} } @media (prefers-reduced-motion:reduce) and (max-width:760px){ body[data-phase73-conversion="v6650"] *,body[data-phase73-conversion="v6650"] *::before,body[data-phase73-conversion="v6650"] *::after{ scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important; } body[data-phase73-conversion="v6650"] button:active,body[data-phase73-conversion="v6650"] a:active{transform:none!important} } @media (min-width:761px){.p73-mobile-only{display:none!important}} }