html[data-theme="light"] {
color-scheme: light;
}
* {
box-sizing: border-box;
}
.site-label-line {
display: block;
white-space: nowrap;
}
html {
scroll-behavior: smooth;
scrollbar-color: var(--orange-500, #C84421) rgba(var(--jd-overlay-rgb), 0.08);
scrollbar-width: auto;
}
body {
scrollbar-color: var(--orange-500, #C84421) rgba(var(--jd-overlay-rgb), 0.08);
scrollbar-width: auto;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
width: 14px;
height: 14px;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
background: rgba(var(--jd-overlay-rgb), 0.06);
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
border: 2px solid var(--bg-canvas);
border-radius: 999px;
background-color: var(--orange-500, #C84421);
background-clip: padding-box;
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
background-color: var(--orange-400, #C84421);
}
body {
margin: 0;
background: var(--bg-canvas);
color: var(--fg-default);
font-family: var(--font-sans);
font-size: var(--text-md);
line-height: var(--leading-relaxed);
overflow-wrap: anywhere;
word-break: normal;
}
body.offer-dialog-open,
body.mobile-menu-open {
overflow: hidden;
}
a {
color: inherit;
text-decoration: none;
}
img {
display: block;
max-width: 100%;
}
button,
input,
textarea {
font: inherit;
color: inherit;
}
p {
margin: 0;
color: var(--text-secondary);
}
.skip-link {
position: absolute;
left: 1rem;
top: -4rem;
z-index: 1000;
padding: 0.75rem 1rem;
border-radius: var(--radius-sm);
background: var(--bg-inverse);
color: var(--fg-onInverse);
box-shadow: var(--shadow-2);
transition: top var(--dur-fast) var(--ease-standard);
}
.skip-link:focus,
.skip-link:focus-visible {
top: 1rem;
outline: none;
box-shadow: var(--focus-ring);
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.site-shell {
width: min(var(--container), calc(100% - (var(--page-padding) * 2)));
margin: 0 auto;
}
.page-main {
padding-bottom: var(--section-gap);
overflow-x: clip;
}
body[data-jadey-page="product"] .page-main {
padding-bottom: 0;
}
body[data-jadey-template="error"] .page-main {
padding-bottom: 0;
}
.error-page {
min-height: calc(100vh - var(--header-height));
min-height: calc(100dvh - var(--header-height));
display: grid;
align-items: center;
padding: clamp(72px, 10vw, 144px) 0;
border-bottom: var(--jd-section-divider-width) solid var(--jd-section-divider-color);
}
.error-page__shell {
display: grid;
grid-template-columns: minmax(120px, 0.32fr) minmax(0, 0.68fr);
align-items: end;
gap: clamp(32px, 7vw, 112px);
}
.error-page__code {
margin: 0;
color: rgba(var(--jd-overlay-rgb), 0.18);
font-family: var(--font-mono);
font-size: clamp(56px, 12vw, 156px);
font-weight: 500;
line-height: 0.9;
letter-spacing: 0;
}
.error-page__copy {
display: grid;
gap: var(--jd-space-20);
max-width: 720px;
}
.error-page__eyebrow {
margin: 0;
color: var(--orange-500);
font-family: var(--font-mono);
font-size: var(--text-sm);
font-weight: 500;
letter-spacing: 0;
text-transform: uppercase;
}
.error-page__copy h1 {
margin: 0;
color: var(--text-primary);
font-family: var(--headline);
font-size: var(--jd-type-size-title-xl);
font-weight: 500;
line-height: var(--leading-tight);
letter-spacing: var(--jd-type-letter-tight-xl);
text-wrap: balance;
overflow-wrap: break-word;
hyphens: auto;
}
.error-page__copy p {
max-width: 620px;
color: var(--text-secondary);
font-size: var(--text-lg);
line-height: var(--leading-normal);
}
.error-page__actions {
display: flex;
flex-wrap: wrap;
gap: var(--jd-space-20) var(--jd-space-28);
margin-top: var(--jd-space-8);
}
.md-source-frame {
position: fixed;
left: -100vw;
top: -100vh;
width: 0;
height: 0;
min-width: 0;
min-height: 0;
padding: 0;
border: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
pointer-events: none;
white-space: nowrap;
z-index: -1;
}
.site-header {
position: sticky;
top: 0;
z-index: 100;
background: var(--jd-color-header-backdrop);
backdrop-filter: blur(18px);
}
.site-header-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--jd-space-24);
min-height: var(--header-height);
padding: 0;
}
.brand {
display: inline-flex;
align-items: center;
position: relative;
font-family: var(--headline);
font-size: var(--jd-type-size-title-sm);
font-weight: 500;
letter-spacing: var(--jd-type-letter-tight-xs);
line-height: var(--jd-type-line-title-sm);
}
body[data-jadey-template="homepage"] .site-header .brand::after {
content: "";
position: absolute;
right: 0;
bottom: -10px;
left: 0;
height: var(--jd-border-hairline-width);
background: var(--orange-500);
}
.site-header .brand img {
display: block;
width: auto;
height: var(--jd-brand-mark-height);
}
.site-nav {
display: flex;
align-items: center;
justify-content: flex-end;
gap: var(--jd-space-24);
flex: 1;
}
.site-nav a,
.nav-cta,
.mobile-nav-toggle {
font-family: var(--font-sans);
font-size: var(--jd-type-size-body);
font-weight: 400;
line-height: var(--jd-type-line-body);
color: var(--fg-muted);
}
.site-nav a {
position: relative;
display: inline-flex;
align-items: center;
min-height: var(--jd-header-control-height);
padding: 0;
color: var(--jd-color-text-primary);
transition:
color var(--dur-fast) var(--ease-standard);
}
.site-nav a::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: var(--jd-border-hairline-width);
background-color: transparent;
transition:
background-color var(--dur-fast) var(--ease-standard);
}
.site-nav a:hover,
.site-nav a:focus-visible,
.mobile-nav-toggle:hover,
.mobile-nav-toggle:focus-visible,
.mobile-nav-link:hover,
.mobile-nav-link:focus-visible {
color: var(--jd-color-text-label);
}
.site-nav a:hover,
.site-nav a:focus-visible {
color: var(--jd-color-text-label);
}
.site-nav a:hover::after,
.site-nav a:focus-visible::after {
background-color: var(--jd-color-text-label);
}
.site-nav a[aria-current="page"] {
color: var(--jd-color-text-primary);
}
.site-nav a[aria-current="page"]::after {
background-color: var(--orange-500);
}
.site-nav a.site-nav-icon-link {
min-width: var(--jd-header-control-height);
justify-content: center;
font-size: 0.94rem;
line-height: 1;
}
.site-nav a.site-nav-icon-link::after {
right: 25%;
left: 25%;
}
.language-switcher {
position: relative;
flex: 0 0 auto;
}
.language-switcher-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-width: 64px;
min-height: var(--jd-header-control-height);
padding: 0 12px;
border: var(--jd-border-hairline-width) solid rgba(var(--jd-overlay-rgb), 0.18);
border-radius: 0;
background: rgba(var(--jd-overlay-rgb), 0.03);
font-family: var(--font-sans);
font-size: var(--jd-type-size-body-sm);
font-weight: 500;
line-height: var(--jd-type-line-body);
color: var(--jd-color-text-primary);
cursor: pointer;
transition:
background-color var(--dur-fast) var(--ease-standard),
border-color var(--dur-fast) var(--ease-standard),
color var(--dur-fast) var(--ease-standard);
}
.language-switcher-button:hover,
.language-switcher-button:focus-visible,
.language-switcher.is-open .language-switcher-button {
border-color: var(--orange-500);
background: rgba(200, 68, 33, 0.08);
color: var(--jd-color-text-label);
}
.language-switcher-current {
min-width: 2ch;
text-align: center;
}
.language-switcher-chevron {
width: 7px;
height: 7px;
border-right: 1px solid currentColor;
border-bottom: 1px solid currentColor;
transform: translateY(-2px) rotate(45deg);
transition: transform var(--dur-fast) var(--ease-standard);
}
.language-switcher.is-open .language-switcher-chevron {
transform: translateY(2px) rotate(225deg);
}
.language-switcher-menu {
position: absolute;
top: calc(100% + 10px);
right: 0;
z-index: 110;
display: grid;
min-width: 178px;
padding: 6px;
border: var(--jd-border-hairline-width) solid rgba(var(--jd-overlay-rgb), 0.14);
background: var(--bg-surface);
box-shadow: var(--shadow-3);
}
.language-switcher-menu[hidden] {
display: none;
}
.language-switcher-menu a {
display: flex;
align-items: center;
gap: 10px;
padding: 10px;
color: var(--jd-color-text-primary);
text-decoration: none;
transition:
background-color var(--dur-fast) var(--ease-standard),
color var(--dur-fast) var(--ease-standard);
}
.language-switcher-menu a:hover,
.language-switcher-menu a:focus-visible,
.language-switcher-menu a[aria-current="true"] {
background: rgba(var(--jd-overlay-rgb), 0.06);
color: var(--jd-color-text-label);
}
.language-switcher-flag {
width: 1.35em;
text-align: center;
}
.language-switcher-option-copy {
display: grid;
gap: 1px;
}
.language-switcher-option-label,
.language-switcher-option-code {
font-family: var(--font-sans);
line-height: var(--jd-type-line-body);
}
.language-switcher-option-label {
font-size: var(--jd-type-size-body-sm);
font-weight: 500;
}
.language-switcher-option-code {
font-size: 0.72rem;
color: var(--fg-muted);
}
.nav-cta,
.cta-link,
.button-link {
display: inline-flex;
align-items: center;
gap: var(--jd-cta-gap);
width: fit-content;
padding: var(--jd-cta-padding-block) var(--jd-cta-padding-inline);
border: var(--jd-cta-border-width) solid var(--jd-cta-border-color);
border-radius: 0;
background-color: var(--jd-cta-background);
font-family: var(--font-sans);
font-size: var(--jd-type-size-body);
font-weight: 500;
line-height: var(--jd-type-line-body);
color: var(--jd-cta-color);
text-decoration: none;
transition:
opacity var(--dur-fast) var(--ease-standard),
background-color var(--dur-fast) var(--ease-standard),
border-color var(--dur-fast) var(--ease-standard),
color var(--dur-fast) var(--ease-standard),
transform var(--dur-fast) var(--ease-standard);
}
.nav-cta:hover,
.nav-cta:focus-visible,
.cta-link:hover,
.cta-link:focus-visible,
.button-link:hover,
.button-link:focus-visible {
background-color: var(--jd-cta-background-hover);
color: var(--jd-cta-color-hover);
border-color: var(--jd-cta-border-color-hover);
transform: translateY(-1px);
}
.button-link {
appearance: none;
cursor: pointer;
}
.site-header > .site-shell > .nav-cta {
min-height: var(--jd-header-control-height);
padding-top: 0;
padding-bottom: 0;
}
.mobile-nav-toggle {
display: none;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: 1px solid rgba(var(--jd-overlay-rgb), 0.18);
background: rgba(var(--jd-overlay-rgb), 0.03);
color: var(--jd-color-text-primary);
cursor: pointer;
transition:
background-color var(--dur-fast) var(--ease-standard),
border-color var(--dur-fast) var(--ease-standard),
color var(--dur-fast) var(--ease-standard);
}
.mobile-nav-toggle-icon {
width: 26px;
height: 26px;
color: currentColor;
}
.mobile-nav-toggle-icon--close {
display: none;
}
.mobile-nav-toggle-icon path {
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
}
.mobile-nav-toggle:hover,
.mobile-nav-toggle:focus-visible,
.mobile-nav-toggle[aria-expanded="true"] {
border-color: var(--orange-500);
background: rgba(200, 68, 33, 0.08);
color: var(--jd-color-text-primary);
}
.mobile-nav-toggle[aria-expanded="true"] .mobile-nav-toggle-icon--menu {
display: none;
}
.mobile-nav-toggle[aria-expanded="true"] .mobile-nav-toggle-icon--close {
display: block;
}
.mobile-nav-panel {
display: none;
}
.section {
padding: calc(var(--section-gap) - var(--jd-space-24)) 0 var(--section-gap);
}
.page-main > .section:not(.hero) {
border-top: var(--jd-section-divider-width) solid var(--jd-section-divider-color);
}
body[data-jadey-template="deployment-detail"] .page-main > .section:not(.hero) {
border-top: none !important;
border-bottom: none;
}
body[data-jadey-template="deployment-detail"] .page-main > .section.section--surface-highlight:not(.hero) {
border-top: none !important;
border-bottom: none;
}
body[data-jadey-template="deployment-detail"] .page-main > .section:not(.hero)::before,
body[data-jadey-template="deployment-detail"] .page-main > .section:not(.hero) .svg-sidecar-section::before {
border-top: none !important;
background: none !important;
content: none !important;
}
.section-shell {
padding-top: var(--jd-space-24);
border-top: none;
}
.page-main > .section:not(.hero) .section-shell {
width: min(var(--container), calc(100% - (var(--page-padding) * 2)));
max-width: var(--container);
margin-inline: auto;
}
.page-main > .section.section--width-measure:not(.hero) .section-shell {
width: min(var(--section-measure), calc(100% - (var(--page-padding) * 2)));
max-width: var(--section-measure);
}
.page-main > .section.section--width-full:not(.hero) .section-shell {
width: calc(100% - (var(--page-padding) * 2));
max-width: none;
}
.page-main > .section.section--surface-highlight:not(.hero) {
position: relative;
overflow: hidden;
background: var(--jd-section-surface-highlight);
border-top-color: var(--jd-section-surface-highlight-border-top);
border-bottom: var(--jd-section-divider-width) solid var(--jd-section-surface-highlight-border-bottom);
}
.page-main > .section.section--surface-highlight:not(.hero)::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: var(--jd-section-surface-highlight-overlay);
opacity: 0.38;
}
.page-main > .section.section--surface-highlight:not(.hero) .section-shell {
position: relative;
z-index: 2;
}
.hero {
position: relative;
min-height: calc(100vh - var(--header-height));
min-height: calc(100dvh - var(--header-height));
padding-top: var(--hero-top-space);
}
body[data-jadey-template="deployments-index"] .hero,
body[data-jadey-template="insights-index"] .hero {
min-height: calc(100vh - var(--header-height));
min-height: calc(100dvh - var(--header-height));
}
.hero .section-shell {
border-top: none;
padding-top: 0;
width: min(var(--container), calc(100% - (var(--page-padding) * 2)));
max-width: var(--container);
min-height: calc(100vh - var(--header-height) - var(--hero-top-space));
min-height: calc(100dvh - var(--header-height) - var(--hero-top-space));
}
body[data-jadey-template="deployments-index"] .hero .section-shell,
body[data-jadey-template="insights-index"] .hero .section-shell {
min-height: calc(100vh - var(--header-height) - var(--hero-top-space));
min-height: calc(100dvh - var(--header-height) - var(--hero-top-space));
}
body[data-jadey-template="deployments-index"] #deployments,
body[data-jadey-template="insights-index"] #insights {
padding-top: var(--jd-space-16);
scroll-margin-top: calc(var(--header-height) + var(--jd-space-16));
}
body[data-jadey-template="deployments-index"] .hero .section-actions > .button-link[href$="#deployments"],
body[data-jadey-template="insights-index"] .hero .section-actions > .button-link[href$="#insights"] {
display: inline-flex;
align-items: center;
gap: var(--jd-space-8);
}
body[data-jadey-template="deployments-index"] .hero .section-actions > .button-link[href$="#deployments"]::before,
body[data-jadey-template="insights-index"] .hero .section-actions > .button-link[href$="#insights"]::before {
content: "\2193";
display: inline-block;
line-height: 1;
transform: translateY(-1px);
transition: transform var(--dur-fast) var(--ease-standard);
}
body[data-jadey-template="deployments-index"] .hero .section-actions > .button-link[href$="#deployments"]:hover::before,
body[data-jadey-template="deployments-index"] .hero .section-actions > .button-link[href$="#deployments"]:focus-visible::before,
body[data-jadey-template="insights-index"] .hero .section-actions > .button-link[href$="#insights"]:hover::before,
body[data-jadey-template="insights-index"] .hero .section-actions > .button-link[href$="#insights"]:focus-visible::before {
transform: translateY(1px);
}
.hero-shell {
display: grid;
grid-template-columns: var(--jd-home-hero-shell-columns);
width: 100%;
min-width: 0;
min-height: 100%;
align-items: center;
gap: var(--jd-home-hero-shell-gap);
}
.subpage-hero-shell {
min-height: 100%;
}
.subpage-hero-shell--content-only {
grid-template-columns: minmax(0, 1fr);
}
.subpage-hero-column {
display: grid;
gap: var(--jd-space-24);
align-content: center;
}
.subpage-hero-copy {
max-width: var(--jd-home-hero-copy-max);
}
body[data-jadey-template="deployment-detail"] .deployment-detail-hero-shell {
grid-template-columns: minmax(0, 1fr);
}
body[data-jadey-template="deployment-detail"] .deployment-detail-hero-column {
display: flex;
flex-direction: column;
min-height: 100%;
}
body[data-jadey-template="deployment-detail"] .deployment-detail-hero-copy {
max-width: min(100%, 980px);
gap: clamp(18px, 2vw, 24px);
order: 1;
}
body[data-jadey-template="deployment-detail"] .deployment-detail-hero-copy > .section-rich-text,
body[data-jadey-template="deployment-detail"] .deployment-detail-hero-column > .section-rich-text {
gap: var(--jd-space-12);
margin-top: var(--jd-space-2);
order: 2;
}
body[data-jadey-template="deployment-detail"] .deployment-detail-hero-copy > .section-rich-text blockquote,
body[data-jadey-template="deployment-detail"] .deployment-detail-hero-column > .section-rich-text blockquote {
margin: 0;
padding: var(--jd-space-16) var(--jd-space-18);
border: 1px solid rgba(var(--jd-overlay-rgb), 0.18);
border-left: 2px solid var(--orange-500);
background: rgba(var(--jd-overlay-rgb), 0.055);
}
body[data-jadey-template="deployment-detail"] .deployment-detail-hero-copy > .section-rich-text blockquote p,
body[data-jadey-template="deployment-detail"] .deployment-detail-hero-column > .section-rich-text blockquote p {
margin: 0;
color: var(--text-primary);
text-align: left;
}
body[data-jadey-template="deployment-detail"] .section-intro > .section-intro-body {
color: var(--text-primary);
}
body[data-jadey-template="insight-detail"] .hero {
min-height: calc(86vh - var(--header-height));
min-height: calc(86dvh - var(--header-height));
}
body[data-jadey-template="insight-detail"] .hero .section-shell {
min-height: calc(86vh - var(--header-height) - var(--hero-top-space));
min-height: calc(86dvh - var(--header-height) - var(--hero-top-space));
}
body[data-jadey-template="insight-detail"] .subpage-hero-copy {
max-width: min(100%, 980px);
}
body[data-jadey-template="insight-detail"] .page-main > .section:not(.hero) .section-shell {
width: min(920px, calc(100% - (var(--page-padding) * 2)));
max-width: 920px;
}
body[data-jadey-template="insight-detail"] .section-rich-text,
body[data-jadey-template="insight-detail"] .section-intro {
gap: clamp(18px, 2vw, 28px);
}
body[data-jadey-template="insight-detail"] .section-intro-body,
body[data-jadey-template="insight-detail"] .section-rich-text p,
body[data-jadey-template="insight-detail"] .section-rich-text li,
body[data-jadey-template="insight-detail"] .section-rich-text dd {
line-height: 1.68;
text-align: left;
}
.deployment-detail-hero-kpis {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-self: stretch;
width: 100%;
gap: clamp(20px, 2.4vw, 30px);
margin-top: clamp(24px, 3vw, 40px);
padding-top: clamp(20px, 3vw, 36px);
order: 3;
}
.deployment-detail-hero-kpi {
display: grid;
align-content: start;
justify-items: center;
min-height: 100%;
padding-top: clamp(14px, 1.8vw, 18px);
gap: 0.5rem;
}
.deployment-detail-hero-kpi-value {
margin: 0;
color: var(--text-primary);
font-family: var(--headline);
font-size: 60px;
font-weight: 600;
line-height: 0.92;
letter-spacing: -0.03em;
font-variant-numeric: tabular-nums lining-nums;
text-align: center;
text-wrap: balance;
white-space: nowrap;
}
.deployment-detail-hero-kpi-label {
margin: 0;
color: var(--text-primary);
font-family: var(--headline);
font-size: var(--jd-type-size-title-sm);
font-weight: 500;
line-height: 1.15;
letter-spacing: 0;
text-align: center;
text-wrap: balance;
}
body[data-jadey-template="deployment-detail"] .hero {
min-height: calc(100vh - var(--header-height));
min-height: calc(100dvh - var(--header-height));
}
body[data-jadey-template="deployment-detail"] .deployment-detail-hero-column {
justify-content: center;
}
body[data-jadey-template="deployment-detail"] .deployment-detail-hero-kpis {
border-top: 1px solid rgba(var(--jd-overlay-rgb), 0.18);
}
body[data-jadey-template="deployment-detail"] .deployment-detail-hero-kpi {
position: relative;
}
body[data-jadey-template="deployment-detail"] .deployment-detail-hero-kpi + .deployment-detail-hero-kpi::before {
content: "";
position: absolute;
top: clamp(10px, 1.6vw, 18px);
bottom: 0;
left: calc(clamp(20px, 2.4vw, 30px) / -2);
width: 1px;
background: rgba(var(--jd-overlay-rgb), 0.16);
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) .deployment-detail-hero-kpis {
border-top: 0;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) .deployment-detail-hero-kpi + .deployment-detail-hero-kpi::before {
content: none;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .md-table-scroll {
width: 100%;
max-width: 1144px;
margin: clamp(30px, 4vw, 52px) 0;
border-right: 0;
border-left: 0;
border-radius: 0;
overflow: hidden;
overflow-x: hidden;
background: var(--jd-panel-background);
box-shadow: none;
justify-self: stretch;
min-width: 0;
-webkit-overflow-scrolling: touch;
scrollbar-color: rgba(var(--jd-overlay-rgb), 0.3) rgba(var(--jd-overlay-rgb), 0.06);
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution table {
width: 100%;
min-width: 0;
border-collapse: separate;
border-spacing: 0;
color: var(--text-secondary);
background: transparent;
table-layout: fixed;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table th:first-child,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td:first-child {
width: 25%;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table th:nth-child(2),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td:nth-child(2),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table th:nth-child(3),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td:nth-child(3),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table th:nth-child(4),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td:nth-child(4) {
width: 13%;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table th:nth-child(5),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td:nth-child(5) {
width: 36%;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution th,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution td {
padding: 17px 20px;
border-bottom: 1px solid rgba(var(--jd-overlay-rgb), 0.095);
vertical-align: middle;
text-align: left;
overflow-wrap: anywhere;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution th + th,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution td + td {
border-left: 0;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution tbody tr:last-child td {
border-bottom: 0;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution tbody tr:hover {
background: rgba(var(--jd-overlay-rgb), 0.045);
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution th {
padding: 16px 20px 17px;
background: transparent;
color: var(--text-secondary);
font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.16em;
line-height: 1;
text-transform: uppercase;
border-bottom-color: rgba(var(--jd-overlay-rgb), 0.12);
margin: 0;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution td {
color: rgba(var(--jd-text-secondary-rgb), 0.62);
font-size: 14px;
line-height: 1.45;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td:first-child {
color: rgba(var(--jd-text-primary-rgb), 0.95);
font-weight: 500;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td:nth-child(2),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td:nth-child(3) {
color: rgba(var(--jd-text-secondary-rgb), 0.72);
font-variant-numeric: tabular-nums;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td:nth-child(4) {
color: var(--text-primary);
font-weight: 600;
font-variant-numeric: tabular-nums;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td:nth-child(5) {
color: rgba(var(--jd-text-secondary-rgb), 0.68);
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth h3 {
margin: clamp(40px, 5vw, 64px) 0 18px;
color: var(--text-primary);
font-family: var(--headline);
font-size: 24px;
font-weight: 500;
line-height: 1.18;
letter-spacing: 0;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth h3 + .md-table-scroll {
margin-top: 0;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth pre.mermaid {
margin: clamp(30px, 4vw, 52px) 0;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth h3 + pre.mermaid {
margin-top: 0;
}
body[data-jadey-page="site"] #technical-depth h3#service-hierarchy + pre.mermaid {
display: flex;
justify-content: center;
align-items: center;
overflow-x: auto;
}
body[data-jadey-page="site"] #technical-depth h3#service-hierarchy + pre.mermaid svg {
width: auto;
max-width: 100%;
margin-inline: auto;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .md-table-scroll {
width: 100%;
max-width: 1120px;
margin: clamp(30px, 4vw, 52px) 0;
border: 1px solid rgba(var(--jd-overlay-rgb), 0.14);
border-radius: 8px;
overflow: hidden;
overflow-x: hidden;
background:
linear-gradient(180deg, rgba(var(--jd-overlay-rgb), 0.055), rgba(var(--jd-overlay-rgb), 0.022)),
var(--jd-panel-raised-background);
box-shadow: var(--shadow-2);
justify-self: stretch;
min-width: 0;
-webkit-overflow-scrolling: touch;
scrollbar-color: rgba(var(--jd-overlay-rgb), 0.3) rgba(var(--jd-overlay-rgb), 0.06);
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth table {
width: 100%;
min-width: 0;
border-collapse: separate;
border-spacing: 0;
color: var(--text-secondary);
background: transparent;
table-layout: fixed;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table th:first-child,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table td:first-child {
width: 18%;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table th:nth-child(2),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table td:nth-child(2) {
width: 24%;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table th:first-child,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table td:first-child {
width: 24%;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table th:nth-child(2),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table td:nth-child(2) {
width: 28%;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table th:first-child,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table td:first-child {
width: 26%;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table th:nth-child(2),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table td:nth-child(2) {
width: 18%;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth th,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth td {
padding: clamp(12px, 1.25vw, 16px) clamp(12px, 1.45vw, 18px);
border-bottom: 1px solid rgba(var(--jd-overlay-rgb), 0.095);
vertical-align: top;
text-align: left;
overflow-wrap: anywhere;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth th + th,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth td + td {
border-left: 1px solid rgba(var(--jd-overlay-rgb), 0.07);
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth tbody tr:last-child td {
border-bottom: 0;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth th {
color: rgba(var(--jd-text-primary-rgb), 0.86);
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0;
line-height: 1.25;
border-bottom-color: rgba(var(--jd-overlay-rgb), 0.16);
background: rgba(var(--jd-overlay-rgb), 0.06);
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth td {
color: rgba(var(--jd-text-secondary-rgb), 0.72);
font-size: clamp(0.82rem, 0.88vw, 0.94rem);
line-height: 1.48;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth td:first-child,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth td code {
color: rgba(var(--jd-text-primary-rgb), 0.92);
font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-weight: 500;
white-space: normal;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth td code {
display: inline;
overflow-wrap: anywhere;
padding: 0;
border: 0;
background: transparent;
font-size: inherit;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth td:nth-child(2) {
color: rgba(var(--jd-text-primary-rgb), 0.88);
font-weight: 500;
}
body[data-jadey-page="site"] #technical-depth .md-table-scroll:has(table.md-table) {
max-width: 1144px;
border-right: 0;
border-left: 0;
border-radius: 0;
overflow: hidden;
overflow-x: hidden;
background: var(--jd-panel-background);
box-shadow: none;
}
body[data-jadey-page="site"] #technical-depth table.md-table th,
body[data-jadey-page="site"] #technical-depth table.md-table td {
padding: 17px 20px;
border-bottom: 1px solid rgba(var(--jd-overlay-rgb), 0.095);
vertical-align: middle;
}
body[data-jadey-page="site"] #technical-depth table.md-table th + th,
body[data-jadey-page="site"] #technical-depth table.md-table td + td {
border-left: 0;
}
body[data-jadey-page="site"] #technical-depth table.md-table tbody tr:hover {
background: rgba(var(--jd-overlay-rgb), 0.045);
}
body[data-jadey-page="site"] #technical-depth table.md-table th {
padding: 16px 20px 17px;
border-bottom-color: rgba(var(--jd-overlay-rgb), 0.12);
background: transparent;
color: var(--text-secondary);
font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.16em;
line-height: 1;
text-transform: uppercase;
}
body[data-jadey-page="site"] #technical-depth table.md-table td {
color: rgba(var(--jd-text-secondary-rgb), 0.62);
font-size: 14px;
font-weight: 400;
line-height: 1.45;
}
body[data-jadey-page="site"] #technical-depth table.md-table td:first-child {
color: var(--text-secondary);
font-family: inherit;
font-weight: 400;
white-space: normal;
}
body[data-jadey-page="site"] #technical-depth table.md-table td:nth-child(2) {
color: var(--text-primary);
font-weight: 500;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .md-table-scroll:has(.deployment-agent-table),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .md-table-scroll:has(.deployment-system-table),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .md-table-scroll:has(.deployment-artifact-table) {
max-width: 1144px;
border-right: 0;
border-left: 0;
border-radius: 0;
overflow: hidden;
background: var(--jd-panel-background);
box-shadow: none;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table th:first-child,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table td:first-child {
width: 21%;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table th:nth-child(2),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table td:nth-child(2) {
width: 28%;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table th,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table th,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table th {
padding: 16px 20px 17px;
border-bottom-color: rgba(var(--jd-overlay-rgb), 0.12);
background: transparent;
color: var(--text-secondary);
font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.16em;
line-height: 1;
text-transform: uppercase;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table th + th,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table td + td,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table th + th,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table td + td,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table th + th,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table td + td {
border-left: 0;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table td,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table td,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table td {
height: 64px;
padding: 17px 20px;
border-bottom-color: rgba(var(--jd-overlay-rgb), 0.11);
color: rgba(var(--jd-text-secondary-rgb), 0.62);
font-size: 14px;
line-height: 1.45;
vertical-align: middle;
text-align: left;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table tbody tr:not(.deployment-agent-detail-row):hover,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table tbody tr:hover,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table tbody tr:hover {
background: rgba(var(--jd-overlay-rgb), 0.045);
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-row--toggle {
cursor: pointer;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table tr:has(.agent-detail[open]) {
background: rgba(var(--jd-overlay-rgb), 0.035);
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table td:first-child code,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table td:first-child,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table td:first-child {
min-width: 0;
color: rgba(var(--jd-text-primary-rgb), 0.97);
font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
overflow-wrap: anywhere;
white-space: normal;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table td:nth-child(2),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table td:nth-child(2),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table td:nth-child(2) {
color: rgba(var(--jd-text-primary-rgb), 0.95);
font-size: 14px;
font-weight: 400;
line-height: 1.42;
}
body[data-jadey-page="lead-sourcing-bis-crm-kampagne"] #technical-depth .deployment-artifact-table th:first-child,
body[data-jadey-page="lead-sourcing-bis-crm-kampagne"] #technical-depth .deployment-artifact-table td:first-child {
width: 21%;
}
body[data-jadey-page="lead-sourcing-bis-crm-kampagne"] #technical-depth .deployment-artifact-table th:nth-child(2),
body[data-jadey-page="lead-sourcing-bis-crm-kampagne"] #technical-depth .deployment-artifact-table td:nth-child(2) {
width: 16%;
}
body:is([data-jadey-page="lead-sourcing-bis-crm-kampagne"], [data-jadey-page="gepruefte-crm-kampagne-bis-outreach"]) #solution .deployment-kpi-table th:first-child,
body:is([data-jadey-page="lead-sourcing-bis-crm-kampagne"], [data-jadey-page="gepruefte-crm-kampagne-bis-outreach"]) #solution .deployment-kpi-table td:first-child {
width: 28%;
}
body:is([data-jadey-page="lead-sourcing-bis-crm-kampagne"], [data-jadey-page="gepruefte-crm-kampagne-bis-outreach"]) #solution .deployment-kpi-table th:nth-child(2),
body:is([data-jadey-page="lead-sourcing-bis-crm-kampagne"], [data-jadey-page="gepruefte-crm-kampagne-bis-outreach"]) #solution .deployment-kpi-table td:nth-child(2),
body:is([data-jadey-page="lead-sourcing-bis-crm-kampagne"], [data-jadey-page="gepruefte-crm-kampagne-bis-outreach"]) #solution .deployment-kpi-table th:nth-child(3),
body:is([data-jadey-page="lead-sourcing-bis-crm-kampagne"], [data-jadey-page="gepruefte-crm-kampagne-bis-outreach"]) #solution .deployment-kpi-table td:nth-child(3) {
width: 16%;
}
body:is([data-jadey-page="lead-sourcing-bis-crm-kampagne"], [data-jadey-page="gepruefte-crm-kampagne-bis-outreach"]) #solution .deployment-kpi-table th:nth-child(4),
body:is([data-jadey-page="lead-sourcing-bis-crm-kampagne"], [data-jadey-page="gepruefte-crm-kampagne-bis-outreach"]) #solution .deployment-kpi-table td:nth-child(4) {
width: 40%;
}
body:is([data-jadey-page="lead-sourcing-bis-crm-kampagne"], [data-jadey-page="gepruefte-crm-kampagne-bis-outreach"]) #solution .deployment-kpi-table td,
body[data-jadey-page="lead-sourcing-bis-crm-kampagne"] #technical-depth .deployment-agent-table td,
body[data-jadey-page="lead-sourcing-bis-crm-kampagne"] #technical-depth .deployment-system-table td,
body[data-jadey-page="lead-sourcing-bis-crm-kampagne"] #technical-depth .deployment-artifact-table td {
min-width: 0;
overflow-wrap: anywhere;
word-break: break-word;
}
body[data-jadey-page="lead-sourcing-bis-crm-kampagne"] #solution .deployment-kpi-table td code,
body[data-jadey-page="lead-sourcing-bis-crm-kampagne"] #technical-depth .deployment-agent-table td code,
body[data-jadey-page="lead-sourcing-bis-crm-kampagne"] #technical-depth .deployment-system-table td code,
body[data-jadey-page="lead-sourcing-bis-crm-kampagne"] #technical-depth .deployment-artifact-table td code {
display: inline;
max-width: 100%;
overflow-wrap: anywhere;
white-space: normal;
word-break: break-word;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .agent-detail {
display: grid;
gap: 0;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .agent-detail summary {
display: grid;
grid-template-columns: 1fr auto;
gap: 0.75rem;
align-items: center;
color: rgba(var(--jd-text-secondary-rgb), 0.86);
cursor: pointer;
list-style: none;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .agent-detail summary:focus-visible {
outline: 2px solid rgba(200, 68, 33, 0.7);
outline-offset: 4px;
border-radius: 4px;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .agent-detail summary::-webkit-details-marker {
display: none;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .agent-detail summary::after {
content: "";
display: inline-grid;
width: 28px;
height: 28px;
padding: 0;
place-items: center;
border: 1px solid rgba(var(--jd-overlay-rgb), 0.18);
border-radius: 999px;
color: rgba(var(--jd-text-primary-rgb), 0.9);
background-color: rgba(var(--jd-overlay-rgb), 0.035);
background-image: var(--jd-detail-chevron-image, url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%20fill='none'%3E%3Cpath%20d='M6%204l4%204-4%204'%20stroke='%23f7f7f5'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E"));
background-position: center;
background-repeat: no-repeat;
background-size: 12px 12px;
transform-origin: 50% 50%;
transform: rotate(0deg);
transition:
color 180ms ease,
border-color 180ms ease,
background 180ms ease,
transform 220ms ease;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .agent-detail[open] summary::after {
border-color: rgba(200, 68, 33, 0.78);
color: var(--orange-500);
background-color: rgba(200, 68, 33, 0.12);
background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%20fill='none'%3E%3Cpath%20d='M6%204l4%204-4%204'%20stroke='%23c84421'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
transform: rotate(90deg);
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-detail-row {
display: table-row;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-detail-row > td {
height: auto;
padding-top: 0;
padding-bottom: 0;
border-bottom-color: transparent;
transition:
padding-bottom 240ms ease,
border-color 240ms ease;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table tr:has(.agent-detail[open]) + .deployment-agent-detail-row > td {
padding-bottom: clamp(18px, 2vw, 24px);
border-bottom-color: rgba(var(--jd-overlay-rgb), 0.11);
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-detail-row > td:first-child {
padding: 0;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-detail-row > td[colspan] {
padding-left: 20px;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .agent-detail-body {
display: grid;
gap: 0.85rem;
margin-top: 0;
max-height: 0;
padding: 0;
opacity: 0;
overflow: hidden;
background: var(--jd-panel-background);
transform: translateY(-4px);
transition:
max-height 320ms ease,
padding-top 240ms ease,
opacity 220ms ease,
transform 240ms ease;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table tr:has(.agent-detail[open]) + .deployment-agent-detail-row .agent-detail-body,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .agent-detail[open] .agent-detail-body {
max-height: 48rem;
padding: 1rem 0 0;
opacity: 1;
transform: translateY(0);
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .agent-detail .agent-detail-body {
margin-top: 1rem;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .agent-detail-body ul {
display: grid;
gap: 0.45rem;
margin: 0;
padding-left: 1rem;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .agent-detail-body li,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .agent-detail-body p {
margin: 0;
color: rgba(var(--jd-text-secondary-rgb), 0.68);
font-size: 14px;
line-height: 1.45;
text-align: justify;
text-justify: inter-word;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .agent-detail-body strong {
color: rgba(var(--jd-text-primary-rgb), 0.9);
font-weight: 600;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .agent-detail-body p:has(> strong:first-child) {
padding-left: 0.85rem;
border-left: 2px solid var(--orange-500);
}
@media (max-width: 820px) {
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .md-table-scroll {
border: 0;
border-radius: 0;
overflow-x: auto;
overflow-y: hidden;
background: var(--jd-panel-background);
box-shadow: none;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution table {
display: table;
width: 100%;
min-width: 0;
table-layout: fixed;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution thead {
position: static;
display: table-header-group;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution tbody {
display: table-row-group;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution tbody tr {
display: table-row;
overflow: visible;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution th,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution td {
display: table-cell;
border-left: 0 !important;
overflow-wrap: anywhere;
word-break: break-word;
white-space: normal;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table th:first-child,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td:first-child {
width: 24% !important;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table th:nth-child(2),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td:nth-child(2),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table th:nth-child(3),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td:nth-child(3),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table th:nth-child(4),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td:nth-child(4) {
width: 14% !important;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table th:nth-child(5),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td:nth-child(5) {
width: 34% !important;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table th {
padding: 9px 6px 10px;
font-size: 8px;
letter-spacing: 0.06em;
line-height: 1.15;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td {
height: auto;
padding: 10px 6px;
font-size: 11px;
line-height: 1.25;
vertical-align: top;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td::before {
display: none;
content: none;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td:first-child,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td:nth-child(2),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td:nth-child(3),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td:nth-child(4) {
font-size: 11px;
line-height: 1.22;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .md-table-scroll {
border: 0;
border-radius: 0;
overflow-x: auto;
overflow-y: hidden;
background: var(--jd-panel-background);
box-shadow: none;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth table {
display: table;
width: 100%;
min-width: 0;
table-layout: fixed;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth thead {
position: static;
display: table-header-group;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth tbody {
display: table-row-group;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth tbody tr {
display: table-row;
overflow: visible;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth th,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth td {
display: table-cell;
border-left: 0 !important;
overflow-wrap: anywhere;
word-break: break-word;
hyphens: auto;
white-space: normal;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table th:first-child,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table td:first-child {
width: 20% !important;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table th:nth-child(2),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table td:nth-child(2) {
width: 24% !important;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table th:first-child,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table td:first-child {
width: 24% !important;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table th:nth-child(2),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table td:nth-child(2) {
width: 28% !important;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table th:first-child,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table td:first-child {
width: 28% !important;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table th:nth-child(2),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table td:nth-child(2) {
width: 20% !important;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table th,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table th,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table th {
padding: 9px 6px 10px;
font-size: 8px;
letter-spacing: 0.06em;
line-height: 1.15;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table td,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table td,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table td {
height: auto;
padding: 10px 6px;
font-size: 11px;
line-height: 1.25;
vertical-align: top;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table td:first-child code,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table td:first-child,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table td:first-child,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table td:nth-child(2),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table td:nth-child(2),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table td:nth-child(2) {
font-size: 11px;
line-height: 1.22;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table td code,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table td code,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table td code {
display: inline;
max-width: 100%;
overflow-wrap: anywhere;
word-break: break-word;
white-space: normal;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth td::before,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-detail-row > td[colspan]::before {
display: none;
content: none;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-detail-row > td {
padding-top: 0;
padding-bottom: 0;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table tr:has(.agent-detail[open]) + .deployment-agent-detail-row > td {
padding-bottom: 10px;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-detail-row > td:first-child,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table tr:has(.agent-detail[open]) + .deployment-agent-detail-row > td:first-child {
padding: 0;
border-bottom-color: transparent;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-detail-row > td[colspan] {
padding-right: 6px;
padding-left: 6px;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .agent-detail summary {
min-width: 0;
grid-template-columns: minmax(0, 1fr) auto;
gap: 0.45rem;
overflow-wrap: anywhere;
word-break: break-word;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .agent-detail summary::after {
width: 22px;
height: 22px;
background-size: 10px 10px;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .agent-detail-body {
min-width: 0;
gap: 0.65rem;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .agent-detail-body li,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .agent-detail-body p {
font-size: 11px;
line-height: 1.35;
overflow-wrap: anywhere;
text-align: left;
word-break: break-word;
}
}
@media (max-width: 820px) {
body:is([data-jadey-page="lead-sourcing-bis-crm-kampagne"], [data-jadey-page="gepruefte-crm-kampagne-bis-outreach"]) #solution .deployment-kpi-table th:first-child,
body:is([data-jadey-page="lead-sourcing-bis-crm-kampagne"], [data-jadey-page="gepruefte-crm-kampagne-bis-outreach"]) #solution .deployment-kpi-table td:first-child {
width: 28% !important;
}
body:is([data-jadey-page="lead-sourcing-bis-crm-kampagne"], [data-jadey-page="gepruefte-crm-kampagne-bis-outreach"]) #solution .deployment-kpi-table th:nth-child(2),
body:is([data-jadey-page="lead-sourcing-bis-crm-kampagne"], [data-jadey-page="gepruefte-crm-kampagne-bis-outreach"]) #solution .deployment-kpi-table td:nth-child(2),
body:is([data-jadey-page="lead-sourcing-bis-crm-kampagne"], [data-jadey-page="gepruefte-crm-kampagne-bis-outreach"]) #solution .deployment-kpi-table th:nth-child(3),
body:is([data-jadey-page="lead-sourcing-bis-crm-kampagne"], [data-jadey-page="gepruefte-crm-kampagne-bis-outreach"]) #solution .deployment-kpi-table td:nth-child(3) {
width: 16% !important;
}
body:is([data-jadey-page="lead-sourcing-bis-crm-kampagne"], [data-jadey-page="gepruefte-crm-kampagne-bis-outreach"]) #solution .deployment-kpi-table th:nth-child(4),
body:is([data-jadey-page="lead-sourcing-bis-crm-kampagne"], [data-jadey-page="gepruefte-crm-kampagne-bis-outreach"]) #solution .deployment-kpi-table td:nth-child(4) {
width: 40% !important;
}
}
@media (max-width: 560px) {
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth td {
grid-template-columns: minmax(0, 1fr);
gap: 0.35rem;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth h3 {
margin-top: clamp(32px, 9vw, 44px);
font-size: 22px;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table th {
padding: 8px 5px 9px;
font-size: 7px;
letter-spacing: 0.04em;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td {
padding: 8px 5px;
font-size: 10px;
line-height: 1.22;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td:first-child,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td:nth-child(2),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td:nth-child(3),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #solution .deployment-kpi-table td:nth-child(4) {
font-size: 10px;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table th,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table th,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table th {
padding: 8px 5px 9px;
font-size: 7px;
letter-spacing: 0.04em;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table td,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table td,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table td {
padding: 8px 5px;
font-size: 10px;
line-height: 1.22;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table td:first-child code,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table td:first-child,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table td:first-child,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-table td:nth-child(2),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-system-table td:nth-child(2),
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-artifact-table td:nth-child(2) {
font-size: 10px;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-detail-row > td[colspan] {
padding-right: 5px;
padding-left: 5px;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .agent-detail summary::after {
width: 20px;
height: 20px;
}
}
@media (prefers-reduced-motion: reduce) {
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .agent-detail summary::after,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .deployment-agent-detail-row > td,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #technical-depth .agent-detail-body {
transition: none;
}
}
body[data-jadey-template="deployment-detail"] .page-main > .section:not(.hero) {
padding: calc(var(--section-gap) - var(--jd-space-24)) 0 var(--section-gap);
}
body[data-jadey-template="deployment-detail"] .page-main > .section:not(.hero) + .section:not(.hero) {
padding-top: calc(var(--section-gap) - var(--jd-space-24));
}
body[data-jadey-template="deployment-detail"] .page-main > .section:not(.hero) .section-shell {
display: grid;
gap: var(--section-gap-tight);
padding-top: 0;
}
body[data-jadey-template="deployment-detail"] .section-intro {
gap: clamp(20px, 2.8vw, 34px);
}
body[data-jadey-template="deployment-detail"] .section-rich-text {
gap: var(--jd-space-20);
}
body[data-jadey-template="deployment-detail"] .section-rich-text pre.mermaid {
width: 100%;
max-width: 100%;
margin-block: clamp(20px, 3vw, 36px);
padding: clamp(18px, 2.4vw, 30px);
border-color: rgba(var(--jd-overlay-rgb), 0.2);
background:
linear-gradient(rgba(var(--jd-overlay-rgb), 0.035) 1px, transparent 1px),
linear-gradient(90deg, rgba(var(--jd-overlay-rgb), 0.035) 1px, transparent 1px),
var(--jd-diagram-background);
background-size: 56px 56px, 56px 56px, auto;
box-shadow: var(--shadow-2);
}
body[data-jadey-template="deployment-detail"] .section-rich-text pre.mermaid svg {
display: block;
width: 100%;
max-width: 100%;
height: auto;
}
body[data-jadey-template="deployment-detail"] .section-rich-text pre.mermaid--left-aligned {
text-align: left;
}
body[data-jadey-template="deployment-detail"] .section-rich-text pre.mermaid--left-aligned svg {
margin-inline: 0 auto;
width: auto;
max-width: 100%;
}
body[data-jadey-template="deployment-detail"] .section-rich-text pre.mermaid svg .node rect,
body[data-jadey-template="deployment-detail"] .section-rich-text pre.mermaid svg .node polygon,
body[data-jadey-template="deployment-detail"] .section-rich-text pre.mermaid svg .node circle,
body[data-jadey-template="deployment-detail"] .section-rich-text pre.mermaid svg .node ellipse {
stroke: var(--orange-500, #ff6b35) !important;
}
body[data-jadey-template="deployment-detail"] .section-rich-text pre.mermaid svg .cluster rect {
stroke: var(--orange-500, #ff6b35) !important;
}
body[data-jadey-template="deployment-detail"] .section-rich-text pre.mermaid svg .nodeLabel,
body[data-jadey-template="deployment-detail"] .section-rich-text pre.mermaid svg .label,
body[data-jadey-template="deployment-detail"] .section-rich-text pre.mermaid svg .cluster-label,
body[data-jadey-template="deployment-detail"] .section-rich-text pre.mermaid svg .node text,
body[data-jadey-template="deployment-detail"] .section-rich-text pre.mermaid svg .label text,
body[data-jadey-template="deployment-detail"] .section-rich-text pre.mermaid svg foreignObject,
body[data-jadey-template="deployment-detail"] .section-rich-text pre.mermaid svg foreignObject * {
color: var(--fg-default) !important;
fill: var(--fg-default) !important;
}
.subpage-hero-shell > .section-actions,
.subpage-hero-column > .section-actions {
margin-top: 0;
}
body[data-jadey-page="governance"] .hero .section-actions {
gap: 32px;
}
body[data-jadey-page="how"] .hero .section-actions {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
body[data-jadey-page="how"] .hero .hero-lead {
text-align: left;
}
body[data-jadey-page="how"] .hero .section-rich-text {
margin-top: clamp(20px, 3vw, 28px);
}
body[data-jadey-page="how"] #difference .section-rich-text strong {
color: var(--text-primary);
}
body[data-jadey-page="how"] .page-main > .section.md-section--how-five-steps:not(.hero) > .section-shell {
display: grid;
gap: clamp(32px, 5vw, 56px);
}
body[data-jadey-page="how"] .how-five-steps {
--how-five-step-label-width: 232px;
border-top: 1px solid rgba(var(--jd-text-primary-rgb), 0.16);
}
body[data-jadey-page="how"] .how-five-step {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: clamp(18px, 2.4vw, 28px);
padding: clamp(24px, 3.8vw, 42px) 0;
border-bottom: 1px solid rgba(var(--jd-text-primary-rgb), 0.16);
}
body[data-jadey-page="how"] .how-five-step__title {
display: flex;
flex-direction: column;
gap: 14px;
align-items: flex-start;
margin: 0;
color: var(--text-primary);
font-family: var(--font-display);
font-size: clamp(28px, 3.2vw, 42px);
font-weight: 500;
line-height: 1.04;
letter-spacing: 0;
}
body[data-jadey-page="how"] .how-five-step__number {
color: var(--text-tertiary);
font-family: var(--font-body);
font-size: 13px;
font-weight: 650;
letter-spacing: 0.08em;
line-height: 1;
}
body[data-jadey-page="how"] .how-five-step__name {
min-width: 0;
max-width: none;
}
body[data-jadey-page="how"] .how-five-step__blocks {
display: grid;
gap: clamp(12px, 1.5vw, 16px);
}
body[data-jadey-page="how"] .how-five-step__block {
display: grid;
grid-template-columns: var(--how-five-step-label-width) minmax(0, 1fr);
gap: clamp(14px, 2vw, 24px);
align-items: start;
}
body[data-jadey-page="how"] .how-five-step__label {
display: flex;
align-items: center;
gap: 12px;
width: var(--how-five-step-label-width);
min-height: 1.55em;
color: var(--text-primary);
font-size: 12px;
font-weight: 650;
letter-spacing: 0.08em;
line-height: 1.2;
text-transform: uppercase;
white-space: nowrap;
}
body[data-jadey-page="how"] .how-five-step__marker {
flex: 0 0 auto;
display: inline-block;
}
body[data-jadey-page="how"] .how-five-step__block[data-block-type="happens"] .how-five-step__marker {
width: 14px;
height: 1px;
background: currentColor;
}
body[data-jadey-page="how"] .how-five-step__block[data-block-type="decides"] .how-five-step__marker {
width: 8px;
height: 8px;
border: 1px solid currentColor;
}
body[data-jadey-page="how"] .how-five-step__block[data-block-type="result"] .how-five-step__marker {
width: 8px;
height: 8px;
border-radius: 999px;
background: currentColor;
}
body[data-jadey-page="how"] .how-five-step__text {
color: var(--text-secondary);
font-size: clamp(15px, 1.25vw, 17px);
line-height: 1.5;
}
body[data-jadey-page="how"] .how-five-step__text strong {
color: var(--text-primary);
font-weight: 650;
}
@media (max-width: 900px) {
body[data-jadey-page="how"] .how-five-step {
grid-template-columns: 1fr;
gap: 18px;
}
body[data-jadey-page="how"] .how-five-step__block {
grid-template-columns: 1fr;
gap: 7px;
}
body[data-jadey-page="how"] .how-five-step__label {
width: auto;
}
}
@media (max-width: 640px) {
body[data-jadey-page="how"] .page-main > .section.md-section--how-five-steps:not(.hero) > .section-shell {
gap: 28px;
}
body[data-jadey-page="how"] .how-five-step {
padding: 26px 0;
}
body[data-jadey-page="how"] .how-five-step__title {
gap: 12px;
}
body[data-jadey-page="how"] .how-five-step__blocks {
gap: 13px;
}
}
body[data-jadey-page="how"] .md-section--how-operating-path > .section-shell {
display: grid;
gap: var(--section-gap-tight);
}
body[data-jadey-page="how"] .md-section--how-operating-path > .section-shell.scroll-reveal {
opacity: 1;
transform: none;
filter: none;
}
body[data-jadey-page="how"] .how-operating-path__intro {
max-width: 920px;
margin-inline: auto;
text-align: left;
}
body[data-jadey-page="how"] .md-section--how-operating-path:not([data-how-operating-path-ready="true"]) .section-rich-text {
visibility: hidden;
}
body[data-jadey-page="how"] .how-operating-path {
--timeline-center-width: 68px;
--timeline-line-left: 50%;
--timeline-line-top: 0px;
--timeline-line-width: 1px;
--timeline-line-height: 100%;
--timeline-line-bg: rgba(var(--jd-text-primary-rgb), 0.18);
--timeline-line-fill-start: var(--text-secondary);
--timeline-line-fill-end: var(--text-secondary);
--timeline-dot-muted: var(--text-secondary);
--timeline-copy: var(--text-secondary);
--timeline-muted: var(--text-secondary);
--timeline-year: var(--text-tertiary);
position: relative;
display: grid;
gap: 4px;
width: min(100%, 900px);
margin-inline: auto;
padding-block: clamp(8px, 2vw, 18px) clamp(14px, 3vw, 30px);
}
body[data-jadey-page="how"] .how-operating-path__label {
margin: 0;
color: var(--text-tertiary);
font-family: var(--font-mono);
font-size: 14px;
font-weight: 500;
letter-spacing: 0;
text-align: center;
text-transform: uppercase;
}
body[data-jadey-page="how"] .how-operating-path .timeline-line-bg,
body[data-jadey-page="how"] .how-operating-path .timeline-line-fill {
position: absolute;
top: var(--timeline-line-top);
left: var(--timeline-line-left);
width: var(--timeline-line-width);
transform: translateX(-0.5px);
pointer-events: none;
}
body[data-jadey-page="how"] .how-operating-path .timeline-line-bg {
height: var(--timeline-line-height);
background: var(--timeline-line-bg);
}
body[data-jadey-page="how"] .how-operating-path .timeline-line-fill {
z-index: 1;
width: var(--timeline-line-width);
height: 0;
background: linear-gradient(180deg, var(--timeline-line-fill-start), var(--timeline-line-fill-end));
box-shadow: none;
}
body[data-jadey-page="how"] .how-operating-path__steps {
position: relative;
z-index: 2;
display: grid;
gap: clamp(20px, 3vw, 34px);
margin: 0;
padding: 0;
list-style: none;
}
body[data-jadey-page="how"] .how-operating-path .timeline-item {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: minmax(0, 1fr) var(--timeline-center-width) minmax(0, 1fr);
align-items: center;
min-height: clamp(76px, 8vw, 98px);
}
body[data-jadey-page="how"] .how-operating-path .content {
max-width: 23rem;
}
body[data-jadey-page="how"] .how-operating-path .timeline-item[data-side="left"] .content {
grid-column: 1;
justify-self: end;
text-align: right;
}
body[data-jadey-page="how"] .how-operating-path .timeline-item[data-side="right"] .content {
grid-column: 3;
justify-self: start;
text-align: left;
}
body[data-jadey-page="how"] .how-operating-path .timeline-item[data-side="left"] .spacer {
grid-column: 3;
}
body[data-jadey-page="how"] .how-operating-path .timeline-item[data-side="right"] .spacer {
grid-column: 1;
}
body[data-jadey-page="how"] .how-operating-path .dot {
position: relative;
z-index: 3;
grid-column: 2;
justify-self: center;
width: 10px;
height: 10px;
border: 1px solid rgba(var(--jd-text-primary-rgb), 0.2);
border-radius: 999px;
background: var(--timeline-dot-muted);
box-shadow: 0 0 0 10px var(--bg-canvas);
}
body[data-jadey-page="how"] .how-operating-path .dot.is-active {
width: 15px;
height: 15px;
border-color: color-mix(in srgb, var(--text-secondary) 72%, transparent);
background: var(--timeline-line-fill-end);
box-shadow:
0 0 0 8px var(--bg-canvas),
0 12px 28px rgba(0, 0, 0, 0.22);
}
body[data-jadey-page="how"] .how-operating-path .timeline-year {
display: block;
margin-bottom: 8px;
color: var(--timeline-year);
font-family: var(--font-mono, monospace);
font-size: var(--text-sm, 12px);
font-weight: 500;
line-height: 1;
letter-spacing: 0;
}
body[data-jadey-page="how"] .how-operating-path .timeline-year--start {
color: var(--text-secondary);
}
body[data-jadey-page="how"] .how-operating-path .timeline-title {
margin: 0;
color: var(--timeline-copy);
font-family: var(--font-display, sans-serif);
font-size: 14px;
font-weight: 500;
line-height: 1.12;
letter-spacing: 0;
text-wrap: balance;
white-space: nowrap;
word-break: keep-all;
overflow-wrap: anywhere;
}
@media (max-width: 720px) {
body[data-jadey-page="how"] .how-operating-path {
--timeline-center-width: 34px;
width: 100%;
gap: 24px;
}
body[data-jadey-page="how"] .how-operating-path .timeline-line-bg,
body[data-jadey-page="how"] .how-operating-path .timeline-line-fill {
left: 50%;
}
body[data-jadey-page="how"] .how-operating-path__steps {
gap: 14px;
}
body[data-jadey-page="how"] .how-operating-path .timeline-item {
grid-template-columns: minmax(0, 1fr) var(--timeline-center-width) minmax(0, 1fr);
min-height: auto;
padding-block: 14px;
}
body[data-jadey-page="how"] .how-operating-path .dot {
grid-column: 2;
grid-row: 1;
align-self: center;
justify-self: center;
}
body[data-jadey-page="how"] .how-operating-path .timeline-item[data-side="left"] .content,
body[data-jadey-page="how"] .how-operating-path .timeline-item[data-side="right"] .content {
align-self: center;
grid-row: 1;
max-width: min(100%, 9rem);
}
body[data-jadey-page="how"] .how-operating-path .timeline-item[data-side="left"] .content {
grid-column: 1;
justify-self: end;
text-align: right;
}
body[data-jadey-page="how"] .how-operating-path .timeline-item[data-side="right"] .content {
grid-column: 3;
justify-self: start;
text-align: left;
}
body[data-jadey-page="how"] .how-operating-path .spacer {
display: none;
}
body[data-jadey-page="how"] .how-operating-path .timeline-title {
font-size: 14px;
white-space: normal;
overflow-wrap: normal;
}
}
@media (min-width: 900px) {
body[data-jadey-page="how"] .how-operating-path {
--timeline-line-height: 1px;
width: min(100%, 1080px);
min-height: auto;
gap: 0;
padding-block: clamp(8px, 1.5vw, 16px) clamp(16px, 2.5vw, 28px);
}
body[data-jadey-page="how"] .how-operating-path__label {
margin-bottom: -8px;
}
body[data-jadey-page="how"] .how-operating-path .timeline-line-bg,
body[data-jadey-page="how"] .how-operating-path .timeline-line-fill {
height: 1px;
transform: translateY(-0.5px);
}
body[data-jadey-page="how"] .how-operating-path .timeline-line-fill {
width: 0;
background: linear-gradient(90deg, var(--timeline-line-fill-start), var(--timeline-line-fill-end));
}
body[data-jadey-page="how"] .how-operating-path__steps {
grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 0;
min-height: clamp(164px, 16vw, 200px);
}
body[data-jadey-page="how"] .how-operating-path .timeline-item {
grid-template-columns: minmax(0, 1fr);
grid-template-rows: minmax(58px, 1fr) 34px minmax(58px, 1fr);
align-items: center;
min-height: clamp(164px, 16vw, 200px);
padding-inline: clamp(6px, 0.9vw, 12px);
}
body[data-jadey-page="how"] .how-operating-path .timeline-item[data-side="left"] .content,
body[data-jadey-page="how"] .how-operating-path .timeline-item[data-side="right"] .content {
grid-column: 1;
justify-self: center;
max-width: none;
text-align: center;
}
body[data-jadey-page="how"] .how-operating-path .timeline-item[data-side="left"] .content {
grid-row: 1;
align-self: end;
}
body[data-jadey-page="how"] .how-operating-path .timeline-item[data-side="right"] .content {
grid-row: 3;
align-self: start;
}
body[data-jadey-page="how"] .how-operating-path .dot {
grid-column: 1;
grid-row: 2;
align-self: center;
}
body[data-jadey-page="how"] .how-operating-path .spacer {
display: none;
}
body[data-jadey-page="how"] .how-operating-path .timeline-year {
margin-bottom: 7px;
}
body[data-jadey-page="how"] .how-operating-path .timeline-title {
font-size: 14px;
line-height: 1.16;
overflow-wrap: normal;
}
}
.subpage-hero-visual {
display: grid;
align-items: center;
}
.subpage-hero-media {
width: min(100%, var(--jd-home-hero-visual-width));
margin-left: auto;
}
.subpage-hero-media .svg-media__frame {
padding: clamp(18px, 2.4vw, 28px);
border-radius: var(--radius-lg);
border: 1px solid var(--border-default);
background:
linear-gradient(180deg, rgba(var(--jd-overlay-rgb), 0.035), rgba(var(--jd-overlay-rgb), 0.015)),
var(--bg-surface);
box-shadow: var(--shadow-2);
}
.subpage-hero-visual--stack {
justify-items: end;
}
.subpage-hero-stack {
width: min(100%, var(--jd-home-hero-visual-width));
margin: 0 0 0 auto;
}
.subpage-hero-stack__frame {
position: relative;
width: 100%;
aspect-ratio: 6 / 5;
overflow: hidden;
border-radius: calc(var(--radius-xl) + 2px);
border: 1px solid var(--border-default);
background:
linear-gradient(180deg, rgba(var(--jd-overlay-rgb), 0.035), rgba(var(--jd-overlay-rgb), 0.015)),
var(--bg-surface);
box-shadow: var(--shadow-2);
isolation: isolate;
}
.subpage-hero-stack__layers {
position: absolute;
inset: clamp(18px, 2.4vw, 28px);
pointer-events: none;
-webkit-mask-image:
linear-gradient(180deg, transparent 0%, #000 11%, #000 89%, transparent 100%),
linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
-webkit-mask-composite: source-in;
mask-image:
linear-gradient(180deg, transparent 0%, #000 11%, #000 89%, transparent 100%),
linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
mask-composite: intersect;
}
.subpage-hero-stack__frame::before,
.subpage-hero-stack__frame::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
}
.subpage-hero-stack__frame::before {
z-index: 2;
background:
linear-gradient(135deg, rgba(var(--jd-overlay-rgb), 0.05), transparent 34%),
repeating-linear-gradient(180deg, rgba(var(--jd-overlay-rgb), 0.03) 0 1px, transparent 1px 52px);
opacity: 0.5;
}
.subpage-hero-stack__frame::after {
inset: auto 5% 0;
z-index: 1;
height: 28%;
background: radial-gradient(circle at 50% 0%, rgba(200, 68, 33, 0.2), transparent 70%);
filter: blur(24px);
opacity: 0.7;
}
.subpage-hero-stack__layer {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: var(--hero-layer-z, 1);
opacity: 0;
transform: translate3d(0, calc(var(--hero-layer-offset-y, 0px) + 18px), 0) scale(var(--hero-layer-scale, 1));
animation: subpageHeroLayerIn 0.72s var(--ease-standard) forwards;
animation-delay: var(--hero-layer-delay, 0s);
}
.subpage-hero-stack__layer:nth-child(1) {
--hero-layer-offset-y: 16px;
--hero-layer-scale: 1.04;
}
.subpage-hero-stack__layer:nth-child(2) {
--hero-layer-offset-y: 10px;
--hero-layer-scale: 1.03;
}
.subpage-hero-stack__layer:nth-child(3) {
--hero-layer-offset-y: 6px;
--hero-layer-scale: 1.02;
}
.subpage-hero-stack__layer:nth-child(4) {
--hero-layer-offset-y: 2px;
--hero-layer-scale: 1.01;
}
.subpage-hero-visual-placeholder::after {
content: "";
display: block;
width: min(100%, var(--jd-home-hero-visual-width));
min-height: var(--jd-home-hero-visual-height);
margin-left: auto;
visibility: hidden;
}
.hero-copy {
display: grid;
gap: var(--jd-space-24);
min-width: 0;
width: 100%;
max-width: min(100%, var(--jd-home-hero-copy-max));
}
body[data-jadey-template="homepage"] .hero-copy {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-evenly;
column-gap: 0;
row-gap: var(--jd-space-24);
width: 100%;
}
body[data-jadey-template="homepage"] .hero-copy > :not(.section-actions):not(.hero-attachments):not(.hero-proof-row) {
flex: 0 0 100%;
min-width: 0;
width: 100%;
max-width: 100%;
}
.hero-copy > .cta-link {
width: fit-content;
background-color: var(--jd-cta-background);
color: var(--jd-cta-color);
border-color: var(--jd-cta-border-color);
}
.hero-copy > .section-actions {
margin-top: var(--jd-hero-actions-offset);
}
body[data-jadey-template="homepage"] .hero-copy > .section-actions {
flex: 0 0 100%;
min-width: 0;
width: 100%;
margin-top: 0;
}
body[data-jadey-template="homepage"] .hero-copy > .hero-proof-row {
--jd-hero-attachment-height: clamp(34px, 3.2vw, 44px);
--jd-hero-attachment-gdpr-width: calc(var(--jd-hero-attachment-height) * 3.6154);
--jd-hero-attachment-eu-width: calc(var(--jd-hero-attachment-height) * 3.9462);
--jd-hero-attachment-sovereignty-width: calc(var(--jd-hero-attachment-height) * 3.9375);
display: flex;
flex: 0 0 100%;
align-items: center;
justify-content: space-between;
gap: clamp(var(--jd-space-16), 3vw, var(--jd-space-40));
width: 100%;
margin: 0;
}
body[data-jadey-template="homepage"] .hero-copy > .hero-attachments {
display: contents;
margin: 0;
}
body[data-jadey-template="homepage"] .hero-proof-row > .hero-attachment {
flex: 0 1 auto;
grid-column: auto;
min-width: 0;
}
body[data-jadey-template="homepage"] .hero-proof-row > .hero-attachment:nth-of-type(1) {
width: var(--jd-hero-attachment-gdpr-width);
}
body[data-jadey-template="homepage"] .hero-proof-row > .hero-attachment:nth-of-type(2) {
width: var(--jd-hero-attachment-eu-width);
}
body[data-jadey-template="homepage"] .hero-proof-row > .hero-attachment:nth-of-type(3) {
width: var(--jd-hero-attachment-sovereignty-width);
}
body[data-jadey-template="homepage"] .hero-copy > .hero-attachments .hero-attachment,
body[data-jadey-template="homepage"] .hero-copy > .hero-attachments .hero-attachment:nth-child(1),
body[data-jadey-template="homepage"] .hero-copy > .hero-attachments .hero-attachment:nth-child(2),
body[data-jadey-template="homepage"] .hero-copy > .hero-attachments .hero-attachment:nth-child(3) {
flex: 0 1 auto;
grid-column: auto;
min-width: 0;
}
.hero-copy > .cta-link:hover,
.hero-copy > .cta-link:focus-visible {
background-color: var(--jd-cta-background-hover);
color: var(--jd-cta-color-hover);
border-color: var(--jd-cta-border-color-hover);
}
.hero-copy h1 {
margin: 0;
font-family: var(--headline);
font-size: var(--jd-type-size-title-xl);
font-weight: 500;
line-height: var(--leading-tight);
letter-spacing: var(--jd-type-letter-tight-xl);
max-width: none;
text-wrap: balance;
overflow-wrap: break-word;
hyphens: auto;
}
.hero-copy h1 strong {
color: var(--orange-500);
font-weight: inherit;
}
body[data-jadey-page="how"] .hero-copy h1 strong {
color: var(--text-primary);
}
body[data-jadey-template="homepage"] #proof-of-value .section-intro-body strong,
body[data-jadey-template="homepage"] #proof-of-value .section-rich-text strong {
color: var(--text-primary);
font-weight: inherit;
}
body[data-jadey-template="deployment-detail"] .hero-lead strong,
body[data-jadey-template="deployment-detail"] .section-intro-body strong,
body[data-jadey-template="deployment-detail"] .section-rich-text strong {
color: var(--text-primary);
font-weight: inherit;
}
.hero-lead {
min-width: 0;
width: 100%;
max-width: none;
font-size: var(--section-text-size);
line-height: 1.5;
text-align: justify;
text-justify: inter-word;
overflow-wrap: break-word;
hyphens: auto;
}
.hero-attachments,
.hero-logos {
--jd-hero-attachment-height: clamp(44px, 4.8vw, 56px);
--jd-hero-attachment-gdpr-width: calc(var(--jd-hero-attachment-height) * 3.6154);
--jd-hero-attachment-eu-width: calc(var(--jd-hero-attachment-height) * 3.9462);
--jd-hero-attachment-sovereignty-width: calc(var(--jd-hero-attachment-height) * 3.9375);
--jd-hero-attachment-spacing-min: var(--jd-space-16);
--jd-hero-attachment-spacing: max(
var(--jd-hero-attachment-spacing-min),
calc((100% - var(--jd-hero-attachment-gdpr-width) - var(--jd-hero-attachment-eu-width) - var(--jd-hero-attachment-sovereignty-width)) / 4)
);
display: grid;
grid-template-columns:
var(--jd-hero-attachment-spacing)
var(--jd-hero-attachment-gdpr-width)
var(--jd-hero-attachment-spacing)
var(--jd-hero-attachment-eu-width)
var(--jd-hero-attachment-spacing)
var(--jd-hero-attachment-sovereignty-width)
var(--jd-hero-attachment-spacing);
align-items: center;
justify-self: center;
width: 100%;
max-width: 100%;
margin: clamp(4px, 1vw, 12px) auto 0;
box-sizing: border-box;
}
body[data-jadey-template="homepage"] .hero-attachments {
--jd-hero-attachment-height: clamp(34px, 3.2vw, 44px);
--jd-hero-attachment-spacing-min: var(--jd-space-12);
}
.hero-attachment,
.hero-logo-item {
display: flex;
align-items: center;
justify-content: center;
height: var(--jd-hero-attachment-height);
margin: 0;
}
.hero-attachment:nth-child(1),
.hero-logo-item:nth-child(1) {
grid-column: 2;
width: var(--jd-hero-attachment-gdpr-width);
}
.hero-attachment:nth-child(2),
.hero-logo-item:nth-child(2) {
grid-column: 4;
width: var(--jd-hero-attachment-eu-width);
}
.hero-attachment:nth-child(3),
.hero-logo-item:nth-child(3) {
grid-column: 6;
width: var(--jd-hero-attachment-sovereignty-width);
}
.hero-attachment img,
.hero-logo-item img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.section-intro,
.lede-block,
.section-headline-block,
.faq-head,
.offer-intake-copy {
display: grid;
gap: var(--section-gap-tight);
width: 100%;
max-width: none;
margin: 0;
justify-items: stretch;
}
.section-intro-title,
.lede-block h2,
.section-headline-block h2,
.faq-head h2,
.offer-intake-copy h2 {
margin: 0;
font-family: var(--headline);
font-size: var(--section-title-size);
font-weight: 500;
line-height: var(--leading-snug);
letter-spacing: var(--tracking-tight);
max-width: 100%;
text-wrap: balance;
}
.section-intro-body,
.lede-block p:not(.eyebrow),
.section-headline-block p:not(.eyebrow),
.faq-head > p:not(.eyebrow) {
width: 100%;
max-width: none;
font-size: var(--section-text-size);
line-height: 1.5;
text-align: justify;
text-justify: inter-word;
}
.section-support {
display: grid;
gap: var(--jd-space-16);
margin-top: var(--jd-space-8);
}
.section-support-item {
display: grid;
gap: var(--jd-space-12);
padding: clamp(18px, 2vw, 24px);
border: 1px solid var(--border-default);
border-radius: var(--radius-lg);
background:
linear-gradient(180deg, rgba(var(--jd-overlay-rgb), 0.03), rgba(var(--jd-overlay-rgb), 0.015)),
var(--bg-surface);
box-shadow: var(--shadow-2);
}
.section-support-label {
font-size: var(--jd-type-size-meta);
line-height: var(--jd-type-line-meta);
letter-spacing: var(--jd-type-letter-wide-sm);
color: var(--jd-color-text-label);
text-transform: uppercase;
}
.section-support-copy {
color: var(--text-secondary);
font-size: var(--section-text-size);
line-height: 1.5;
text-align: justify;
text-justify: inter-word;
}
.section-support-actions {
display: flex;
flex-wrap: wrap;
gap: var(--jd-space-16);
}
.section-intro-head {
display: flex;
gap: clamp(18px, 2.4vw, 28px);
align-items: flex-start;
}
.section-intro--with-picto .section-intro-head {
width: 100%;
}
.section-intro--with-picto .section-intro-title-stack {
order: 1;
}
.section-intro-picto {
display: flex;
flex: 0 0 clamp(72px, 8vw, 104px);
align-items: flex-start;
justify-content: flex-start;
}
.section-intro-picto-figure {
display: flex;
width: 100%;
height: 100%;
margin: 0;
}
.section-intro--with-picto .section-intro-picto {
order: 2;
margin-left: auto;
align-self: stretch;
height: 100%;
align-items: flex-end;
justify-content: flex-end;
}
.section-intro-picto-asset {
display: block;
width: 100%;
max-width: 104px;
height: auto;
}
.section-intro-title-stack {
display: grid;
flex: 1 1 auto;
gap: var(--section-gap-tight);
min-width: 0;
}
.section-intro-title-stack .eyebrow,
.section-intro-title-stack .section-intro-title {
width: 100%;
}
.section-intro-title-stack .section-intro-title {
max-width: 100%;
}
.eyebrow {
display: inline-flex;
align-items: center;
margin: 0;
font-family: var(--font-mono);
font-size: var(--jd-type-size-meta);
line-height: var(--jd-type-line-meta);
letter-spacing: var(--jd-type-letter-wide-lg);
color: var(--jd-color-text-label);
text-transform: uppercase;
}
.section-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--jd-cta-group-gap);
justify-content: flex-start;
width: 100%;
margin-top: var(--jd-section-actions-offset);
}
.section-actions .button-link {
padding: 12px 16px;
border: 1px solid var(--jd-cta-border-color);
border-radius: 0;
background-color: var(--jd-cta-background);
color: var(--jd-cta-color);
}
.section-actions .cta-link {
padding: 12px 16px;
border: 1px solid var(--jd-cta-border-color);
border-radius: 0;
background-color: var(--jd-cta-background);
color: var(--jd-cta-color);
}
.section-actions .button-link:hover,
.section-actions .button-link:focus-visible,
.section-actions .cta-link:hover,
.section-actions .cta-link:focus-visible {
border-color: var(--jd-cta-border-color-hover);
background-color: var(--jd-cta-background-hover);
color: var(--jd-cta-color-hover);
}
.section-actions .button-link--secondary,
.section-actions .cta-link--secondary,
.section:not(.hero):not(#next-step) .section-actions .button-link:not([data-open-offer-intake]):not([data-demo-booking-trigger]):not([href*="#proof-of-value"]),
.section:not(.hero):not(#next-step) .section-actions .cta-link:not([href*="#proof-of-value"]),
.hero .section-actions > .button-link:nth-child(n + 2),
.hero .section-actions > .cta-link:nth-child(n + 2),
.error-page__actions .button-link--secondary,
.error-page__actions .cta-link--secondary,
.error-page__actions .button-link,
.error-page__actions .cta-link {
padding: 12px 0;
border: 0;
border-top: 1px solid transparent;
border-bottom: 1px solid var(--jd-cta-secondary-underline);
background-color: transparent;
color: var(--jd-cta-secondary-color);
font-weight: 500;
}
.section-actions .button-link--secondary::after,
.section-actions .cta-link--secondary::after,
.section:not(.hero):not(#next-step) .section-actions .button-link:not([data-open-offer-intake]):not([data-demo-booking-trigger]):not([href*="#proof-of-value"])::after,
.section:not(.hero):not(#next-step) .section-actions .cta-link:not([href*="#proof-of-value"])::after,
.hero .section-actions > .button-link:nth-child(n + 2)::after,
.hero .section-actions > .cta-link:nth-child(n + 2)::after,
.error-page__actions .button-link--secondary::after,
.error-page__actions .cta-link--secondary::after,
.error-page__actions .button-link::after,
.error-page__actions .cta-link::after {
content: "";
display: inline-block;
width: 1.05em;
height: 1.05em;
margin-left: 4px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3Cpath%20fill='black'%20d='M11.86%204.64%2017.22%2010l-5.36%205.36-1.13-1.13%203.42-3.43H3V9.2h11.15l-3.42-3.43z'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3Cpath%20fill='black'%20d='M11.86%204.64%2017.22%2010l-5.36%205.36-1.13-1.13%203.42-3.43H3V9.2h11.15l-3.42-3.43z'/%3E%3C/svg%3E") center / contain no-repeat;
line-height: 1;
transform: translateY(-1px);
transition: transform var(--dur-fast) var(--ease-standard);
}
.section-actions .button-link--secondary:hover,
.section-actions .button-link--secondary:focus-visible,
.section-actions .cta-link--secondary:hover,
.section-actions .cta-link--secondary:focus-visible,
.section:not(.hero):not(#next-step) .section-actions .button-link:not([data-open-offer-intake]):not([data-demo-booking-trigger]):not([href*="#proof-of-value"]):hover,
.section:not(.hero):not(#next-step) .section-actions .button-link:not([data-open-offer-intake]):not([data-demo-booking-trigger]):not([href*="#proof-of-value"]):focus-visible,
.section:not(.hero):not(#next-step) .section-actions .cta-link:not([href*="#proof-of-value"]):hover,
.section:not(.hero):not(#next-step) .section-actions .cta-link:not([href*="#proof-of-value"]):focus-visible,
.hero .section-actions > .button-link:nth-child(n + 2):hover,
.hero .section-actions > .button-link:nth-child(n + 2):focus-visible,
.hero .section-actions > .cta-link:nth-child(n + 2):hover,
.hero .section-actions > .cta-link:nth-child(n + 2):focus-visible,
.error-page__actions .button-link--secondary:hover,
.error-page__actions .button-link--secondary:focus-visible,
.error-page__actions .cta-link--secondary:hover,
.error-page__actions .cta-link--secondary:focus-visible,
.error-page__actions .button-link:hover,
.error-page__actions .button-link:focus-visible,
.error-page__actions .cta-link:hover,
.error-page__actions .cta-link:focus-visible {
border-bottom-color: var(--jd-cta-secondary-underline-hover);
background-color: transparent;
color: var(--jd-cta-secondary-color-hover);
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #dispo-deployen .section-actions .button-link[data-demo-booking-trigger] {
padding: var(--jd-cta-padding-block) var(--jd-cta-padding-inline);
border: var(--jd-cta-border-width) solid var(--jd-cta-border-color);
background-color: var(--jd-cta-background);
color: var(--jd-cta-color);
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #dispo-deployen .section-actions .button-link[data-demo-booking-trigger]::after {
content: none;
}
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #dispo-deployen .section-actions .button-link[data-demo-booking-trigger]:hover,
body:is([data-jadey-page="dispo"], [data-jadey-page-variant="dispo-layout"]) #dispo-deployen .section-actions .button-link[data-demo-booking-trigger]:focus-visible {
border-color: var(--jd-cta-border-color-hover);
background-color: var(--jd-cta-background-hover);
color: var(--jd-cta-color-hover);
}
body[data-jadey-page-variant="dispo-layout"] #lead-sourcing-deployen .section-actions .button-link[data-demo-booking-trigger] {
padding: var(--jd-cta-padding-block) var(--jd-cta-padding-inline);
border: var(--jd-cta-border-width) solid var(--jd-cta-border-color);
background-color: var(--jd-cta-background);
color: var(--jd-cta-color);
}
body[data-jadey-page-variant="dispo-layout"] #lead-sourcing-deployen .section-actions .button-link[data-demo-booking-trigger]::after {
content: none;
}
body[data-jadey-page-variant="dispo-layout"] #lead-sourcing-deployen .section-actions .button-link[data-demo-booking-trigger]:hover,
body[data-jadey-page-variant="dispo-layout"] #lead-sourcing-deployen .section-actions .button-link[data-demo-booking-trigger]:focus-visible {
border-color: var(--jd-cta-border-color-hover);
background-color: var(--jd-cta-background-hover);
color: var(--jd-cta-color-hover);
}
body[data-jadey-page="how"] #first-step .section-actions .button-link[data-demo-booking-trigger] {
padding: var(--jd-cta-padding-block) var(--jd-cta-padding-inline);
border: var(--jd-cta-border-width) solid var(--jd-cta-border-color);
background-color: var(--jd-cta-background);
color: var(--jd-cta-color);
}
body[data-jadey-page="how"] #first-step .section-actions .button-link[data-demo-booking-trigger]::after {
content: none;
}
body[data-jadey-page="how"] #first-step .section-actions .button-link[data-demo-booking-trigger]:hover,
body[data-jadey-page="how"] #first-step .section-actions .button-link[data-demo-booking-trigger]:focus-visible {
border-color: var(--jd-cta-border-color-hover);
background-color: var(--jd-cta-background-hover);
color: var(--jd-cta-color-hover);
}
.section-actions .button-link--secondary:hover::after,
.section-actions .button-link--secondary:focus-visible::after,
.section-actions .cta-link--secondary:hover::after,
.section-actions .cta-link--secondary:focus-visible::after,
.section:not(.hero):not(#next-step) .section-actions .button-link:not([data-open-offer-intake]):not([data-demo-booking-trigger]):not([href*="#proof-of-value"]):hover::after,
.section:not(.hero):not(#next-step) .section-actions .button-link:not([data-open-offer-intake]):not([data-demo-booking-trigger]):not([href*="#proof-of-value"]):focus-visible::after,
.section:not(.hero):not(#next-step) .section-actions .cta-link:not([href*="#proof-of-value"]):hover::after,
.section:not(.hero):not(#next-step) .section-actions .cta-link:not([href*="#proof-of-value"]):focus-visible::after,
.hero .section-actions > .button-link:nth-child(n + 2):hover::after,
.hero .section-actions > .button-link:nth-child(n + 2):focus-visible::after,
.hero .section-actions > .cta-link:nth-child(n + 2):hover::after,
.hero .section-actions > .cta-link:nth-child(n + 2):focus-visible::after,
.error-page__actions .button-link--secondary:hover::after,
.error-page__actions .button-link--secondary:focus-visible::after,
.error-page__actions .cta-link--secondary:hover::after,
.error-page__actions .cta-link--secondary:focus-visible::after,
.error-page__actions .button-link:hover::after,
.error-page__actions .button-link:focus-visible::after,
.error-page__actions .cta-link:hover::after,
.error-page__actions .cta-link:focus-visible::after {
transform: translate(2px, -1px);
}
.md-section--text-split > .section-shell {
display: grid;
grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
gap: clamp(28px, 5vw, 72px);
align-items: start;
}
.md-section--text-split-right > .section-shell {
grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
}
.md-section--text-split .md-section-text-split__intro {
display: grid;
gap: var(--section-gap-tight);
height: 100%;
align-content: center;
}
.md-section--text-split-right .md-section-text-split__intro {
justify-items: end;
text-align: right;
}
.md-section--text-split .md-section-text-split__title {
max-width: 14ch;
}
.md-section--text-split .md-section-text-split__media {
width: min(100%, 520px);
}
.md-section--text-split .md-section-text-split__figure {
width: 100%;
margin: 0;
overflow: hidden;
background: var(--bg-canvas);
border: 1px solid var(--jd-color-border-subtle);
border-radius: 8px;
}
.md-section--text-split .md-section-text-split__image {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1600 / 715;
object-fit: cover;
}
body[data-jadey-template="homepage"] #operating-model .md-section-text-split__intro:not(:has(.md-section-text-split__media))::after {
content: "";
display: block;
width: min(100%, 520px);
aspect-ratio: 1600 / 715;
background: var(--bg-canvas) url("/_assets/img/jadey-company.jpg") center / cover no-repeat;
border: 1px solid var(--jd-color-border-subtle);
border-radius: 8px;
}
body[data-jadey-template="homepage"] #governance .md-section-text-split__intro:not(:has(.md-section-text-split__media))::after {
content: "";
display: block;
width: min(100%, 520px);
aspect-ratio: 1600 / 715;
background: var(--bg-canvas) url("/_assets/img/jadey-control.jpg") center / cover no-repeat;
border: 1px solid var(--jd-color-border-subtle);
border-radius: 8px;
}
.md-section--text-split .md-section-text-split__body {
display: grid;
gap: var(--jd-space-20);
align-content: start;
}
.md-section--text-split .md-section-text-split__lead {
margin: 0;
width: 100%;
max-width: none;
color: var(--text-primary);
font-size: var(--section-text-size);
line-height: var(--leading-relaxed);
text-align: justify;
text-justify: inter-word;
}
#operating-model .md-section-text-split__lead {
color: var(--text-secondary);
}
.md-section--text-split .md-section-text-split__detail {
margin: 0;
width: 100%;
max-width: none;
color: var(--text-secondary);
font-size: var(--section-text-size);
line-height: var(--leading-relaxed);
text-align: justify;
text-justify: inter-word;
}
.md-section--text-split .section-actions {
display: flex;
justify-content: flex-start;
margin-top: var(--jd-section-actions-offset);
}
#persistent-runtime .section-rich-text > h3,
#model-agnostic .section-rich-text > h3 {
margin-top: clamp(34px, 4vw, 52px);
color: var(--text-secondary);
font-family: var(--headline);
font-size: var(--jd-type-size-label);
font-weight: 500;
line-height: var(--jd-type-line-label);
letter-spacing: 0.08em;
text-transform: uppercase;
text-wrap: balance;
}
#persistent-runtime .section-rich-text > h3 + ul {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 0;
min-width: 0;
margin: var(--jd-space-18) 0 0;
padding: 0;
list-style: none;
background: transparent;
border-block: 1px solid rgba(26, 26, 24, 0.12);
}
#persistent-runtime .section-rich-text > h3 + ul li {
display: grid;
grid-template-rows: auto auto;
gap: var(--jd-space-12);
min-height: 82px;
place-items: center;
margin: 0;
padding: var(--jd-space-18) var(--jd-space-14);
border-inline-end: 1px solid rgba(26, 26, 24, 0.1);
color: var(--text-secondary);
font-family: var(--headline);
font-size: 12px;
font-weight: 500;
line-height: var(--jd-type-line-label);
text-align: center;
text-wrap: balance;
}
#persistent-runtime .section-rich-text > h3 + ul img {
display: block;
width: min(100%, 96px);
height: 32px;
object-fit: contain;
}
#persistent-runtime .section-rich-text > h3 + ul li:last-child {
border-inline-end: 0;
}
#product-capabilities .section-rich-text > :is(ol, ul) {
counter-reset: product-capability;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 32px;
row-gap: 0;
min-width: 0;
margin: var(--jd-space-4) 0 0;
padding: 0;
list-style: none;
border-block: 1px solid rgba(26, 26, 24, 0.12);
}
#product-capabilities .section-rich-text > :is(ol, ul) li {
counter-increment: product-capability;
display: grid;
grid-template-rows: auto 1fr;
gap: var(--jd-space-10);
min-height: 132px;
align-content: start;
margin: 0;
padding: var(--jd-space-18) var(--jd-space-14);
border-inline-end: 1px solid rgba(26, 26, 24, 0.1);
border-block-end: 1px solid rgba(26, 26, 24, 0.1);
color: var(--text-secondary);
font-size: var(--section-text-size);
line-height: 1.45;
text-align: left;
text-wrap: pretty;
hyphens: auto;
}
#product-capabilities .section-rich-text > :is(ol, ul) li::before {
content: counter(product-capability, decimal-leading-zero);
display: block;
color: var(--text-secondary);
font-size: var(--jd-type-size-body-sm);
font-weight: 400;
line-height: 1;
letter-spacing: 0;
}
#product-capabilities .section-rich-text > :is(ol, ul) li:nth-child(2n + 1) {
padding-left: 0;
}
#product-capabilities .section-rich-text > :is(ol, ul) li:nth-child(2n) {
border-inline-end: 0;
padding-right: 0;
}
#product-capabilities .section-rich-text > :is(ol, ul) li:last-child,
#product-capabilities .section-rich-text > :is(ol, ul) li:nth-last-child(2):nth-child(odd) {
border-block-end: 0;
}
#model-agnostic .section-rich-text > h3 + ul {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 0;
min-width: 0;
margin: var(--jd-space-18) 0 0;
padding: 0;
list-style: none;
background: transparent;
border-block: 1px solid rgba(26, 26, 24, 0.12);
}
#model-agnostic .section-rich-text > h3 + ul li {
position: relative;
display: grid;
grid-template-rows: auto auto;
gap: var(--jd-space-12);
min-height: 96px;
place-items: center;
margin: 0;
padding: var(--jd-space-20) var(--jd-space-14);
overflow: hidden;
background: transparent;
border-inline-end: 1px solid rgba(26, 26, 24, 0.1);
color: var(--text-secondary);
font-size: var(--jd-type-size-meta);
font-weight: 500;
line-height: var(--jd-type-line-label);
text-align: center;
}
#model-agnostic .section-rich-text > h3 + ul li:last-child {
border-inline-end: 0;
}
#model-agnostic .section-rich-text > h3 + ul img {
position: relative;
z-index: 1;
display: block;
width: min(100%, 104px);
height: 32px;
object-fit: contain;
filter: saturate(1.08);
}
.md-section--live-deployments > .section-shell {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(32px, 5vw, 72px);
align-items: center;
}
.md-section-live-deployments__media {
display: grid;
align-self: stretch;
min-width: 0;
}
.md-section-live-deployments__frame {
position: relative;
width: 100%;
max-width: 100%;
min-height: clamp(320px, 38vw, 560px);
overflow: hidden;
background: var(--bg-canvas);
}
.md-section-live-deployments__canvas {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
background: var(--bg-canvas);
transform: scaleX(-1);
transform-origin: center;
}
.md-section-live-deployments__content {
display: grid;
gap: var(--jd-space-20);
align-content: start;
}
.md-section-live-deployments__content .section-intro-title {
max-width: 14ch;
}
.md-section-live-deployments__lead {
margin: 0;
width: 100%;
max-width: none;
color: var(--text-primary);
font-size: var(--section-text-size);
line-height: var(--leading-relaxed);
text-align: justify;
text-justify: inter-word;
}
.md-section-live-deployments__detail {
margin: 0;
width: 100%;
max-width: none;
color: var(--text-secondary);
font-size: var(--section-text-size);
line-height: var(--leading-relaxed);
text-align: justify;
text-justify: inter-word;
}
.md-section-live-deployments__content .section-actions {
margin-top: var(--jd-section-actions-offset);
}
.md-section--visual-split > .section-shell {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(32px, 5vw, 72px);
align-items: stretch;
}
.md-section--visual-split .md-section-visual-split__content {
display: grid;
gap: var(--jd-space-20);
align-content: start;
}
.md-section--visual-split .section-intro-title-stack {
display: grid;
gap: var(--section-gap-tight);
}
.md-section--visual-split .md-section-visual-split__visual {
display: grid;
align-self: stretch;
align-items: center;
justify-items: center;
min-height: clamp(320px, 38vw, 560px);
}
.md-section--visual-split .md-section-visual-split__dot-grid {
display: grid;
grid-template-columns: repeat(5, max-content);
grid-template-rows: repeat(5, max-content);
width: 100%;
height: auto;
max-height: 100%;
aspect-ratio: 1 / 1;
justify-content: space-between;
align-content: space-between;
}
body[data-jadey-template="homepage"] #proof-of-value .md-section-visual-split__visual {
justify-items: start;
}
body[data-jadey-template="homepage"] #proof-of-value .md-section-visual-split__dot-grid {
padding: 0;
}
body[data-jadey-template="homepage"] #proof-of-value > .section-shell {
grid-template-columns: minmax(0, 0.4fr) minmax(0, 0.6fr);
gap: 160px;
}
#handoff-friction > .section-shell {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 160px;
align-items: center;
}
#handoff-friction .md-section-split__media,
#handoff-friction .section-intro-picto {
align-items: center;
justify-content: flex-start;
}
#handoff-friction .section-intro-picto-figure {
width: min(100%, clamp(320px, 34vw, 520px));
aspect-ratio: 1 / 1;
}
body[data-jadey-template="homepage"] #proof-of-value .md-section-split__media {
align-items: center;
}
body[data-jadey-template="homepage"] #proof-of-value .section-intro-picto {
justify-content: flex-start;
align-items: center;
}
body[data-jadey-template="homepage"] #proof-of-value .section-intro-picto-figure {
width: min(100%, clamp(320px, 34vw, 520px));
aspect-ratio: 1 / 1;
}
body[data-jadey-template="homepage"] #proof-of-value .section-rich-text blockquote {
margin-top: var(--jd-space-4);
padding: var(--jd-space-16) var(--jd-space-18);
border: 1px solid rgba(var(--jd-overlay-rgb), 0.18);
border-left: 2px solid var(--orange-500);
background: rgba(var(--jd-overlay-rgb), 0.055);
}
body[data-jadey-template="homepage"] #proof-of-value .section-rich-text blockquote p {
color: var(--text-primary);
}
body[data-jadey-template="homepage"] #proof-of-value .section-actions .button-link[data-open-offer-intake] {
gap: 6px;
}
body[data-jadey-template="homepage"] #proof-of-value .section-actions .button-link[data-open-offer-intake]::before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
flex: 0 0 18px;
background-color: currentColor;
-webkit-mask: url("/_assets/img/proof-of-value-arrow.svg") center / contain no-repeat;
mask: url("/_assets/img/proof-of-value-arrow.svg") center / contain no-repeat;
}
.md-section--visual-split .md-section-visual-split__dot {
width: clamp(10.4px, 1.3vw, 15.6px);
height: clamp(10.4px, 1.3vw, 15.6px);
border-radius: 999px;
background: var(--text-primary);
justify-self: center;
}
.md-section--visual-split .md-section-visual-split__dot--accent {
background: var(--orange-500);
}
.md-section--visual-split .section-actions {
margin-top: var(--jd-section-actions-offset);
}
body[data-jadey-template="homepage"] #proof-of-value {
min-height: 100vh;
min-height: 100dvh;
display: grid;
align-items: center;
}
body[data-jadey-template="homepage"] #proof-of-value > .section-shell {
align-items: center;
}
.md-section--picto-split > .section-shell {
display: grid;
grid-template-columns: minmax(0, 30%) minmax(0, 70%);
gap: clamp(28px, 5vw, 72px);
align-items: start;
}
.md-section--picto-split-right > .section-shell {
grid-template-columns: minmax(0, 70%) minmax(0, 30%);
}
.md-section--picto-split .md-section-split__media {
display: flex;
align-self: stretch;
align-items: stretch;
justify-content: flex-start;
width: 100%;
height: 100%;
}
.md-section--picto-split .md-section-split__content {
display: grid;
gap: var(--jd-space-20);
align-content: start;
}
.md-section--picto-split .section-intro-title-stack {
display: grid;
gap: var(--section-gap-tight);
}
.md-section--picto-split .section-actions {
margin-top: var(--jd-section-actions-offset);
}
.md-section--picto-split .section-intro-picto {
order: initial;
margin-left: 0;
flex-basis: auto;
align-self: stretch;
align-items: stretch;
justify-content: flex-start;
width: 100%;
height: 100%;
}
.md-section--picto-split .section-intro-picto-figure,
.md-section--picto-split .section-intro-picto-asset {
width: 100%;
max-width: 100%;
height: 100%;
}
.md-section--picto-split .section-intro-picto-asset {
display: block;
object-fit: contain;
}
.md-section--picto-split-right .md-section-split__media,
.md-section--picto-split-right .section-intro-picto {
justify-content: flex-end;
}
.svg-flow-section,
.svg-sidecar-section {
display: grid;
gap: var(--jd-space-32);
}
.page-main > .section:not(.hero) .svg-sidecar-section {
position: relative;
width: min(var(--container), calc(100% - (var(--page-padding) * 2)));
max-width: var(--container);
margin-inline: auto;
border-top: none;
padding-top: var(--jd-space-24);
}
.svg-sidecar-section__visual {
width: 100%;
}
.svg-flow-section__visual {
display: grid;
justify-items: center;
width: min(var(--section-measure), calc(100% - (var(--page-padding) * 2)));
max-width: var(--section-measure);
margin-top: var(--jd-space-32);
margin-inline: auto;
}
.svg-flow-section__media {
width: 100%;
max-width: var(--section-measure);
}
.svg-sidecar-section__layout {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
gap: clamp(28px, 4vw, 56px);
align-items: center;
}
.svg-sidecar-section__copy {
max-width: min(100%, 680px);
}
.svg-media {
display: grid;
gap: var(--jd-space-16);
margin: 0;
}
.svg-media__frame {
width: 100%;
padding: clamp(16px, 2vw, 24px);
border: 1px solid var(--border-default);
border-radius: var(--radius-lg);
background:
linear-gradient(180deg, rgba(var(--jd-overlay-rgb), 0.035), rgba(var(--jd-overlay-rgb), 0.015)),
var(--bg-surface);
box-shadow: var(--shadow-2);
}
.svg-media__frame picture,
.svg-media__frame img {
display: block;
width: 100%;
}
.svg-media__asset {
width: 100%;
height: auto;
}
.svg-media__caption {
margin: 0;
font-size: var(--jd-type-size-meta);
line-height: var(--jd-type-line-meta);
letter-spacing: var(--jd-type-letter-wide-sm);
color: var(--text-tertiary);
}
.section--kind-faq .faq-shell {
display: grid;
gap: var(--jd-space-32);
}
.section--kind-faq .faq-list {
width: 100%;
border-top: var(--jd-section-divider-width) solid var(--jd-section-divider-color);
}
.section--kind-faq .faq-item {
border-bottom: var(--jd-section-divider-width) solid var(--jd-section-divider-color);
}
.section--kind-faq .faq-item summary {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: var(--jd-faq-item-gap);
padding: var(--jd-faq-item-padding-y) 0;
cursor: pointer;
list-style: none;
}
.section--kind-faq .faq-item summary::-webkit-details-marker {
display: none;
}
.section--kind-faq .faq-item summary::after {
content: "+";
color: var(--text-tertiary);
font-size: var(--jd-type-size-title-sm);
line-height: 1;
}
.section--kind-faq .faq-item[open] summary::after {
content: "−";
color: var(--text-primary);
}
.section--kind-faq .faq-item h3 {
margin: 0;
font-family: var(--headline);
font-size: var(--jd-type-size-title-sm);
font-weight: 400;
line-height: var(--jd-type-line-title-sm);
letter-spacing: var(--jd-type-letter-tight-xs);
text-wrap: balance;
}
.section--kind-faq .faq-answer {
width: 100%;
max-width: none;
margin: 0;
padding: 0 0 var(--jd-space-24);
font-size: var(--section-text-size);
line-height: var(--jd-type-line-body);
color: var(--text-secondary);
text-align: justify;
text-justify: inter-word;
}
.section--kind-faq.section--surface-highlight .faq-list {
border-top-color: var(--jd-section-surface-highlight-rule);
}
.section--kind-faq.section--surface-highlight .faq-item {
border-bottom-color: var(--jd-section-surface-highlight-rule);
}
.section--kind-faq.section--surface-highlight .faq-head > p:not(.eyebrow),
.section--kind-faq.section--surface-highlight .faq-answer {
color: var(--jd-section-surface-highlight-text);
}
body:has(.page-main > .section--kind-faq.section--surface-highlight:last-child) .page-main {
padding-bottom: 0;
}
body:has(.page-main > .section--kind-faq.section--surface-highlight:last-child) .page-main > .section--kind-faq.section--surface-highlight:last-child {
padding-bottom: var(--section-gap);
border-bottom: 0;
}
body:has(.page-main > .section--kind-faq.section--surface-highlight:last-child) .site-footer {
margin-top: 0;
}
body:has(.page-main > .section--kind-faq.section--surface-highlight:last-child) .site-footer::before {
inset: 0;
}
.site-footer {
position: relative;
overflow: hidden;
padding: var(--jd-footer-padding-top) 0 var(--jd-footer-padding-bottom);
background: var(--jd-color-canvas);
color: var(--jd-color-text-primary);
}
.site-footer::before {
content: "";
position: absolute;
inset: clamp(56px, 7vw, 96px) 0 0;
background: var(--jd-footer-background);
pointer-events: none;
}
.site-footer-inner {
position: relative;
z-index: 1;
display: grid;
gap: var(--jd-space-28);
}
.site-footer-top {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: var(--jd-footer-gap);
align-items: start;
padding-top: var(--jd-space-28);
}
.site-footer-brand-name {
margin: 0;
}
.site-footer-brand {
display: inline-flex;
align-items: flex-start;
}
.site-footer-brand img {
display: block;
width: min(100%, var(--jd-footer-logo-width));
height: auto;
}
.site-footer-nav-grid {
display: grid;
grid-template-columns:
minmax(var(--jd-size-160), var(--jd-size-180))
minmax(max-content, 1fr)
minmax(var(--jd-size-160), var(--jd-size-180));
gap: var(--jd-space-32);
align-items: start;
justify-content: end;
}
.site-footer-nav-grid .site-footer-group:nth-child(2) .site-footer-links a {
white-space: nowrap;
}
.site-footer-group {
display: grid;
align-content: start;
gap: var(--jd-space-8);
}
.site-footer-label {
margin: 0;
font-family: var(--body);
font-size: var(--jd-type-size-body);
line-height: var(--jd-type-line-body);
letter-spacing: normal;
color: var(--jd-color-text-label);
}
.site-footer-links {
display: grid;
gap: var(--jd-space-6);
}
.site-footer-links a {
width: fit-content;
padding-bottom: var(--jd-space-4);
border-bottom: var(--jd-border-hairline-width) solid transparent;
font-family: var(--body);
font-size: var(--jd-type-size-body);
line-height: var(--jd-type-line-body);
letter-spacing: normal;
color: var(--jd-color-text-primary);
}
.site-footer-links a:hover,
.site-footer-links a:focus-visible {
color: var(--jd-color-text-label);
border-bottom-color: var(--jd-color-text-label);
}
.site-footer-bottom {
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding-top: var(--jd-space-24);
border-top: var(--jd-section-divider-width) solid var(--jd-section-divider-color);
}
.site-footer-meta {
color: var(--jd-color-text-quaternary);
font-size: var(--jd-type-size-meta);
letter-spacing: var(--jd-type-letter-wide-sm);
line-height: var(--jd-type-line-meta);
}
@media (max-width: 980px) {
.error-page__shell {
grid-template-columns: 1fr;
align-items: start;
gap: var(--jd-space-24);
}
.hero-shell {
grid-template-columns: var(--jd-home-hero-shell-columns-narrow);
gap: var(--jd-home-hero-shell-gap-narrow);
}
.subpage-hero-media {
width: min(100%, 440px);
margin-left: 0;
}
.site-nav,
.site-header > .site-shell > .language-switcher,
.site-header > .site-shell > .nav-cta {
display: none;
}
.mobile-nav-toggle {
display: inline-flex;
}
.mobile-nav-panel {
position: absolute;
inset: 100% 0 auto;
display: block;
background: var(--bg-surface);
border-bottom: var(--jd-section-divider-width) solid var(--jd-section-divider-color);
box-shadow: var(--shadow-3);
}
.mobile-nav-panel[hidden] {
display: none;
}
.mobile-nav-panel-inner {
width: min(var(--container), calc(100% - (var(--page-padding) * 2)));
margin: 0 auto;
padding: var(--jd-space-24) 0 var(--jd-space-32);
border-bottom: var(--jd-section-divider-width) solid var(--jd-section-divider-color);
}
.mobile-nav-list {
display: grid;
gap: var(--jd-space-16);
}
.mobile-nav-footer {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--jd-space-16);
margin-top: var(--jd-space-24);
}
.mobile-nav-footer .language-switcher-menu {
right: auto;
left: 0;
}
.mobile-nav-footer .nav-cta {
padding: var(--jd-cta-padding-block) var(--jd-cta-padding-inline);
border: var(--jd-cta-border-width) solid var(--jd-cta-border-color);
border-radius: 0;
background-color: var(--jd-cta-background);
font-family: var(--font-sans);
font-size: var(--jd-type-size-body);
font-weight: 500;
line-height: var(--jd-type-line-body);
letter-spacing: 0;
color: var(--jd-cta-color);
}
.mobile-nav-footer .nav-cta:hover,
.mobile-nav-footer .nav-cta:focus-visible {
background-color: var(--jd-cta-background-hover);
color: var(--jd-cta-color-hover);
border-color: var(--jd-cta-border-color-hover);
}
.mobile-nav-link {
width: fit-content;
font-family: var(--headline);
font-size: var(--jd-type-size-title-sm);
font-weight: 400;
line-height: var(--jd-type-line-title-sm);
letter-spacing: var(--jd-type-letter-tight-sm);
color: var(--jd-color-text-primary);
}
.mobile-nav-link[aria-current="page"] {
color: var(--jd-color-text-primary);
}
.mobile-nav-link--icon {
font-size: calc(var(--jd-type-size-title-md) * 0.76);
line-height: 1;
}
.hero {
min-height: auto;
}
.hero .section-shell {
padding-top: 0;
}
.site-footer-top {
grid-template-columns: 1fr;
}
.md-section--picto-split > .section-shell {
grid-template-columns: 1fr;
}
.md-section--picto-split .md-section-split__media,
.md-section--picto-split .section-intro-picto {
order: 1;
justify-content: center;
max-width: min(100%, 240px);
margin-inline: auto;
}
.md-section--picto-split .section-intro-picto-figure {
margin-inline: auto;
}
.md-section--picto-split .md-section-split__content {
order: 2;
}
.md-section--visual-split > .section-shell {
grid-template-columns: 1fr;
}
.md-section--visual-split .md-section-visual-split__visual {
order: 1;
}
.md-section--visual-split .md-section-visual-split__content {
order: 2;
}
body[data-jadey-template="homepage"] #proof-of-value {
min-height: auto;
}
body[data-jadey-template="homepage"] #proof-of-value > .section-shell {
grid-template-columns: 1fr;
gap: var(--jd-space-32);
}
#handoff-friction > .section-shell {
grid-template-columns: 1fr;
gap: var(--jd-space-32);
}
#handoff-friction .md-section-split__media,
#handoff-friction .section-intro-picto {
justify-content: center;
}
#handoff-friction .section-intro-picto-figure {
width: min(100%, 320px);
}
body[data-jadey-template="homepage"] #proof-of-value .md-section-visual-split__visual {
justify-items: center;
padding-inline: var(--jd-space-24);
}
body[data-jadey-template="homepage"] #proof-of-value .md-section-visual-split__dot-grid {
width: min(100%, 320px);
}
.md-section--visual-split .md-section-visual-split__visual {
min-height: 280px;
}
.md-section--text-split > .section-shell {
grid-template-columns: 1fr;
}
.md-section--text-split .md-section-text-split__intro {
order: 1;
}
.md-section--text-split .md-section-text-split__body {
order: 2;
}
.md-section--text-split-right .md-section-text-split__intro {
justify-items: start;
text-align: left;
}
.md-section--text-split .md-section-text-split__media,
body[data-jadey-template="homepage"] #operating-model .md-section-text-split__intro:not(:has(.md-section-text-split__media))::after,
body[data-jadey-template="homepage"] #governance .md-section-text-split__intro:not(:has(.md-section-text-split__media))::after {
margin-inline: auto;
}
#product-capabilities .section-rich-text > :is(ol, ul) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#product-capabilities .section-rich-text > :is(ol, ul) li {
min-height: 112px;
padding-inline: var(--jd-space-14);
border-inline-end: 1px solid rgba(26, 26, 24, 0.1);
border-block-end: 1px solid rgba(26, 26, 24, 0.1);
}
#product-capabilities .section-rich-text > :is(ol, ul) li:nth-child(2n + 1) {
padding-left: 0;
}
#product-capabilities .section-rich-text > :is(ol, ul) li:nth-child(2n) {
border-inline-end: 0;
padding-right: 0;
}
#product-capabilities .section-rich-text > :is(ol, ul) li:last-child,
#product-capabilities .section-rich-text > :is(ol, ul) li:nth-last-child(2):nth-child(odd) {
border-block-end: 0;
}
.md-section--live-deployments > .section-shell {
grid-template-columns: 1fr;
align-items: start;
}
.md-section-live-deployments__media {
order: 1;
width: 100%;
max-width: min(100%, 560px);
margin-inline: auto;
}
.md-section-live-deployments__content {
order: 2;
}
.md-section-live-deployments__frame {
width: 100%;
min-height: 360px;
}
.svg-sidecar-section__layout {
grid-template-columns: 1fr;
}
.site-footer-nav-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px;
justify-content: start;
}
.site-footer-nav-grid .site-footer-group:nth-child(2) .site-footer-links a {
white-space: normal;
}
.site-footer-bottom {
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 760px) {
.error-page {
min-height: auto;
padding: var(--space-16) 0 var(--jd-space-80);
}
.error-page__copy {
gap: var(--jd-space-16);
}
.error-page__copy h1 {
font-size: var(--jd-type-size-title-xl-tablet);
line-height: var(--jd-type-line-title-md);
letter-spacing: var(--jd-type-letter-tight-md);
}
.error-page__copy p {
font-size: var(--section-text-size);
line-height: var(--jd-type-line-body);
}
.md-section-live-deployments__frame {
min-height: 340px;
}
body[data-jadey-template="homepage"] #proof-of-value .md-section-visual-split__visual {
padding-inline: var(--jd-space-16);
}
body[data-jadey-template="homepage"] #proof-of-value .md-section-visual-split__dot-grid {
width: min(100%, 260px);
}
#persistent-runtime .section-rich-text > h3 + ul {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#persistent-runtime .section-rich-text > h3 + ul li {
min-height: 72px;
padding: var(--jd-space-16) var(--jd-space-12);
border-block-end: 1px solid rgba(26, 26, 24, 0.1);
}
#persistent-runtime .section-rich-text > h3 + ul img {
width: min(100%, 84px);
height: 28px;
}
#persistent-runtime .section-rich-text > h3 + ul li:nth-child(2n) {
border-inline-end: 0;
}
#persistent-runtime .section-rich-text > h3 + ul li:nth-last-child(-n + 1) {
border-block-end: 0;
}
#model-agnostic .section-rich-text > h3 + ul {
grid-template-columns: repeat(2, minmax(0, 1fr));
border-block: 1px solid rgba(26, 26, 24, 0.12);
}
#model-agnostic .section-rich-text > h3 + ul li {
min-height: 84px;
padding: var(--jd-space-16) var(--jd-space-12);
border-block-end: 1px solid rgba(26, 26, 24, 0.1);
}
#model-agnostic .section-rich-text > h3 + ul li:nth-child(2n) {
border-inline-end: 0;
}
#model-agnostic .section-rich-text > h3 + ul li:nth-last-child(-n + 2) {
border-block-end: 0;
}
#model-agnostic .section-rich-text > h3 + ul img {
width: min(100%, 96px);
height: 30px;
}
#handoff-friction .section-intro-picto-figure {
width: min(100%, 260px);
}
.hero {
padding-top: var(--jd-space-24);
}
.hero-shell {
grid-template-columns: 1fr;
align-items: flex-start;
gap: var(--jd-home-hero-shell-gap-tablet);
}
.hero-attachments,
.hero-logos {
--jd-hero-attachment-height: clamp(34px, 10vw, 44px);
--jd-hero-attachment-spacing-min: var(--jd-space-12);
justify-self: center;
}
.subpage-hero-media {
width: 100%;
}
.deployment-detail-hero-kpis {
grid-template-columns: 1fr;
}
.section-intro-picto {
flex-basis: 88px;
}
.subpage-hero-visual-placeholder {
display: none;
}
.hero-copy h1 {
font-size: var(--jd-type-size-title-xl-tablet);
line-height: var(--jd-type-line-title-md);
letter-spacing: var(--jd-type-letter-tight-md);
}
.deployment-detail-hero-kpi-value {
font-size: 44px;
}
.section-intro-title,
.lede-block h2,
.section-headline-block h2,
.faq-head h2,
.offer-intake-copy h2 {
font-size: var(--jd-type-size-title-lg-tablet);
line-height: var(--jd-type-line-title-md);
letter-spacing: var(--jd-type-letter-tight-md);
}
.hero-lead,
.section-intro-body,
.lede-block p:not(.eyebrow),
.section-headline-block p:not(.eyebrow),
.faq-head > p:not(.eyebrow),
.faq-answer {
font-size: var(--section-text-size);
line-height: var(--jd-type-line-body);
text-align: justify;
text-justify: inter-word;
hyphens: auto;
}
.faq-item summary {
gap: var(--jd-space-16);
padding: var(--jd-space-24) 0;
}
.faq-item summary::after {
font-size: var(--jd-type-size-title-sm);
}
.faq-item h3 {
font-size: var(--jd-type-size-title-sm);
line-height: var(--jd-type-line-title-sm);
}
.site-footer-nav-grid {
grid-template-columns: 1fr;
gap: var(--jd-space-24);
}
}
@media (max-width: 640px) {
.error-page {
padding: var(--space-12) 0 var(--space-16);
}
.error-page__actions {
display: grid;
gap: var(--jd-space-14);
}
#product-capabilities .section-rich-text > :is(ol, ul) {
grid-template-columns: 1fr;
}
#product-capabilities .section-rich-text > :is(ol, ul) li,
#product-capabilities .section-rich-text > :is(ol, ul) li:nth-child(2n) {
min-height: 0;
padding-inline: 0;
border-inline-end: 0;
}
#product-capabilities .section-rich-text > :is(ol, ul) li:nth-last-child(2):nth-child(odd) {
border-block-end: 1px solid rgba(26, 26, 24, 0.1);
}
#product-capabilities .section-rich-text > :is(ol, ul) li:last-child {
border-block-end: 0;
}
.hero-shell {
gap: var(--jd-home-hero-shell-gap-mobile);
}
.hero-copy h1 {
font-size: var(--jd-type-size-title-xl-mobile);
line-height: var(--jd-type-line-title-md);
letter-spacing: var(--jd-type-letter-tight-md);
}
.error-page__copy h1 {
font-size: var(--jd-type-size-title-xl-mobile);
}
body[data-jadey-template="homepage"] .hero-copy {
column-gap: var(--jd-space-12);
justify-content: flex-start;
row-gap: var(--jd-space-24);
}
body[data-jadey-template="homepage"] .hero-copy > .section-actions {
flex: 1 1 100%;
width: 100%;
}
body[data-jadey-template="homepage"] .hero-copy > .hero-proof-row {
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
max-width: 100%;
column-gap: var(--jd-space-12);
row-gap: var(--jd-space-24);
}
body[data-jadey-template="homepage"] .hero-proof-row > .section-actions {
flex: 1 1 100%;
min-width: 0;
width: 100%;
}
body[data-jadey-template="homepage"] .hero-lead {
text-align: left;
overflow-wrap: normal;
word-break: normal;
hyphens: none;
}
body[data-jadey-template="homepage"] .hero-copy > .hero-attachments {
display: contents;
}
body[data-jadey-template="homepage"] .hero-proof-row > .hero-attachment,
body[data-jadey-template="homepage"] .hero-proof-row > .hero-attachment:nth-of-type(1),
body[data-jadey-template="homepage"] .hero-proof-row > .hero-attachment:nth-of-type(2),
body[data-jadey-template="homepage"] .hero-proof-row > .hero-attachment:nth-of-type(3),
body[data-jadey-template="homepage"] .hero-copy > .hero-attachments .hero-attachment,
body[data-jadey-template="homepage"] .hero-copy > .hero-attachments .hero-attachment:nth-child(1),
body[data-jadey-template="homepage"] .hero-copy > .hero-attachments .hero-attachment:nth-child(2),
body[data-jadey-template="homepage"] .hero-copy > .hero-attachments .hero-attachment:nth-child(3) {
flex: 0 0 auto;
}
body[data-jadey-template="homepage"] .hero-proof-row > .hero-attachment:nth-of-type(1),
body[data-jadey-template="homepage"] .hero-copy > .hero-attachments .hero-attachment:nth-child(1) {
width: clamp(74px, 23vw, var(--jd-hero-attachment-gdpr-width));
}
body[data-jadey-template="homepage"] .hero-proof-row > .hero-attachment:nth-of-type(2),
body[data-jadey-template="homepage"] .hero-copy > .hero-attachments .hero-attachment:nth-child(2) {
width: clamp(112px, 34vw, var(--jd-hero-attachment-eu-width));
}
body[data-jadey-template="homepage"] .hero-proof-row > .hero-attachment:nth-of-type(3),
body[data-jadey-template="homepage"] .hero-copy > .hero-attachments .hero-attachment:nth-child(3) {
width: clamp(108px, 32vw, var(--jd-hero-attachment-sovereignty-width));
}
.section-actions {
gap: var(--jd-cta-group-gap-mobile);
margin-top: var(--jd-section-actions-offset-mobile);
}
.deployment-detail-hero-kpi-value {
font-size: 32px;
}
.section-intro-title,
.lede-block h2,
.section-headline-block h2,
.faq-head h2,
.offer-intake-copy h2 {
font-size: var(--jd-type-size-title-lg-mobile);
line-height: var(--jd-type-line-title-sm);
letter-spacing: var(--jd-type-letter-tight-sm);
}
.site-footer-brand img {
width: min(100%, var(--jd-footer-logo-width-mobile));
}
.site-footer-label,
.site-footer-links a {
font-size: var(--jd-type-size-meta);
line-height: var(--jd-type-line-meta);
}
.section-intro-head {
display: grid;
grid-template-columns: 1fr;
gap: var(--jd-space-16);
}
.section-intro--with-picto .section-intro-picto {
order: 1;
}
.section-intro--with-picto .section-intro-title-stack {
order: 2;
}
.section-intro-picto {
width: min(96px, 100%);
flex-basis: auto;
}
.section-intro--with-picto .section-intro-picto {
align-self: auto;
height: auto;
margin-left: 0;
align-items: flex-start;
justify-content: flex-start;
}
}
.section-rich-text {
display: grid;
gap: var(--jd-space-18);
width: 100%;
}
.section-rich-text p,
.section-rich-text li,
.section-rich-text blockquote,
.section-rich-text dd {
color: var(--text-secondary);
font-size: var(--section-text-size);
line-height: 1.5;
text-align: justify;
text-justify: inter-word;
}
.section-rich-text ul,
.section-rich-text ol {
display: grid;
gap: var(--jd-space-12);
margin: 0;
padding-left: 1.5rem;
}
.section-rich-text > .md-table-scroll {
width: 100%;
margin: clamp(30px, 4vw, 52px) 0 0;
border-right: 0;
border-left: 0;
border-radius: 0;
overflow-x: auto;
overflow-y: hidden;
background: var(--jd-panel-background);
box-shadow: none;
-webkit-overflow-scrolling: touch;
scrollbar-color: rgba(var(--jd-overlay-rgb), 0.3) rgba(var(--jd-overlay-rgb), 0.06);
}
.section-rich-text table.md-table {
width: 100%;
min-width: 640px;
margin: 0;
border-collapse: separate;
border-spacing: 0;
border: 0;
color: var(--text-secondary);
background: transparent;
table-layout: fixed;
}
.section-rich-text table.md-table th,
.section-rich-text table.md-table td {
padding: 17px 20px;
border-block-end: 1px solid rgba(var(--jd-overlay-rgb), 0.095);
vertical-align: middle;
text-align: left;
overflow-wrap: anywhere;
}
.section-rich-text table.md-table th + th,
.section-rich-text table.md-table td + td {
border-inline-start: 0;
}
.section-rich-text table.md-table th {
padding: 16px 20px 17px;
border-bottom-color: rgba(var(--jd-overlay-rgb), 0.12);
background: transparent;
color: var(--text-secondary);
font-family: var(--mono);
font-size: 10px;
font-weight: 500;
letter-spacing: 0.16em;
line-height: 1;
text-transform: uppercase;
}
.section-rich-text table.md-table td {
color: rgba(var(--jd-text-secondary-rgb), 0.62);
font-size: 14px;
line-height: 1.45;
}
.section-rich-text table.md-table td:first-child {
color: var(--text-secondary);
font-weight: 400;
}
.section-rich-text table.md-table td:nth-child(2) {
color: var(--text-primary);
font-weight: 500;
}
.section-rich-text table.md-table tbody tr:last-child td {
border-block-end: 0;
}
.section-rich-text table.md-table tbody tr:hover {
background: rgba(var(--jd-overlay-rgb), 0.045);
}
body[data-jadey-page="about-us"] .md-section--about-corevision-portrait .section-intro {
display: grid;
grid-template-columns: minmax(0, 3fr) minmax(180px, 1fr);
column-gap: clamp(24px, 4vw, 56px);
row-gap: var(--jd-space-18);
align-items: start;
}
body[data-jadey-page="about-us"] .md-section--about-corevision-portrait .section-intro > .eyebrow,
body[data-jadey-page="about-us"] .md-section--about-corevision-portrait .section-intro > .section-intro-title {
grid-column: 1 / -1;
}
body[data-jadey-page="about-us"] .md-section--about-corevision-portrait .section-intro > .section-intro-body {
grid-column: 1;
grid-row: 3;
}
body[data-jadey-page="about-us"] .md-section--about-corevision-portrait .section-rich-text {
grid-column: 2;
grid-row: 3;
align-self: center;
margin: 0;
}
body[data-jadey-page="about-us"] .md-section--about-corevision-portrait .section-rich-text > p {
margin: 0;
}
body[data-jadey-page="about-us"] .md-section--about-corevision-portrait .section-rich-text > p:has(img) + p {
margin-top: var(--jd-space-10);
color: var(--text-secondary);
font-size: 16px;
line-height: var(--jd-type-line-meta);
text-align: left;
}
body[data-jadey-page="about-us"] .md-section--about-corevision-portrait .section-rich-text img {
display: block;
width: 100%;
aspect-ratio: 4 / 5;
border: 1px solid var(--jd-color-border-subtle);
border-radius: 8px;
object-fit: cover;
object-position: center;
}
@media (max-width: 860px) {
body[data-jadey-page="about-us"] .md-section--about-corevision-portrait .section-intro {
grid-template-columns: 1fr;
row-gap: var(--jd-space-24);
}
body[data-jadey-page="about-us"] .md-section--about-corevision-portrait .section-rich-text {
grid-column: 1;
grid-row: auto;
}
body[data-jadey-page="about-us"] .md-section--about-corevision-portrait .section-rich-text img {
width: min(100%, 360px);
}
}
#agent-roleholders .section-rich-text > ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 16px;
column-gap: 16px;
margin-top: var(--jd-space-4);
padding-left: 0;
list-style: none;
border-block: 1px solid rgba(26, 26, 24, 0.12);
}
#agent-roleholders .section-rich-text > ul li {
display: grid;
grid-template-rows: var(--jd-space-24) 1fr;
gap: var(--jd-space-4);
min-height: 132px;
margin: 0;
padding: var(--jd-space-18) var(--jd-space-14);
border-inline-end: 1px solid rgba(26, 26, 24, 0.1);
border-block-end: 1px solid rgba(26, 26, 24, 0.1);
color: var(--text-secondary);
text-align: justify;
text-justify: inter-word;
}
#agent-roleholders .section-rich-text > ul li:nth-child(2n + 1) {
padding-left: 0;
}
#agent-roleholders .section-rich-text > ul li:nth-child(2n) {
border-inline-end: 0;
padding-right: 0;
}
#agent-roleholders .section-rich-text > ul li:last-child {
border-block-end: 0;
}
#agent-roleholders .section-rich-text > ul strong {
display: block;
color: var(--text-primary);
font-family: var(--headline);
font-size: var(--jd-type-size-label);
font-weight: 500;
line-height: var(--jd-type-line-label);
letter-spacing: var(--jd-type-letter-wide-sm);
text-align: justify;
text-align-last: justify;
text-justify: inter-word;
text-transform: uppercase;
white-space: nowrap;
}
body[data-jadey-page="partner"] #what-partners-enable-with-jadey .section-rich-text > ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0;
margin-top: var(--jd-space-8);
padding: 0;
border-block-end: 1px solid color-mix(in srgb, var(--text-secondary) 30%, transparent);
background: transparent;
list-style: none;
}
body[data-jadey-page="partner"] #what-partners-enable-with-jadey .section-rich-text > ul li {
display: grid;
align-content: start;
gap: var(--jd-space-8);
min-height: 132px;
margin: 0;
padding: var(--jd-space-20);
border-block-start: 1px solid color-mix(in srgb, var(--text-secondary) 24%, transparent);
color: var(--text-secondary);
font-size: var(--section-text-size);
line-height: 1.45;
text-align: left;
text-justify: auto;
}
body[data-jadey-page="partner"] #what-partners-enable-with-jadey .section-rich-text > ul li:nth-child(2n + 1):not(:nth-child(7)) {
border-inline-end: 1px solid color-mix(in srgb, var(--text-secondary) 24%, transparent);
}
body[data-jadey-page="partner"] #what-partners-enable-with-jadey .section-rich-text > ul li strong {
display: block;
color: var(--text-tertiary);
font-family: var(--font-mono);
font-size: var(--jd-type-size-meta);
font-weight: 500;
line-height: var(--jd-type-line-meta);
letter-spacing: var(--jd-type-letter-wide-lg);
text-transform: uppercase;
}
body[data-jadey-page="partner"] #what-partners-enable-with-jadey .section-rich-text > ul li:nth-child(7) {
grid-column: 1 / -1;
grid-template-columns: minmax(0, 980px);
justify-content: start;
min-height: 0;
}
.hero-scroll-indicator {
position: absolute;
left: 50vw;
bottom: clamp(72px, 12vh, 110px);
z-index: 3;
display: inline-flex;
align-items: center;
justify-content: center;
inline-size: 48px;
block-size: 44px;
width: auto;
max-width: 48px;
padding: 0;
margin: 0;
color: inherit;
cursor: pointer;
opacity: calc(1 - var(--jd-hero-scroll-indicator-progress, 0));
text-decoration: none;
transform: translateX(-50%);
transition: opacity 120ms linear;
will-change: opacity;
}
.hero-scroll-indicator:focus-visible {
outline: 2px solid var(--orange-500);
outline-offset: 8px;
}
.hero-scroll-indicator__arrow {
flex: 0 0 auto;
display: block;
width: 48px;
height: 44px;
overflow: visible;
fill: none;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.hero-scroll-indicator__arrow-line--top {
stroke: var(--text-secondary);
}
.hero-scroll-indicator__arrow-line--bottom {
stroke: var(--orange-500);
}
.page-main > .section:not(.hero) {
scroll-margin-top: calc(var(--header-height) + var(--jd-space-16));
}
@media (max-width: 980px) {
.hero-scroll-indicator {
display: none;
}
}
@media (prefers-reduced-motion: reduce) {
.hero-scroll-indicator {
transform: translateX(-50%);
transition: opacity 120ms linear;
will-change: opacity;
}
}
body[data-jadey-page="partner"] #exclusive-access .section-actions .button-link[data-demo-booking-trigger] {
padding: 12px 0;
border: 0;
border-top: 1px solid transparent;
border-bottom: 1px solid var(--jd-cta-secondary-underline);
background-color: transparent;
color: var(--jd-cta-secondary-color);
font-weight: 500;
}
body[data-jadey-page="partner"] #exclusive-access .section-actions .button-link[data-demo-booking-trigger]::after {
content: "";
display: inline-block;
width: 1.05em;
height: 1.05em;
margin-left: 4px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3Cpath%20fill='black'%20d='M11.86%204.64%2017.22%2010l-5.36%205.36-1.13-1.13%203.42-3.43H3V9.2h11.15l-3.42-3.43z'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3Cpath%20fill='black'%20d='M11.86%204.64%2017.22%2010l-5.36%205.36-1.13-1.13%203.42-3.43H3V9.2h11.15l-3.42-3.43z'/%3E%3C/svg%3E") center / contain no-repeat;
line-height: 1;
transform: translateY(-1px);
transition: transform var(--dur-fast) var(--ease-standard);
}
body[data-jadey-page="partner"] #exclusive-access .section-actions .button-link[data-demo-booking-trigger]:hover,
body[data-jadey-page="partner"] #exclusive-access .section-actions .button-link[data-demo-booking-trigger]:focus-visible {
border-bottom-color: var(--jd-cta-secondary-underline-hover);
background-color: transparent;
color: var(--jd-cta-secondary-color-hover);
}
body[data-jadey-page="partner"] #exclusive-access .section-actions .button-link[data-demo-booking-trigger]:hover::after,
body[data-jadey-page="partner"] #exclusive-access .section-actions .button-link[data-demo-booking-trigger]:focus-visible::after {
transform: translate(2px, -1px);
}
#control-layers .section-rich-text {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 0;
margin-top: var(--jd-space-4);
border-block: 1px solid rgba(26, 26, 24, 0.12);
}
#control-layers .section-rich-text > p:nth-child(-n + 3) {
display: grid;
grid-template-rows: var(--jd-space-24) 1fr;
gap: var(--jd-space-4);
min-height: 132px;
margin: 0;
padding: var(--jd-space-18) var(--jd-space-14);
padding-inline: 0;
border-block-end: 1px solid rgba(26, 26, 24, 0.1);
color: var(--text-secondary);
text-align: justify;
text-justify: inter-word;
}
#control-layers .section-rich-text > p:nth-child(3) {
border-block-end: 0;
}
#control-layers .section-rich-text > p:nth-child(4) {
grid-column: 1 / -1;
margin: var(--jd-space-18) 0 0;
}
#control-layers .section-rich-text > p:nth-child(-n + 3) strong {
display: block;
color: var(--text-primary);
font-family: var(--headline);
font-size: var(--jd-type-size-label);
font-weight: 500;
line-height: var(--jd-type-line-label);
letter-spacing: var(--jd-type-letter-wide-sm);
text-align: left;
text-align-last: auto;
text-justify: auto;
text-transform: uppercase;
white-space: nowrap;
}
@media (max-width: 760px) {
body[data-jadey-page="partner"] #what-partners-enable-with-jadey .section-rich-text > ul {
grid-template-columns: 1fr;
}
body[data-jadey-page="partner"] #what-partners-enable-with-jadey .section-rich-text > ul li {
min-height: 0;
padding: var(--jd-space-18);
border-inline-end: 0;
border-block-end: 0;
}
body[data-jadey-page="partner"] #what-partners-enable-with-jadey .section-rich-text > ul li:nth-child(2n + 1):not(:nth-child(7)) {
border-inline-end: 0;
}
body[data-jadey-page="partner"] #what-partners-enable-with-jadey .section-rich-text > ul li:nth-child(7) {
grid-column: auto;
}
#agent-roleholders .section-rich-text > ul {
grid-template-columns: 1fr;
}
#control-layers .section-rich-text {
grid-template-columns: 1fr;
}
#agent-roleholders .section-rich-text > ul strong,
#control-layers .section-rich-text > p:nth-child(-n + 3) strong {
text-align: left;
text-align-last: auto;
text-justify: auto;
}
#agent-roleholders .section-rich-text > ul li {
grid-column: auto;
min-height: 0;
padding-inline: 0;
border-inline-end: 0;
border-block-end: 1px solid rgba(26, 26, 24, 0.1);
}
#agent-roleholders .section-rich-text > ul li:last-child {
border-block-end: 0;
}
#control-layers .section-rich-text > p:nth-child(-n + 3) {
min-height: 0;
border-inline-end: 0;
border-block-end: 1px solid rgba(26, 26, 24, 0.1);
}
#control-layers .section-rich-text > p:nth-child(3) {
border-block-end: 0;
}
#control-layers .section-rich-text > p:nth-child(4) {
grid-column: auto;
}
}
.section-rich-text blockquote {
margin: 0;
padding-left: var(--jd-space-18);
border-left: 1px solid rgba(var(--jd-overlay-rgb), 0.16);
}
.section-rich-text h3,
.section-rich-text h4 {
margin: 0;
font-family: var(--headline);
font-weight: 400;
letter-spacing: var(--jd-type-letter-tight-xs);
text-wrap: balance;
}
.section-rich-text h3 {
font-size: var(--jd-type-size-title-sm);
line-height: var(--jd-type-line-title-sm);
}
.section-rich-text h4 {
font-size: var(--jd-type-size-title-xs);
line-height: 1.3;
}
.section-rich-text pre {
margin: 0;
padding: clamp(18px, 2vw, 24px);
overflow-x: auto;
border: 1px solid rgba(var(--jd-overlay-rgb), 0.12);
background: var(--jd-code-background);
color: var(--text-primary);
white-space: pre-wrap;
}
.section-rich-text code {
font-family: var(--headline);
}
.hero-badge-row {
display: flex;
flex-wrap: wrap;
gap: var(--jd-space-12);
}
.hero-badge {
display: inline-flex;
align-items: center;
padding: 0.4rem 0.8rem;
border: 1px solid rgba(var(--jd-overlay-rgb), 0.14);
color: var(--text-secondary);
font-size: var(--jd-type-size-meta);
line-height: var(--jd-type-line-meta);
letter-spacing: var(--jd-type-letter-wide-sm);
}
.deployment-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: clamp(var(--jd-space-20), 3vw, var(--jd-space-32));
}
.deployment-card {
position: relative;
overflow: hidden;
display: grid;
grid-template-rows: auto 1fr auto;
row-gap: clamp(18px, 2vw, 24px);
min-height: clamp(260px, 24vw, 340px);
padding: clamp(26px, 3vw, 40px);
border: 1px solid rgba(var(--jd-overlay-rgb), 0.14);
background: var(--jd-deployment-card-background);
box-shadow: var(--shadow-2);
transition:
border-color var(--dur-fast) var(--ease-standard),
transform var(--dur-fast) var(--ease-standard),
box-shadow var(--dur-fast) var(--ease-standard);
}
.deployment-card::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 3px;
background: var(--orange-500);
}
.deployment-card::after {
content: "";
position: absolute;
top: clamp(22px, 2.4vw, 30px);
right: clamp(22px, 2.4vw, 30px);
width: 9px;
height: 9px;
border-radius: 999px;
background: var(--orange-500);
}
.deployment-card > * {
position: relative;
z-index: 1;
}
.deployment-card:hover,
.deployment-card:focus-visible {
border-color: rgba(200, 68, 33, 0.42);
box-shadow: var(--shadow-3);
transform: translateY(-2px);
}
.deployment-card-tags {
display: flex;
flex-wrap: wrap;
gap: var(--jd-space-12);
}
.deployment-card-tag {
display: inline-flex;
align-items: center;
gap: var(--jd-space-8);
color: var(--jd-color-text-label);
font-size: var(--jd-type-size-meta);
line-height: var(--jd-type-line-meta);
letter-spacing: var(--jd-type-letter-wide-sm);
}
.deployment-card-tag::before {
content: "";
width: 7px;
height: 7px;
border: 1px solid var(--jd-color-text-label);
border-radius: 999px;
background: rgba(var(--jd-overlay-rgb), 0.12);
flex: 0 0 auto;
}
.deployment-card-body {
display: grid;
gap: var(--jd-space-12);
align-self: start;
}
.deployment-card-title {
margin: 0;
font-family: var(--headline);
font-size: clamp(28px, 3.2vw, 44px);
font-weight: 500;
line-height: 1.08;
letter-spacing: -0.03em;
text-wrap: balance;
}
.deployment-card-text,
.deployment-card-cta,
.offer-intake-feedback,
.offer-intake-path-note,
.offer-intake-requirements li,
.offer-intake-step-copy p {
margin: 0;
color: var(--text-secondary);
font-size: var(--section-text-size);
line-height: 1.5;
text-align: left;
}
.deployment-card-text {
max-width: 68ch;
}
.deployment-card-meta {
display: grid;
gap: var(--jd-space-16);
margin: 0;
}
.deployment-card-meta > div {
display: grid;
gap: var(--jd-space-6);
}
.deployment-card-meta dt {
color: var(--jd-color-text-label);
font-size: var(--jd-type-size-meta);
line-height: var(--jd-type-line-meta);
letter-spacing: var(--jd-type-letter-wide-sm);
}
.deployment-card-meta dd {
margin: 0;
color: var(--jd-color-text-primary);
font-size: var(--section-text-size);
line-height: 1.5;
text-align: left;
}
.deployment-card-cta {
display: inline-flex;
align-items: center;
gap: 2px;
align-self: end;
width: fit-content;
margin-top: 0;
padding: clamp(14px, 1.6vw, 20px) 0 12px;
border-top: 1px solid transparent;
border-bottom: 1px solid var(--jd-cta-secondary-underline);
color: var(--jd-cta-secondary-color);
font-size: var(--jd-type-size-body);
font-weight: 500;
line-height: var(--jd-type-line-body);
letter-spacing: 0;
text-transform: none;
transition:
border-color var(--dur-fast) var(--ease-standard),
color var(--dur-fast) var(--ease-standard);
}
.deployment-card-cta::after {
content: "";
width: 1.05em;
height: 1.05em;
margin-left: 2px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3Cpath%20fill='black'%20d='M11.86%204.64%2017.22%2010l-5.36%205.36-1.13-1.13%203.42-3.43H3V9.2h11.15l-3.42-3.43z'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%3E%3Cpath%20fill='black'%20d='M11.86%204.64%2017.22%2010l-5.36%205.36-1.13-1.13%203.42-3.43H3V9.2h11.15l-3.42-3.43z'/%3E%3C/svg%3E") center / contain no-repeat;
line-height: 1;
transform: translateY(-1px);
transition: transform var(--dur-fast) var(--ease-standard);
flex: 0 0 auto;
}
.deployment-card:hover .deployment-card-cta,
.deployment-card:focus-visible .deployment-card-cta {
border-bottom-color: var(--jd-cta-secondary-underline-hover);
color: var(--jd-cta-secondary-color-hover);
}
.deployment-card:hover .deployment-card-cta::after,
.deployment-card:focus-visible .deployment-card-cta::after {
transform: translate(2px, -1px);
}
.deployment-card--placeholder {
display: grid;
min-height: 220px;
place-items: center;
background:
radial-gradient(circle at 50% 44%, rgba(200, 68, 33, 0.12), transparent 38%),
rgba(var(--jd-overlay-rgb), 0.02);
}
.deployment-card-plus {
color: var(--jd-color-text-label);
font-size: clamp(3rem, 10vw, 5rem);
line-height: 1;
}
#angebot-einreichen {
width: min(880px, calc(100% - 2rem));
padding: 0;
border: 1px solid rgba(var(--jd-overlay-rgb), 0.12);
background: var(--jd-dialog-background);
color: var(--text-primary);
}
#angebot-einreichen::backdrop {
background: rgba(0, 0, 0, 0.6);
}
.offer-dialog-shell {
display: grid;
gap: var(--jd-space-24);
padding: clamp(24px, 3vw, 36px);
}
.offer-dialog-close {
justify-self: flex-end;
}
.offer-intake-steps {
display: grid;
gap: var(--jd-space-14);
}
.offer-intake-step {
display: grid;
grid-template-columns: auto 1fr;
gap: var(--jd-space-16);
padding: clamp(16px, 1.8vw, 20px);
border: 1px solid rgba(var(--jd-overlay-rgb), 0.08);
background: rgba(var(--jd-overlay-rgb), 0.015);
}
.offer-intake-step-index {
color: var(--jd-color-text-label);
font-family: var(--headline);
font-size: var(--jd-type-size-title-sm);
line-height: 1;
}
.offer-intake-step-copy {
display: grid;
gap: var(--jd-space-8);
}
.offer-intake-step-copy strong {
font-family: var(--headline);
font-weight: 400;
}
.offer-intake-requirements {
display: grid;
gap: var(--jd-space-10);
margin: 0;
padding-left: 1.25rem;
}
.offer-intake-form {
display: grid;
gap: var(--jd-space-20);
}
.offer-intake-field-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--jd-space-16);
}
.offer-intake-field {
display: grid;
gap: var(--jd-space-8);
}
.offer-intake-field--wide {
grid-column: 1 / -1;
}
.offer-intake-field span {
color: var(--jd-color-text-label);
font-size: var(--jd-type-size-meta);
line-height: var(--jd-type-line-meta);
letter-spacing: var(--jd-type-letter-wide-sm);
}
.offer-intake-field input,
.offer-intake-field textarea {
width: 100%;
padding: 0.85rem 1rem;
border: 1px solid var(--border-default);
border-radius: var(--radius-sm);
background: var(--accent-weak);
color: var(--text-primary);
}
.offer-intake-field textarea {
resize: vertical;
}
.offer-intake-field input:focus-visible,
.offer-intake-field textarea:focus-visible {
outline: none;
border-color: var(--accent);
box-shadow: var(--focus-ring);
}
.offer-intake-feedback--error {
color: var(--status-blocked-fg);
}
@keyframes subpageHeroLayerIn {
to {
opacity: 1;
transform: translate3d(0, var(--hero-layer-offset-y, 0px), 0) scale(var(--hero-layer-scale, 1));
}
}
@media (max-width: 1180px) {
.deployment-grid {
grid-template-columns: 1fr;
}
.deployment-card {
min-height: auto;
}
}
@media (max-width: 760px) {
.offer-intake-field-grid {
grid-template-columns: 1fr;
}
.offer-intake-step {
grid-template-columns: 1fr;
}
}
.cloud-runtime-provider-list {
cursor: default;
}
.cloud-runtime-provider {
display: grid;
grid-template-rows: auto auto;
align-items: center;
justify-items: center;
gap: var(--jd-space-12);
width: 100%;
min-height: 100%;
padding: 0;
border: 0;
border-radius: 0;
color: inherit;
background: transparent;
font: inherit;
line-height: inherit;
text-align: inherit;
text-wrap: inherit;
cursor: pointer;
transition:
color var(--dur-fast) var(--ease-standard),
transform var(--dur-fast) var(--ease-standard);
}
.cloud-runtime-provider:hover,
.cloud-runtime-provider:focus-visible {
color: var(--fg-default);
background: transparent;
}
.cloud-runtime-provider.is-active,
.cloud-runtime-provider.is-active:hover,
.cloud-runtime-provider.is-active:focus-visible {
color: var(--fg-default);
background: transparent;
}
.cloud-runtime-provider:hover {
transform: translateY(-0.5px);
}
.cloud-runtime-provider:focus-visible {
outline: 2px solid var(--orange-500);
outline-offset: 6px;
}
.cloud-runtime-provider img {
display: block;
width: min(100%, 96px);
height: 32px;
object-fit: contain;
transition: filter var(--dur-fast) var(--ease-standard);
}
.cloud-runtime-provider:hover img,
.cloud-runtime-provider:focus-visible img,
.cloud-runtime-provider.is-active img,
.cloud-runtime-provider.is-active:hover img,
.cloud-runtime-provider.is-active:focus-visible img {
filter: var(--jd-provider-logo-filter);
}
.cloud-architecture {
margin: var(--jd-space-20) 0 var(--jd-space-8);
}
.cloud-architecture__frame {
display: grid;
place-items: center;
width: 100%;
aspect-ratio: var(--cloud-architecture-aspect-ratio, 1200 / 760);
min-height: 0;
border-radius: var(--radius-md);
background:
linear-gradient(180deg, rgba(var(--jd-overlay-rgb), 0.05), rgba(var(--jd-overlay-rgb), 0.02)),
var(--jd-cloud-frame-background);
overflow: hidden;
}
.cloud-architecture__diagram {
display: block;
width: 100%;
height: auto;
max-height: 100%;
}
@media (max-width: 720px) {
.cloud-runtime-provider {
width: 100%;
}
.cloud-architecture__frame {
aspect-ratio: var(--cloud-architecture-aspect-ratio, 1200 / 760);
}
}
/* The supplied monochrome provider marks use pale SVG fallback fills. */
html[data-theme="light"] :is(.cloud-runtime-provider img, #model-agnostic .section-rich-text > h3 + ul img) {
filter: brightness(0);
}