@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 300 500;
	font-display: swap;
	src: url("../fonts/inter-latin-300-500.woff2") format("woff2");
}

@font-face {
	font-family: "Source Sans 3";
	font-style: normal;
	font-weight: 400 600;
	font-display: swap;
	src: url("../fonts/source-sans-3-latin-400-600.woff2") format("woff2");
}

@font-face {
	font-family: "Myriad Pro Light";
	font-style: normal;
	font-weight: 300 400;
	font-display: swap;
	src: url("../fonts/MyriadPro-Light.woff") format("woff");
}

@font-face {
	font-family: "Myriad Pro Semibold";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/MyriadPro-Semibold.woff") format("woff");
}

.editor-styles-wrapper {
	--doit-green: #aed535;
	--doit-green-light: #d7ea6c;
	--doit-gray: #707070;
	--doit-gray-light: #a1a1a1;
	--doit-green-strong: #9fc131;
	--doit-ink: #0d2433;
	--doit-charcoal: #171e26;
	--doit-surface: #ffffff;
	--doit-surface-soft: #f4f6f7;
	--doit-border: #dce2e5;
	--doit-text: #263845;
	--doit-text-muted: #5e6c75;
	--doit-content-width: 1380px;
	--doit-reading-width: 760px;
	--doit-section-space: clamp(72px, 8vw, 128px);
	--doit-gutter: 56px;
	position: relative;
	font-family: "Myriad Pro Light", sans-serif;
}

.editor-styles-wrapper .doit-editor-header-preview {
	box-sizing: border-box;
	width: 100%;
	min-height: 112px;
	padding: 22px var(--doit-gutter);
	border-bottom: 4px solid var(--doit-green);
	background: #fff;
	color: var(--doit-text);
	box-shadow: 0 4px 14px rgba(16, 31, 42, .08);
}

.editor-styles-wrapper .doit-editor-header-preview__inner {
	display: flex;
	align-items: center;
	width: min(100%, var(--doit-content-width));
	min-height: 68px;
	margin-inline: auto;
}

.editor-styles-wrapper .doit-editor-header-preview img {
	display: block;
	width: 150px;
	height: auto;
}

.editor-styles-wrapper .editor-post-title {
	position: absolute;
	z-index: 2;
	top: 24px;
	right: clamp(24px, 5vw, 72px);
	width: min(420px, calc(100% - 300px));
	margin: 0;
}

body.editor-styles-wrapper.post-type-page
	.editor-visual-editor__post-title-wrapper.edit-post-visual-editor__post-title-wrapper {
	--has-wide: 0px;
	height: 0;
	margin: 0;
}

.editor-styles-wrapper .editor-post-title::before {
	display: block;
	margin-bottom: 6px;
	color: var(--doit-text-muted);
	content: "Seitentitel";
	font-size: .75rem;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.editor-styles-wrapper .editor-post-title__input {
	box-sizing: border-box;
	min-height: 48px;
	padding: 12px 16px;
	border: 1px solid var(--doit-border);
	border-radius: 4px;
	background: var(--doit-surface-soft);
	color: var(--doit-text);
	font-family: "Myriad Pro Light", sans-serif;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.4;
}

.editor-styles-wrapper :where(h1, h2, h3, h4, h5, h6) {
	font-family: "Myriad Pro Semibold", sans-serif;
	font-weight: 600;
}

.editor-styles-wrapper .doit-subpage-hero {
	box-sizing: border-box;
	align-items: flex-start;
	width: 100%;
	max-width: none;
	min-block-size: 620px;
	margin-inline: 0;
	padding: clamp(100px, 9vw, 136px) var(--doit-gutter) var(--doit-section-space);
}

.editor-styles-wrapper .doit-subpage-hero.wp-block-cover.has-custom-content-position.is-position-center-left > .wp-block-cover__inner-container {
	width: 100%;
}

.editor-styles-wrapper .doit-subpage-hero__content,
.editor-styles-wrapper .doit-subpage-shell,
.editor-styles-wrapper .doit-subpage-cta__inner {
	width: min(var(--doit-content-width), calc(100% - clamp(48px, 10vw, 160px)));
	max-width: none;
	margin-inline: auto;
}

.editor-styles-wrapper .doit-subpage-hero__copy {
	width: min(100%, 850px);
	max-width: none;
	/* Mirror the public hero alignment: Gutenberg otherwise centers constrained child groups. */
	margin-inline-start: 0 !important;
	margin-inline-end: auto !important;
}

.editor-styles-wrapper .doit-subpage-eyebrow {
	margin: 0 0 22px;
	color: var(--doit-green);
	font-size: 1.05rem;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.editor-styles-wrapper .doit-brand-name { text-transform: none; }

.editor-styles-wrapper .doit-subpage-hero .doit-subpage-eyebrow {
	margin-bottom: 24px;
	font-family: "Myriad Pro Semibold", sans-serif;
	font-size: clamp(1.375rem, 1.55vw, 1.75rem);
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: .04em;
	text-transform: none;
}

.editor-styles-wrapper .doit-subpage-hero h1 {
	width: 100%;
	max-width: none;
	margin: 0;
	color: #fff;
	font-family: "Myriad Pro Semibold", sans-serif;
	font-size: clamp(2.85rem, 5.7vw, 5.45rem);
	font-weight: 500;
	line-height: .99;
	letter-spacing: -.025em;
}

.editor-styles-wrapper .doit-subpage-hero--legal .doit-subpage-hero__copy {
	width: min(100%, 1000px);
}

.editor-styles-wrapper .doit-subpage-hero--legal h1 {
	max-width: none;
	overflow-wrap: normal;
	word-break: normal;
}

.editor-styles-wrapper .doit-subpage-hero__subtitle {
	width: 100%;
	max-width: none;
	margin-top: 30px;
	color: #f4f6f7;
	font-family: "Myriad Pro Light", sans-serif;
	font-size: 1.4rem;
}

.editor-styles-wrapper .doit-subpage-hero .wp-block-buttons {
	margin-top: 34px;
}

.editor-styles-wrapper .doit-subpage-hero .wp-block-button__link,
.editor-styles-wrapper .doit-subpage-cta .wp-block-button__link {
	min-height: 50px;
	padding: 13px 24px;
	border: 1px solid var(--doit-green);
	border-radius: 5px;
	background: var(--doit-green);
	color: #111;
	font-family: "Myriad Pro Semibold", sans-serif;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
}

.editor-styles-wrapper .doit-subpage-section {
	padding: var(--doit-section-space) var(--doit-gutter);
	background: var(--doit-surface);
	color: var(--doit-text);
}

.editor-styles-wrapper .doit-subpage-section--soft,
.editor-styles-wrapper .doit-subpage-cta {
	background: var(--doit-surface-soft);
}

.editor-styles-wrapper .doit-subpage-section--dark {
	background: var(--doit-charcoal);
	color: #f4f6f7;
}

.editor-styles-wrapper .doit-subpage-section h2,
.editor-styles-wrapper .doit-subpage-cta h2 {
	max-width: 48ch;
	margin: 0;
	font-size: clamp(2.85rem, 4vw, 4.25rem);
	font-weight: 300;
	line-height: 1.06;
}

.editor-styles-wrapper .doit-subpage-section--dark h2 {
	color: #fff;
}

.editor-styles-wrapper .doit-subpage-reading {
	margin-inline: 0;
}

.editor-styles-wrapper .doit-subpage-reading > h2 {
	max-width: none;
	font-size: clamp(2.6rem, 4vw, 4.25rem);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

/* Keep editor previews aligned with the frontend without taking control away from Gutenberg. */
.editor-styles-wrapper .about-attitude,
.editor-styles-wrapper .about-history {
  width: 100%;
  max-width: none;
}

/* Gutenberg owns column count, widths and block spacing. These are only defaults. */
.editor-styles-wrapper .about-attitude .wp-block-column,
.editor-styles-wrapper .about-history .wp-block-column {
  min-width: 0;
}

@media (min-width: 900px) {
  .editor-styles-wrapper .about-attitude .wp-block-columns:not(:has(> .wp-block-column[style*="flex-basis"])):not(:has(> .wp-block-column:nth-child(3))) > .wp-block-column:first-child {
    flex-basis: 52%;
  }

  .editor-styles-wrapper .about-attitude .wp-block-columns:not(:has(> .wp-block-column[style*="flex-basis"])):not(:has(> .wp-block-column:nth-child(3))) > .wp-block-column:nth-child(2) {
    flex-basis: 48%;
  }

  .editor-styles-wrapper .about-history__columns:not(:has(> .wp-block-column[style*="flex-basis"])):not(:has(> .wp-block-column:nth-child(3))) > .about-history__lead {
    flex-basis: 38%;
  }

  .editor-styles-wrapper .about-history__columns:not(:has(> .wp-block-column[style*="flex-basis"])):not(:has(> .wp-block-column:nth-child(3))) > .about-history__copy {
    flex-basis: 58%;
  }
}

.editor-styles-wrapper .about-history {
  padding-top: clamp(72px, 8vw, 128px);
  padding-bottom: clamp(72px, 8vw, 128px);
  background: var(--doit-charcoal, #171e26);
  color: #f4f6f7;
}

.editor-styles-wrapper .about-history__inner {
  width: min(100%, var(--doit-content-width, 1380px));
  max-width: var(--doit-content-width, 1380px);
  margin-inline: auto;
}

.editor-styles-wrapper .about-history__eyebrow {
  margin: 0 0 24px;
  color: var(--doit-green-strong);
  font-family: "Myriad Pro Semibold", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 1.12px;
  text-transform: uppercase;
}

.editor-styles-wrapper .about-history .about-history__title {
  max-width: 100%;
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: clamp(2.45rem, 4vw, 4rem);
  font-weight: 300;
  line-height: 1.12;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.editor-styles-wrapper .about-history__copy {
  max-width: 720px;
}

.editor-styles-wrapper .about-history__copy p {
  max-width: 100%;
  margin-bottom: 24px;
  color: #f4f6f7;
  font-family: "Segoe UI", sans-serif;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 400;
}

.editor-styles-wrapper .about-history__copy .about-history__closing {
  margin-top: 40px;
  padding-top: 28px;
  border-top: 1px solid rgba(159, 193, 49, .7);
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: clamp(1.35rem, 1.8vw, 1.65rem);
  font-weight: 500;
  line-height: 1.4;
}

/* Legal pages are edited as readable documents, matching their frontend view. */
.editor-styles-wrapper .doit-subpage-section--legal {
	padding-top: calc(var(--doit-section-space) * .67);
	background: #f8f9f4;
}

.editor-styles-wrapper .doit-subpage-section--legal .doit-subpage-reading {
	max-width: 1280px;
	margin-inline: auto;
	padding: clamp(56px, 5.5vw, 96px);
	background: #fff;
	box-shadow: 0 12px 36px rgba(41, 57, 45, .05);
}

.editor-styles-wrapper .doit-subpage-section--legal .doit-subpage-reading > h2 {
	max-width: none;
	font-family: "Myriad Pro Semibold", sans-serif;
	font-size: clamp(2.5rem, 3.2vw, 2.8125rem);
	font-weight: 600;
	line-height: 1.12;
	letter-spacing: -.02em;
}

.editor-styles-wrapper .doit-subpage-section--legal .doit-subpage-lead {
	max-width: none;
	margin-top: 18px;
	padding-bottom: 34px;
	border-bottom: 4px solid #6f9500;
	color: #7a8595;
	font-family: "Myriad Pro Light", sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
}

.editor-styles-wrapper .doit-subpage-section--legal h3 {
	margin-top: 60px;
	color: #6f9500;
	font-family: "Myriad Pro Semibold", sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.25;
}

.editor-styles-wrapper .doit-subpage-section--legal .doit-subpage-text {
	max-width: none;
	color: #7a8595;
	font-family: "Myriad Pro Light", sans-serif;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.7;
}

/* Normal Gutenberg paragraphs in legal content use the same document typography. */
.editor-styles-wrapper .doit-subpage-section--legal .doit-subpage-reading .wp-block-paragraph:not(.doit-subpage-lead) {
	max-width: none;
	color: #7a8595;
	font-family: "Myriad Pro Light", sans-serif;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.7;
}

.editor-styles-wrapper .doit-design-swatch {
	box-sizing: border-box;
	display: flex;
	align-items: flex-end;
	min-block-size: 150px;
	padding: 24px;
	border: 1px solid rgba(13, 36, 51, .12);
	border-radius: 8px;
	box-shadow: 0 10px 24px rgba(13, 36, 51, .07);
}

.editor-styles-wrapper .doit-design-swatch p {
	margin: 0;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.3;
}

.editor-styles-wrapper .doit-design-token-meta {
	margin-top: 14px;
	color: var(--doit-text-muted);
	font-size: .9375rem;
	line-height: 1.45;
}

.editor-styles-wrapper .doit-design-type-sample {
	padding-block: 32px;
	border-top: 1px solid var(--doit-border);
}

.editor-styles-wrapper .doit-design-type-sample > :last-child {
	margin-bottom: 0;
}

.editor-styles-wrapper .doit-design-type-label {
	margin: 0 0 18px;
	color: var(--doit-green-strong);
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.editor-styles-wrapper .doit-design-dark-sample {
	padding: clamp(32px, 5vw, 56px);
	border-radius: 8px;
	background: var(--doit-charcoal);
	color: #f4f6f7;
}

.editor-styles-wrapper .doit-design-dark-sample :where(h2, h3, p) {
	color: inherit;
}

.editor-styles-wrapper .doit-subpage-media-row {
	align-items: center;
	gap: clamp(40px, 7vw, 96px);
}

.editor-styles-wrapper .doit-subpage-media-row img {
	aspect-ratio: 4 / 3;
	border-radius: 8px;
	object-fit: cover;
}

.editor-styles-wrapper .doit-subpage-feature {
	padding-top: 24px;
	border-top: 2px solid var(--doit-green);
}

.editor-styles-wrapper .doit-subpage-cta {
	padding: clamp(64px, 8vw, 104px) var(--doit-gutter);
}

@media (max-width: 782px) {
	.editor-styles-wrapper .doit-editor-header-preview {
		min-height: 88px;
		padding: 16px 20px;
	}

	.editor-styles-wrapper .doit-editor-header-preview img {
		width: 116px;
	}

	.editor-styles-wrapper .editor-post-title {
		top: 17px;
		right: 20px;
		width: min(260px, calc(100% - 176px));
	}

	.editor-styles-wrapper .editor-post-title::before {
		font-size: .6875rem;
	}
}


/* Match Gutenberg lead metrics to the published subpage component. */
.editor-styles-wrapper .doit-subpage-lead {
	max-width: none;
	margin-top: 28px;
	color: var(--doit-text);
	line-height: 1.5;
}


/* Career values timeline */
.editor-styles-wrapper .doit-values-timeline {
  display: grid;
  gap: 0;
  margin-top: clamp(24px, 3vw, 40px);
}

.editor-styles-wrapper .doit-values-timeline__item {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 96px minmax(0, 1fr);
  column-gap: clamp(8px, 0.5vw, 12px);
  align-items: center;
  min-block-size: 154px;
}

.editor-styles-wrapper .doit-values-timeline__item::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 6px;
  background-image: radial-gradient(circle, rgba(174, 213, 53, 0.7) 0 1.75px, transparent 2.25px);
  background-position: center top;
  background-repeat: repeat-y;
  background-size: 6px 16px;
  content: "";
  transform: translateX(-50%);
}

.editor-styles-wrapper .doit-values-timeline__item:first-child::before {
  top: 50%;
}

.editor-styles-wrapper .doit-values-timeline__item:last-child::before {
  bottom: 50%;
}

.editor-styles-wrapper .doit-values-timeline__icon {
  position: relative;
  z-index: 1;
  display: grid;
  grid-column: 2;
  grid-row: 1;
  place-items: center;
  width: 80px;
  aspect-ratio: 1;
  margin: auto;
  border: 1px solid rgba(174, 213, 53, 0.76);
  border-radius: 50%;
  background: var(--doit-charcoal);
  box-shadow: 0 0 0 8px var(--doit-charcoal);
}

.editor-styles-wrapper .doit-values-timeline__icon img {
  display: block;
  width: 30px;
  height: 30px;
  filter: brightness(0) saturate(100%) invert(78%) sepia(57%) saturate(399%) hue-rotate(36deg) brightness(94%) contrast(82%);
}

.editor-styles-wrapper .doit-values-timeline__copy {
  grid-column: 3;
  grid-row: 1;
  max-width: 31rem;
  margin: 0;
}

.editor-styles-wrapper .doit-values-timeline__item:nth-child(even) .editor-styles-wrapper .doit-values-timeline__copy {
  grid-column: 1;
  text-align: right;
  justify-self: end;
}

.editor-styles-wrapper .doit-values-timeline__copy p {
  margin: 0;
  color: #f4f6f7;
  font-family: "Inter", sans-serif;
  font-size: clamp(1.5167rem, calc(1.75vw + 2.667px), 1.8667rem);
  font-weight: 300;
  line-height: 1.22;
}

@media (max-width: 999px) {
  .editor-styles-wrapper .doit-values-timeline__item {
    grid-template-columns: 76px minmax(0, 1fr);
    column-gap: 28px;
    min-block-size: 124px;
  }

  .editor-styles-wrapper .doit-values-timeline__item::before {
    left: 38px;
  }

  .editor-styles-wrapper .doit-values-timeline__icon {
    grid-column: 1;
    width: 64px;
    box-shadow: 0 0 0 6px var(--doit-charcoal);
  }

  .editor-styles-wrapper .doit-values-timeline__icon img {
    width: 25px;
    height: 25px;
  }

  .editor-styles-wrapper .doit-values-timeline__copy,
  .editor-styles-wrapper .doit-values-timeline__item:nth-child(even) .editor-styles-wrapper .doit-values-timeline__copy {
    grid-column: 2;
    text-align: left;
    justify-self: start;
  }
}

@media (min-width: 1000px) {
  .editor-styles-wrapper .doit-values-timeline__copy p {
    font-size: clamp(1.4167rem, calc(1.45vw + 2.667px), 1.6667rem);
  }
}

@media (min-width: 1000px) {
  .editor-styles-wrapper .doit-values-timeline__copy {
    transform: none;
  }
}


@media (hover: hover) and (pointer: fine) {
  .editor-styles-wrapper .doit-values-timeline__item {
    transition: transform 250ms ease;
  }

  .editor-styles-wrapper .doit-values-timeline__item::before,
  .editor-styles-wrapper .doit-values-timeline__item::after {
    z-index: 0;
  }

  .editor-styles-wrapper .doit-values-timeline__item::after {
    position: absolute;
    left: 50%;
    width: 6px;
    background-image: radial-gradient(circle, var(--doit-green-light) 0 1.75px, transparent 2.25px);
    background-position: center top;
    background-repeat: repeat-y;
    background-size: 6px 16px;
    content: "";
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%);
    transition: opacity 250ms ease;
  }

  .editor-styles-wrapper .doit-values-timeline__icon {
    transition: background-color 250ms ease, border-color 250ms ease, box-shadow 250ms ease;
  }

  .editor-styles-wrapper .doit-values-timeline__icon img,
  .editor-styles-wrapper .doit-values-timeline__copy p {
    transition: filter 250ms ease, color 250ms ease, transform 250ms ease;
  }

  .editor-styles-wrapper .doit-values-timeline__item:hover {
    transform: translateY(-2px);
  }

  .editor-styles-wrapper .doit-values-timeline__item:hover .doit-values-timeline__icon {
    background-color: var(--doit-charcoal);
    background-color: color-mix(in srgb, var(--doit-charcoal) 90%, var(--doit-green-light));
    border-color: var(--doit-green-light);
    box-shadow: 0 0 0 8px var(--doit-charcoal), 0 0 18px rgba(159, 193, 49, 0.15);
  }

  .editor-styles-wrapper .doit-values-timeline__item:hover .doit-values-timeline__icon img {
    filter: brightness(0) saturate(100%) invert(78%) sepia(57%) saturate(399%) hue-rotate(36deg) brightness(112%) contrast(85%);
  }

  .editor-styles-wrapper .doit-values-timeline__copy p {
    transform-origin: left center;
  }

  .editor-styles-wrapper .doit-values-timeline__item:nth-child(even) .doit-values-timeline__copy p {
    transform-origin: right center;
  }

  .editor-styles-wrapper .doit-values-timeline__item:hover .doit-values-timeline__copy p {
    color: #ffffff;
    transform: scale(1.1);
  }

  .editor-styles-wrapper .doit-values-timeline__item:hover::after {
    top: 0;
    height: 50%;
    opacity: 1;
  }

  .editor-styles-wrapper .doit-values-timeline__item:has(+ .doit-values-timeline__item:hover)::after {
    top: 50%;
    bottom: 0;
    opacity: 1;
  }

  .editor-styles-wrapper .doit-values-timeline__item:first-child:hover::after {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .editor-styles-wrapper .doit-values-timeline__item,
  .editor-styles-wrapper .doit-values-timeline__item::after,
  .editor-styles-wrapper .doit-values-timeline__icon,
  .editor-styles-wrapper .doit-values-timeline__icon img,
  .editor-styles-wrapper .doit-values-timeline__copy p {
    transition: none;
  }

  .editor-styles-wrapper .doit-values-timeline__item:hover {
    transform: none;
  }
}


/* Career page: editor-managed job cards. */
.editor-styles-wrapper .doit-job-cards {
  margin-top: clamp(32px, 3vw, 48px);
}

.editor-styles-wrapper .doit-job-cards__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 46%));
  justify-content: start;
  gap: clamp(36px, 3vw, 48px);
  margin: 0;
}

.editor-styles-wrapper .doit-job-cards__column {
  display: flex;
  min-width: 0;
  margin: 0;
}

.editor-styles-wrapper .doit-job-card {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  padding: clamp(24px, 1.6vw, 28px) clamp(26px, 2.5vw, 36px) 22px;
  border: 1px solid rgba(159, 193, 49, .42);
  border-radius: 8px;
  background: #fbfdf4;
  box-shadow: none;
  transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}

.editor-styles-wrapper .doit-job-card__eyebrow {
  margin: 0 0 10px;
  color: var(--doit-green-strong);
  font-family: "Myriad Pro Semibold", sans-serif;
  font-size: .875rem;
  font-weight: 600;
  letter-spacing: .06em;
  line-height: 1.2;
  text-transform: uppercase;
}

.editor-styles-wrapper .doit-job-card__icon {
  width: 37px;
  margin: 0 0 5px;
  padding: 7px;
  border: 1px solid rgba(159, 193, 49, .22);
  border-radius: 8px;
  background: rgba(215, 234, 108, .12);
  transition: border-color 200ms ease, background-color 200ms ease, filter 200ms ease;
}

.editor-styles-wrapper .doit-job-card__icon img {
  display: block;
  width: 100%;
  height: auto;
}

.editor-styles-wrapper .doit-job-card__title {
  margin: 0;
  color: var(--doit-charcoal);
  font-family: "Myriad Pro Semibold", sans-serif;
  font-size: clamp(1.65rem, 2vw, 2.1rem);
  font-weight: 600;
  line-height: 1.15;
}

.editor-styles-wrapper .doit-job-card__meta {
  margin: 10px 0 0;
  color: #62727d;
  font-size: .9375rem;
  line-height: 1.45;
}

.editor-styles-wrapper .doit-job-card__description {
  margin: 14px 0 0;
  color: #41525e;
  font-size: 1rem;
  line-height: 1.6;
}

.editor-styles-wrapper .doit-job-card .wp-block-buttons {
  margin: 28px 0 0;
  padding-top: 0;
}

.editor-styles-wrapper .doit-job-card .wp-block-button__link:focus-visible {
  outline: 3px solid var(--doit-green-strong);
  outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
  .editor-styles-wrapper .doit-job-card:hover,
  .editor-styles-wrapper .doit-job-card:focus-within {
    transform: translateY(-4px);
    border-color: var(--doit-green-light);
    box-shadow: 0 10px 22px rgba(13, 36, 51, .08);
  }

  .editor-styles-wrapper .doit-job-card:hover .doit-job-card__icon,
  .editor-styles-wrapper .doit-job-card:focus-within .doit-job-card__icon {
    border-color: rgba(159, 193, 49, .52);
    background-color: rgba(215, 234, 108, .2);
    filter: brightness(1.06);
  }
}

@media (max-width: 1100px) {
  .editor-styles-wrapper .doit-job-cards__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .editor-styles-wrapper .doit-job-card {
    min-height: 0;
  }
}

@media (max-width: 781px) {
  .editor-styles-wrapper .doit-job-cards {
    margin-top: 28px;
  }

  .editor-styles-wrapper .doit-job-card {
    padding: 24px;
  }

  .editor-styles-wrapper .doit-job-card .wp-block-button,
  .editor-styles-wrapper .doit-job-card .wp-block-button__link {
    width: 100%;
  }

  .editor-styles-wrapper .doit-job-card .wp-block-button__link {
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .editor-styles-wrapper .doit-job-card,
  .editor-styles-wrapper .doit-job-card__icon {
    transition: none;
  }

  .editor-styles-wrapper .doit-job-card:hover,
  .editor-styles-wrapper .doit-job-card:focus-within {
    transform: none;
  }
}


/* Career page: keep Gutenberg columns structural around job cards. */
.editor-styles-wrapper .doit-job-cards__column {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}


/* Career page: self-contained server glyph for the Gutenberg job icon. */
.editor-styles-wrapper .doit-job-card__icon--server {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171e26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M7 8h.01'/%3E%3Cpath d='M17 8h2'/%3E%3Cpath d='M3 18a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v4H3z'/%3E%3Cpath d='M7 20h.01'/%3E%3Cpath d='M17 20h2'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px;
}

.editor-styles-wrapper .doit-job-card__icon--server img {
  opacity: 0;
}


@media (min-width: 1101px) {
  .editor-styles-wrapper .doit-job-card__description {
    min-height: 6.4em;
  }
}


/* Career page: align the compact text stack below the icons. */
.editor-styles-wrapper .doit-job-card__eyebrow,
.editor-styles-wrapper .doit-job-card__title,
.editor-styles-wrapper .doit-job-card__meta,
.editor-styles-wrapper .doit-job-card__description {
  position: relative;
  top: 5.333px;
}

/* Career jobs: match the server glyph to the sales icon without changing its tile. */
.editor-styles-wrapper .doit-job-card__icon--server {
  background-size: 22px;
}

/* Career jobs: render the sales glyph at the same visual scale as the editor preview. */
.editor-styles-wrapper .doit-job-cards__column:nth-child(2) .doit-job-card__icon {
  background-image: url("https://bgweb.de/wp-content/uploads/2026/07/target-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 37px;
}

.editor-styles-wrapper .doit-job-cards__column:nth-child(2) .doit-job-card__icon img {
  opacity: 0;
}

/* Career jobs: match the Technik glyph to the sales icon without changing the tile. */
.editor-styles-wrapper .doit-job-cards__column:nth-child(1) .doit-job-card__icon {
  background-image: url("https://bgweb.de/wp-content/uploads/2026/07/adjustments-horizontal.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 37px;
}

.editor-styles-wrapper .doit-job-cards__column:nth-child(1) .doit-job-card__icon img {
  opacity: 0;
}

/* Career jobs: align the Technik text stack with Vertrieb while leaving the icon fixed. */
.editor-styles-wrapper .doit-job-cards__column:nth-child(1) .doit-job-card > :not(.doit-job-card__icon) {
  transform: translateY(5px);
}

/* Career jobs: restrained category accents along the card edge. */
.editor-styles-wrapper .doit-job-card {
  position: relative;
  overflow: hidden;
}

.editor-styles-wrapper .doit-job-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  pointer-events: none;
}

.editor-styles-wrapper .doit-job-cards__column:nth-child(1) .doit-job-card::before {
  background: #7a8792;
}

.editor-styles-wrapper .doit-job-cards__column:nth-child(2) .doit-job-card::before {
  background: #a7d82e;
}

/* Career jobs: keep the established soft card shadow in the resting state. */
.editor-styles-wrapper .doit-job-card {
  box-shadow: 0 10px 22px rgba(13, 36, 51, .08);
}

/* Career jobs: unified, restrained hover response for the complete card. */
.editor-styles-wrapper .doit-job-card::before {
  transition: height 200ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .editor-styles-wrapper .doit-job-card:hover,
  .editor-styles-wrapper .doit-job-card:focus-within {
    transform: translateY(-4px);
    box-shadow: 0 16px 30px rgba(13, 36, 51, .14);
  }

  .editor-styles-wrapper .doit-job-card:hover::before,
  .editor-styles-wrapper .doit-job-card:focus-within::before {
    height: 5px;
  }

  .editor-styles-wrapper .doit-job-card:hover .doit-job-card__icon,
  .editor-styles-wrapper .doit-job-card:focus-within .doit-job-card__icon {
    background-color: rgba(215, 234, 108, .32);
    filter: brightness(1.08);
  }

  .editor-styles-wrapper .doit-job-card:hover .wp-block-button__link,
  .editor-styles-wrapper .doit-job-card:focus-within .wp-block-button__link {
    color: #171e26 !important;
  }
}

/* Career page: compact editorial CTA beneath the open job cards. */
.editor-styles-wrapper .doit-initiative-card {
  box-sizing: border-box;
  width: calc(92% + clamp(36px, 3vw, 48px));
  max-width: 100%;
  margin: clamp(32px, 3vw, 40px) 0 0;
  padding: clamp(28px, 2.25vw, 36px) clamp(24px, 3vw, 40px) clamp(30px, 2.5vw, 36px);
  border: 1px solid rgba(159, 193, 49, .42);
  border-radius: 8px;
  background: #fbfdf4;
  box-shadow: none;
  transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}

.editor-styles-wrapper .doit-initiative-card::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 0 14px;
  border: 1px solid rgba(159, 193, 49, .3);
  border-radius: 8px;
  background-color: rgba(215, 234, 108, .1);
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23171e26%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225%22 width=%2213%22 height=%2212%22 rx=%222%22/%3E%3Cpath d=%22M3 7l6.5 5l6.5 -5%22/%3E%3Cpath d=%22M16 14h5%22/%3E%3Cpath d=%22M18.5 11.5l2.5 2.5l-2.5 2.5%22/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 23px;
  transition: background-color 200ms ease, border-color 200ms ease, filter 200ms ease;
}

.editor-styles-wrapper .doit-initiative-card__eyebrow {
  margin: 0 0 8px;
  color: var(--doit-green);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
}

.editor-styles-wrapper .doit-initiative-card__title {
  margin: 0;
  color: var(--doit-blue);
  font-size: clamp(24px, 2vw, 30px);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.18;
}

.editor-styles-wrapper .doit-initiative-card__description {
  max-width: 68ch;
  margin: 14px 0 0;
  color: var(--doit-gray);
  font-size: 16px;
  line-height: 1.6;
}

.editor-styles-wrapper .doit-initiative-card__actions {
  margin: 28px 0 0;
}

.editor-styles-wrapper .doit-initiative-card__actions .wp-block-button__link:focus-visible {
  outline: 2px solid var(--doit-green-light);
  outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
  .editor-styles-wrapper .doit-initiative-card:hover {
    transform: translateY(-3px);
    border-color: var(--doit-green-light);
    box-shadow: 0 10px 22px rgba(13, 36, 51, .08);
  }

  .editor-styles-wrapper .doit-initiative-card:hover::before {
    border-color: rgba(159, 193, 49, .5);
    background-color: rgba(215, 234, 108, .2);
    filter: brightness(1.05);
  }
}

@media (max-width: 767px) {
  .editor-styles-wrapper .doit-initiative-card {
    width: 100%;
    padding: 28px 24px 30px;
  }

  .editor-styles-wrapper .doit-initiative-card__actions .wp-block-button__link {
    width: 100%;
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .editor-styles-wrapper .doit-initiative-card,
  .editor-styles-wrapper .doit-initiative-card::before {
    transition: none;
    transform: none;
  }
}

/* Gutenberg constrained layouts may center paragraphs; keep this CTA copy aligned with its card. */
.editor-styles-wrapper .doit-initiative-card__description {
  margin-left: 0 !important;
  margin-right: 0 !important;
}



/* Career page: match the initiative CTA rhythm to the two editorial job cards. */
.editor-styles-wrapper .doit-initiative-card {
  padding: clamp(24px, 1.6vw, 28px) clamp(26px, 2.5vw, 36px) 22px;
}

.editor-styles-wrapper .doit-initiative-card::before {
  width: 37px;
  height: 37px;
  margin-bottom: 10px;
  background-size: 22px;
}

.editor-styles-wrapper .doit-initiative-card__eyebrow {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.55;
}

.editor-styles-wrapper .doit-initiative-card__title {
  margin: 0 0 14px;
  font-size: 40px;
  line-height: 1.2;
}

.editor-styles-wrapper .doit-initiative-card__description {
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
}

.editor-styles-wrapper .doit-initiative-card__actions {
  margin-top: 28px;
}

@media (max-width: 767px) {
  .editor-styles-wrapper .doit-initiative-card {
    padding: 24px 26px 22px;
  }

  .editor-styles-wrapper .doit-initiative-card__eyebrow {
    font-size: 20px;
  }

  .editor-styles-wrapper .doit-initiative-card__title {
    font-size: 32px;
  }
}


/* Career page: use the same title-to-copy interval as the job cards. */
.editor-styles-wrapper .doit-initiative-card__title {
  margin-bottom: 12px;
}

/* Career page: visually align the initiative CTA with the job-card vocabulary. */
.editor-styles-wrapper .doit-initiative-card::before {
  background-size: 28px;
}

.editor-styles-wrapper .doit-initiative-card__eyebrow {
  color: rgb(82, 97, 109);
  font-family: "Source Sans 3", sans-serif;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}


/* Career page: balanced two-column composition for the initiative CTA. */
.editor-styles-wrapper .doit-initiative-card::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23171e26%22 stroke-width=%221.35%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225%22 width=%2213%22 height=%2212%22 rx=%222%22/%3E%3Cpath d=%22M3 7l6.5 5l6.5 -5%22/%3E%3Cpath d=%22M16 14h5%22/%3E%3Cpath d=%22M18.5 11.5l2.5 2.5l-2.5 2.5%22/%3E%3C/svg%3E");
  background-size: 26px;
}

.editor-styles-wrapper .doit-initiative-card__layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.65fr) minmax(260px, 1fr);
  align-items: center;
  gap: clamp(48px, 5vw, 72px);
  width: 100%;
  margin: 0;
}

.editor-styles-wrapper .doit-initiative-card__layout > .doit-initiative-card__primary,
.editor-styles-wrapper .doit-initiative-card__layout > .doit-initiative-card__secondary {
  min-width: 0;
  margin: 0 !important;
}

.editor-styles-wrapper .doit-initiative-card__description {
  max-width: 640px;
}

.editor-styles-wrapper .doit-initiative-card__secondary {
  align-self: center;
}

.editor-styles-wrapper .doit-initiative-card__prompt {
  max-width: 360px;
  margin: 0;
  color: var(--doit-blue);
  font-size: clamp(22px, 1.65vw, 26px);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.34;
}

.editor-styles-wrapper .doit-initiative-card__secondary .doit-initiative-card__actions {
  margin-top: 24px;
}

@media (max-width: 900px) {
  .editor-styles-wrapper .doit-initiative-card__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }

  .editor-styles-wrapper .doit-initiative-card__secondary {
    align-self: start;
  }

  .editor-styles-wrapper .doit-initiative-card__prompt {
    max-width: 620px;
  }
}

/* Career page: protect the secondary CTA statement from generic paragraph presets. */
.editor-styles-wrapper .doit-initiative-card__prompt {
  color: #042940 !important;
  font-family: Inter, sans-serif;
  font-size: clamp(22px, 1.65vw, 26px) !important;
  font-weight: 600;
  line-height: 1.34 !important;
}

/* Career page: keep the secondary message as two calm lines on wide cards. */
.editor-styles-wrapper .doit-initiative-card__prompt {
  max-width: none;
  font-size: 22px !important;
  line-height: 1.36 !important;
}

/* Career page: keep the initiative CTA as one clear card, without inner card treatments. */
.editor-styles-wrapper .doit-initiative-card::before {
  content: none;
}

.editor-styles-wrapper .doit-initiative-card__layout,
.editor-styles-wrapper .doit-initiative-card__primary,
.editor-styles-wrapper .doit-initiative-card__secondary {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.editor-styles-wrapper .doit-initiative-card__primary::before {
  content: "";
  display: block;
  width: 37px;
  height: 37px;
  margin: 0 0 10px;
  border: 1px solid rgba(159, 193, 49, .3);
  border-radius: 8px;
  background-color: rgba(215, 234, 108, .1);
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23171e26%22 stroke-width=%221.35%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225%22 width=%2213%22 height=%2212%22 rx=%222%22/%3E%3Cpath d=%22M3 7l6.5 5l6.5 -5%22/%3E%3Cpath d=%22M16 14h5%22/%3E%3Cpath d=%22M18.5 11.5l2.5 2.5l-2.5 2.5%22/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 26px;
  transition: background-color 200ms ease, border-color 200ms ease, filter 200ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .editor-styles-wrapper .doit-initiative-card:hover .doit-initiative-card__primary::before {
    border-color: rgba(159, 193, 49, .5);
    background-color: rgba(215, 234, 108, .2);
    filter: brightness(1.05);
  }
}

@media (prefers-reduced-motion: reduce) {
  .editor-styles-wrapper .doit-initiative-card__primary::before {
    transition: none;
  }
}


/* Career page: align the initiative mark and label with the job-card header treatment. */
.editor-styles-wrapper .doit-initiative-card {
  position: relative;
  overflow: hidden;
}

.editor-styles-wrapper .doit-initiative-card::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  border-radius: 8px 8px 0 0;
  background: #d7dddf;
  pointer-events: none;
}

.editor-styles-wrapper .doit-initiative-card__primary::before {
  background-size: 30px;
}

.editor-styles-wrapper .doit-initiative-card__eyebrow {
  color: rgb(82, 97, 109) !important;
  font-family: "Source Sans 3", sans-serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  letter-spacing: 1.44px !important;
  line-height: 37.2px !important;
  text-transform: uppercase !important;
}

/* Career page: keep the initiative content flush with the job-card content edge at every width. */
.editor-styles-wrapper .doit-initiative-card__layout {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Career page: columns are content-only, never inset panels. */
.editor-styles-wrapper .doit-initiative-card__primary,
.editor-styles-wrapper .doit-initiative-card__secondary {
  padding: 0 !important;
}

.editor-styles-wrapper .doit-initiative-card::after {
  background: #b9c3c7;
}

/* Career page: tighten the desktop initiative-card columns. */
@media (min-width: 901px) {
  .editor-styles-wrapper .doit-initiative-card__layout {
    gap: 40px;
  }
}

/* Career page: match the visible initiative mark to the job-card icon weight. */
.editor-styles-wrapper .doit-initiative-card__primary::before {
  background-size: 34px;
}

/* Career page: give the initiative mark a taller, clearer silhouette. */
.editor-styles-wrapper .doit-initiative-card__primary::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23171e26%22 stroke-width=%221%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%224%22 width=%2211%22 height=%2214%22 rx=%222%22/%3E%3Cpath d=%22M4 7.5l5.5 4.5l5.5 -4.5%22/%3E%3Cpath d=%22M16 14h5%22/%3E%3Cpath d=%22M18.5 11.5l2.5 2.5l-2.5 2.5%22/%3E%3C/svg%3E");
  background-size: 36px;
}

/* Career page: restore a balanced width-to-height ratio for the initiative mark. */
.editor-styles-wrapper .doit-initiative-card__primary::before {
  background-size: 34px 30px;
}

/* Career page: use a simple envelope mark without an arrow. */
.editor-styles-wrapper .doit-initiative-card__primary::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23171e26%22 stroke-width=%221%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%226%22 width=%2218%22 height=%2212%22 rx=%222%22/%3E%3Cpath d=%22M3 8l9 7l9 -7%22/%3E%3C/svg%3E");
  background-size: 34px 30px;
}

/* Career page: calm process section below the open positions. */
.editor-styles-wrapper .doit-career-process {
  width: 100%;
  max-width: 100%;
  margin: 96px auto 32px;
  padding: 0;
  background: transparent;
}

.editor-styles-wrapper .doit-career-process__eyebrow {
  margin: 0 0 24px;
  color: var(--doit-green-light);
  font-family: "Myriad Pro Semibold", sans-serif;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 1.12px;
  line-height: 35px;
  text-transform: uppercase;
}

.editor-styles-wrapper .doit-career-process__title {
  max-width: 940px;
  margin: 0;
  color: #171e26;
  font-family: Inter, sans-serif;
  font-size: 52px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.16;
}

.editor-styles-wrapper .doit-career-process__intro {
  max-width: 700px;
  margin: 22px 0 0;
  color: var(--doit-gray);
  font-size: 18px;
  line-height: 1.55;
}

.editor-styles-wrapper .doit-career-process__steps {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 56px;
  margin: 56px 0 0;
}

.editor-styles-wrapper .doit-career-process__step {
  position: relative;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.editor-styles-wrapper .doit-career-process__number {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0;
  border: 1px solid var(--doit-green-light);
  border-radius: 50%;
  background: #fbfdf4;
  color: var(--doit-green-light);
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
}

.editor-styles-wrapper .doit-career-process__step:not(:last-child)::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 18px;
  left: 36px;
  right: -56px;
  height: 1px;
  background: rgba(159, 193, 49, .28);
}

.editor-styles-wrapper .doit-career-process__step-title {
  max-width: 330px;
  margin: 18px 0 12px;
  color: #042940;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.25;
}

.editor-styles-wrapper .doit-career-process__step-text {
  max-width: 360px;
  margin: 0;
  color: var(--doit-gray);
  font-size: 18px;
  line-height: 1.55;
}

@media (max-width: 900px) {
  .editor-styles-wrapper .doit-career-process {
    margin-top: 80px;
    margin-bottom: 24px;
  }

  .editor-styles-wrapper .doit-career-process__steps {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
    margin-top: 48px;
  }

  .editor-styles-wrapper .doit-career-process__step:not(:last-child)::after {
    display: none;
  }
}

@media (max-width: 767px) {
  .editor-styles-wrapper .doit-career-process__eyebrow {
    margin-bottom: 18px;
    font-size: 20px;
    line-height: 28px;
  }

  .editor-styles-wrapper .doit-career-process__title {
    font-size: 38px;
    line-height: 1.18;
  }

  .editor-styles-wrapper .doit-career-process__intro {
    margin-top: 18px;
  }
}

/* Career page: keep the process content on the existing section axis. */
.editor-styles-wrapper .doit-career-process > .doit-career-process__eyebrow,
.editor-styles-wrapper .doit-career-process > .doit-career-process__title,
.editor-styles-wrapper .doit-career-process > .doit-career-process__intro,
.editor-styles-wrapper .doit-career-process > .doit-career-process__steps {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
}


/* Career process: slightly darker pearl-chain connector. */
body.page-id-1464 .doit-career-process__number {
  border-color: rgba(127, 151, 38, .82);
}

body.page-id-1464 .doit-career-process__step:not(:last-child)::after {
  top: 18px;
  height: 0;
  border-top: 2px dotted rgba(127, 151, 38, .72);
  background: transparent;
}


/* Career process: clearer, round pearl spacing. */
body.page-id-1464 .doit-career-process__step:not(:last-child)::after {
  top: 15px;
  height: 6px;
  border-top: 0;
  background: radial-gradient(circle at 50% 50%, rgba(127, 151, 38, .72) 0 2.25px, transparent 2.5px) repeat-x;
  background-size: 18px 6px;
}


/* Career process: larger markers with a clear bead gap at each circle. */
body.page-id-1464 .doit-career-process__number {
  width: 41.4px;
  height: 41.4px;
}

body.page-id-1464 .doit-career-process__step:not(:last-child)::after {
  top: 17.7px;
  left: 49.4px;
  right: -48px;
}




/* About page hero: reuse the career hero geometry in the editor preview. */
.editor-styles-wrapper .doit-subpage-hero--about {
  position: relative;
  isolation: isolate;
  background-color: var(--doit-charcoal, #171e26);
  background-image: none;
}

.editor-styles-wrapper .doit-subpage-hero--about > .wp-block-cover__background {
  z-index: 0;
  background: var(--doit-charcoal, #171e26);
  opacity: 1;
}

.editor-styles-wrapper .doit-subpage-hero--about::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0 0 0 50%;
  background: #1b252d;
  pointer-events: none;
}

.editor-styles-wrapper .doit-subpage-hero--about > .wp-block-cover__inner-container {
  z-index: 1;
}

.editor-styles-wrapper .doit-subpage-hero--about .doit-subpage-hero__content,
.editor-styles-wrapper .doit-subpage-hero--about .doit-subpage-hero__copy {
  width: min(100%, 850px);
  max-width: none;
}

.editor-styles-wrapper .doit-subpage-hero--about .doit-subpage-hero__copy {
  margin-inline: 0 auto !important;
  font-family: "Segoe UI", sans-serif;
  font-weight: 400;
}

.editor-styles-wrapper .doit-subpage-hero--about .doit-subpage-hero__subtitle {
  max-width: 820px;
}

@media (max-width: 900px) {
  .editor-styles-wrapper .doit-subpage-hero--about::before {
    inset: 68% 0 0;
  }
}

/* About page hero: match the career hero padding and height in the editor. */
.editor-styles-wrapper .doit-subpage-hero--about {
  min-block-size: 636px;
  min-height: 0;
  padding: 80px;
  box-sizing: border-box;
}

@media (max-width: 900px) {
  .editor-styles-wrapper .doit-subpage-hero--about {
    min-block-size: 0;
    padding: 80px;
  }
}

@media (min-width: 900px) {
	/* Match the shared desktop hero start line in the Gutenberg canvas. */
	.editor-styles-wrapper .doit-subpage-hero {
		min-height: var(--doit-subpage-hero-height) !important;
		padding: 118px 0 0 !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
	}

/* Keep both About sections on one shared horizontal and vertical rhythm. */
@media (min-width: 900px) {
  .editor-styles-wrapper .about-history {
    padding-top: calc(var(--doit-section-space) * .85) !important;
    padding-bottom: var(--doit-section-space) !important;
  }
}

/* About history: editorial chapter rhythm and a quiet portrait area. */
.editor-styles-wrapper .about-history__portraits {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 16px !important;
  margin-top: 48px !important;
}

.editor-styles-wrapper .about-history__portrait {
  flex: 1 1 0;
  min-width: 0;
  margin: 0 !important;
}

.editor-styles-wrapper .about-history__portrait-surface {
  aspect-ratio: 4 / 5;
  width: 100%;
  min-height: 150px;
  background: #28323b;
}

.editor-styles-wrapper .about-history__portrait-name {
  margin: 12px 0 0 !important;
  color: #f4f6f7;
  font-family: "Source Sans 3", sans-serif;
  font-size: 16px;
  line-height: 1.35;
}

.editor-styles-wrapper .about-history__chapter {
  margin: 42px 0 12px !important;
  color: var(--doit-green-light);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1.2px;
  line-height: 1.25;
  text-transform: uppercase;
}

.editor-styles-wrapper .about-history__copy > .about-history__chapter:first-child {
  margin-top: 0 !important;
}

.editor-styles-wrapper .about-history__copy > p:not(.about-history__closing) {
  margin: 0 0 24px;
}

.editor-styles-wrapper .about-history__copy > p:not(.about-history__closing) + .about-history__chapter {
  margin-top: 48px !important;
}

@media (max-width: 899px) {
  .editor-styles-wrapper .about-history__portraits {
    margin-top: 32px !important;
  }

  .editor-styles-wrapper .about-history__chapter {
    margin-top: 36px !important;
  }
}


/* About history refinement: editor parity. */
@media (min-width: 900px) {
  .editor-styles-wrapper .about-history__columns:not(:has(> .wp-block-column[style*="flex-basis"])):not(:has(> .wp-block-column:nth-child(3))) {
    display: grid;
    grid-template-columns: minmax(0, .62fr) minmax(0, 1fr);
  }

  .editor-styles-wrapper .about-history__columns:not(:has(> .wp-block-column[style*="flex-basis"])):has(> .wp-block-column:nth-child(3)) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.editor-styles-wrapper .about-history__portrait-name { font-size: 15px; color: #f4f6f7 !important; }
.editor-styles-wrapper .about-history__chapter { margin: 32px 0 8px !important; color: #a8d62a !important; font-size: 14px; font-weight: 500; letter-spacing: 1px; }
.editor-styles-wrapper .about-history__copy > p:not(.about-history__closing) + .about-history__chapter { margin-top: 36px !important; }
.editor-styles-wrapper .about-history__copy a { color: inherit !important; text-decoration: underline; text-decoration-color: rgba(244,246,247,.55); text-underline-offset: .14em; }
.editor-styles-wrapper .about-history__copy a:hover, .editor-styles-wrapper .about-history__copy a:focus-visible { color: #a8d62a !important; text-decoration-color: currentColor; }
@media (max-width: 979px) { .editor-styles-wrapper .about-history__chapter { margin-top: 28px !important; } }


.editor-styles-wrapper .about-history__chapter { font-size: 14px !important; font-weight: 500 !important; }

/* Editorially maintained timeline periods shown directly in Gutenberg. */
.editor-styles-wrapper .about-history__period {
  margin: 22px 0 6px !important;
  color: rgba(244, 246, 247, .68) !important;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}

.editor-styles-wrapper .about-history__period + .about-history__chapter {
  margin-top: 0 !important;
}






/* Gutenberg remains authoritative for About history block spacing. */
.editor-styles-wrapper .about-history__copy { --wp--style--block-gap: 14px; }
.editor-styles-wrapper .about-history__copy > p:not(.about-history__closing) { margin: 0 !important; }


.editor-styles-wrapper .about-history__copy > p:not(.about-history__closing) + p:not(.about-history__closing) { margin-block-start: var(--wp--style--block-gap, 14px); }


.editor-styles-wrapper .about-history__copy > p:not(.about-history__closing) + p:not(.about-history__closing) { margin-block-start: var(--wp--style--block-gap, 14px) !important; }

/* Match the frontend spacing scale inside Gutenberg's canvas. */
.editor-styles-wrapper {
  --wp--preset--spacing--20: 8px;
  --wp--preset--spacing--30: 16px;
  --wp--preset--spacing--40: 24px;
  --wp--preset--spacing--50: 48px;
  --wp--preset--spacing--60: 80px;
  --wp--preset--spacing--70: 128px;
  --wp--preset--spacing--80: 200px;
  --wp--preset--spacing--90: 280px;
}


/* Match the frontend: an explicit Gutenberg column width overrides the
 * component's suggested grid ratio inside the editor canvas. */
.editor-styles-wrapper .wp-block-columns:has(> .wp-block-column[style*="flex-basis"]) {
  display: flex !important;
  grid-template-columns: none !important;
}

/* Gutenberg's desktop preview can use a narrow internal iframe. Keep the
 * editor's saved column widths visible there without changing mobile output. */
.editor-styles-wrapper .wp-block-columns.doit-editor-gutenberg-columns {
  width: 100% !important;
  max-width: none !important;
  flex-wrap: nowrap !important;
}

/* Reusable documentation and component reference styles (Gutenberg groups). */
:is(.is-style-doit-reference, .is-style-doit-reference-dark) {
  --doit-reference-text: #334550;
  --doit-reference-heading: #0d2433;
  --doit-reference-accent: #0d2433;
  --doit-reference-line: #cbd2d5;
  color: var(--doit-reference-text);
  background: #fff;
  font-family: "Segoe UI Light", "Segoe UI", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.6;
}
.is-style-doit-reference-dark {
  --doit-reference-text: #edf0f2;
  --doit-reference-heading: #fff;
  --doit-reference-accent: #d7ea6c;
  --doit-reference-line: #45512b;
  background: #171e26;
}
:is(.is-style-doit-reference, .is-style-doit-reference-dark).doit-subpage-section {
  padding-block: 64px;
}
.is-style-doit-reference .doit-design-dark-sample {
  --doit-reference-heading: #fff;
  --doit-reference-text: #edf0f2;
  --doit-reference-accent: #d7ea6c;
}
:is(.is-style-doit-reference, .is-style-doit-reference-dark) > .doit-subpage-shell {
  width: min(100%, var(--doit-content-width, 1380px));
  max-width: 1380px;
  margin-inline: auto;
}
:is(.is-style-doit-reference, .is-style-doit-reference-dark) :where(p, li, figcaption) {
  font-family: "Segoe UI Light", "Segoe UI", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.6;
}
:is(.is-style-doit-reference, .is-style-doit-reference-dark) :where(h2, h3, h4) {
  color: var(--doit-reference-heading);
  letter-spacing: 0;
  line-height: 1.25;
}
:is(.is-style-doit-reference, .is-style-doit-reference-dark).doit-subpage-section h2 {
  color: var(--doit-reference-heading);
  max-width: none;
  margin: 0 0 24px;
  font-size: 36px;
  font-weight: 400;
}
:is(.is-style-doit-reference, .is-style-doit-reference-dark) h3 {
  margin: 24px 0 16px;
  font-size: 24px;
  font-weight: 500;
}
:is(.is-style-doit-reference, .is-style-doit-reference-dark) :where(p, ul, ol, figure) {
  margin-block: 0 20px;
}
:is(.is-style-doit-reference, .is-style-doit-reference-dark) :where(a, a:visited) {
  color: var(--doit-reference-heading);
  text-decoration: underline;
  text-underline-offset: 3px;
}
:is(.is-style-doit-reference, .is-style-doit-reference-dark) a:hover {
  text-decoration-thickness: 2px;
}
:is(.is-style-doit-reference, .is-style-doit-reference-dark).doit-subpage-section :is(.doit-subpage-eyebrow, .doit-design-type-label) {
  color: var(--doit-reference-accent);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4;
}
.doit-reference-prose {
  max-width: 920px;
  margin-inline: 0;
}
.doit-reference-prose > :where(p, ul, ol, details, h2, h3) {
  margin-inline: 0;
  max-width: 100%;
}
.doit-reference-prose :where(ul, ol) {
  padding-inline-start: 0;
  list-style-position: outside;
}
.doit-reference-prose ul { list-style-type: disc; }
.doit-reference-prose li { margin-block: 10px; }
.doit-reference-prose details {
  border-bottom: 1px solid var(--doit-reference-line);
  margin-block: 0;
  padding: 0;
}
.doit-reference-prose details > summary {
  position: relative;
  display: block;
  list-style: none;
  padding: 20px 36px 20px 0;
  min-height: 48px;
  color: var(--doit-reference-heading);
  font-family: "Segoe UI", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  cursor: pointer;
}
.doit-reference-prose details > summary::-webkit-details-marker { display: none; }
.doit-reference-prose details > summary::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 20px;
  font-size: 22px;
  font-weight: 300;
}
.doit-reference-prose details[open] > summary::after { content: "\2212"; }
.doit-reference-prose details > :not(summary) {
  margin-inline: 0;
  padding-inline: 0;
}
.doit-reference-prose details > :last-child { margin-bottom: 28px; }
:is(.is-style-doit-reference, .is-style-doit-reference-dark) :where(a, summary, button):focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}
:is(.is-style-doit-reference, .is-style-doit-reference-dark) [id] { scroll-margin-top: 56px; }
.doit-reference-index { columns: 2; column-gap: 48px; }
.doit-reference-index p { break-inside: avoid; }
.doit-reference-media img { display: block; width: 100%; height: auto; }
.doit-reference-media figcaption { margin-top: 12px; color: var(--doit-reference-text); }
.doit-reference-tiles h3 { font-size: 26px; }
.doit-reference-tiles + .doit-reference-prose { margin-top: 36px; }
.doit-reference-tiles .wp-block-column { padding: 24px 0 0; }
.doit-reference-tiles .wp-block-column p { color: var(--doit-reference-text); }
.is-style-doit-reference-dark .doit-values-timeline__icon { margin-block: auto; }
.is-style-doit-reference-dark .doit-values-timeline__copy { margin-block: 0; }
.is-style-doit-reference-dark .doit-values-timeline__copy p { margin-block: 0; }

/* Horizontal process: same three-step geometry as the career process. */
.is-style-doit-process-horizontal {
  --doit-process-ink: #0d2433;
  --doit-process-surface: #fff;
  --doit-process-gap: 56px;
}
.is-style-doit-process-horizontal .doit-career-process__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--doit-process-gap);
  margin: 36px 0 0;
}
.is-style-doit-process-horizontal .doit-career-process__step {
  position: relative;
  margin: 0;
  min-width: 0;
}
.is-style-doit-process-horizontal .doit-career-process__number {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid #7f9726;
  border-radius: 50%;
  color: var(--doit-process-ink);
  background: var(--doit-process-surface);
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}
.is-style-doit-process-horizontal .doit-career-process__step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 50px;
  right: -48px;
  border-top: 2px dotted #7f9726;
}
.is-style-doit-process-horizontal .doit-career-process__step-title {
  font-size: 24px;
  line-height: 1.3;
  margin: 20px 0 12px;
}
/* Native Details blocks: editorial dates live in summary text, not CSS. */
.is-style-doit-timeline-accordion { max-width: 920px; }
.is-style-doit-timeline-accordion .doit-timeline-item {
  position: relative;
  margin: 0 0 0 32px;
  border-bottom: 1px solid var(--doit-reference-line, #45512b);
  padding: 0;
}
.is-style-doit-timeline-accordion .doit-timeline-item:last-child { border-bottom: 0; }
.is-style-doit-timeline-accordion .doit-timeline-item::before {
  content: "";
  position: absolute;
  top: 32px;
  bottom: -32px;
  left: -24px;
  border-left: 1px solid #72832f;
}
.is-style-doit-timeline-accordion .doit-timeline-item:last-child::before { display: none; }
.is-style-doit-timeline-accordion .doit-timeline-item > summary {
  box-sizing: border-box;
  position: relative;
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  min-height: 68px;
  padding: 20px 32px 20px 0;
  list-style: none;
  color: var(--doit-reference-accent, #d7ea6c);
  font-size: 20px;
  font-weight: 365;
  line-height: 1.4;
  cursor: pointer;
}
.is-style-doit-timeline-accordion summary::-webkit-details-marker { display: none; }
.is-style-doit-timeline-accordion summary::before {
  content: "";
  position: absolute;
  top: 27px;
  left: -31px;
  width: 15px;
  height: 15px;
  border: 1px solid #d7ea6c;
  border-radius: 50%;
  background: #171e26;
}
.is-style-doit-timeline-accordion details[open] summary::before { background: #d7ea6c; }
.is-style-doit-timeline-accordion summary::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 20px;
  font-size: 20px;
  font-weight: 300;
  color: #c0c8ce;
}
.is-style-doit-timeline-accordion details[open] summary::after { content: "\2212"; }
.is-style-doit-timeline-accordion .doit-timeline-period {
  font-size: 18px;
  font-weight: 400;
  color: #c0c8ce;
}
.is-style-doit-timeline-accordion .doit-timeline-item > p { margin: 0 0 20px; }
.is-style-doit-timeline-accordion .doit-timeline-item > p:last-child { margin-bottom: 32px; }
@media (max-width: 900px) {
  .doit-reference-index { columns: 1; }
  .is-style-doit-process-horizontal .doit-career-process__steps {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
  .is-style-doit-process-horizontal .doit-career-process__step:not(:last-child)::after { display: none; }
}
@media (max-width: 767px) {
  :is(.is-style-doit-reference, .is-style-doit-reference-dark).doit-subpage-section {
    padding-block: 48px;
  }
  :is(.is-style-doit-reference, .is-style-doit-reference-dark).doit-subpage-section h2 { font-size: 28px; }
  .is-style-doit-timeline-accordion .doit-timeline-item > summary {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
    font-size: 18px;
  }
}


/* Company editorial sections: opt-in Gutenberg groups, shared with editor. */
.doit-company-section.doit-subpage-section { padding:80px var(--doit-gutter,56px); background:#fff; color:#0d2433; }
.doit-company-section > .doit-company-shell { width:min(100%,1380px); max-width:1380px; margin-inline:auto; }
.doit-company-section.doit-subpage-section :is(h2,h3,p) { letter-spacing:0; }
.doit-company-section.doit-subpage-section h2 { color:inherit; font-size:48px; font-weight:300; line-height:1.15; max-width:960px; margin:0 0 40px; }
.doit-company-section.doit-subpage-section h3 { color:inherit; font-size:26px; font-weight:400; line-height:1.25; margin:0 0 16px; }
.doit-company-section.doit-subpage-section p { font-family:"Segoe UI",sans-serif; font-size:18px; font-weight:400; line-height:1.6; color:inherit; margin:0 0 20px; }
.doit-company-section.doit-subpage-section .doit-company-eyebrow { font-family:"Myriad Pro Semibold",sans-serif; font-size:24px; font-weight:500; line-height:30px; color:var(--doit-green-strong,#9fc131); margin:0 0 24px; }
.doit-company-values-list { margin:0; }
.doit-company-value { display:grid; grid-template-columns:1fr 2fr; column-gap:64px; padding:28px 0; border-top:1px solid #d6dcde; margin:0; }
.doit-company-value:last-child { padding-bottom:0; }
.doit-company-value p { max-width:760px; }
.doit-company-section.doit-company-today { background:#f4f6f6; }
.doit-company-two-column { display:grid; grid-template-columns:1fr 1fr; gap:72px; }
.doit-company-section .doit-company-facts h3:not(:first-child) { margin-top:32px; }
.doit-company-section.doit-company-process { background:#171e26; color:#f4f6f6; }
.doit-company-section.doit-subpage-section.doit-company-process { padding-block:112px; }
@media (max-width:1100px) {
 .doit-company-section.doit-subpage-section.doit-company-process { padding-block:96px; }
}
@media (max-width:767px) {
 .doit-company-section.doit-subpage-section.doit-company-process { padding-block:72px; }
}
.doit-company-process.doit-company-section > .doit-company-shell > h2 { margin-bottom: 72px; }
@media (max-width: 767px) {
  .doit-company-process.doit-company-section > .doit-company-shell > h2 { margin-bottom: 60px; }
}
.doit-company-process .doit-company-steps {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px 56px; align-items: start;
}
.doit-company-process .doit-company-step {
  position: relative; display: flex; flex-direction: column; gap: 20px;
  border: 0; padding: 0; margin: 0; min-width: 0;
}
.doit-company-process.doit-company-section .doit-company-step > p { margin: 0; }
.doit-company-process .doit-company-step:nth-child(2) { margin-top: 64px; }
.doit-company-process .doit-company-step:nth-child(3) { margin-top: 128px; }
.doit-company-process .doit-company-step:nth-child(4) { grid-column: 2; grid-row: 2; margin-top: -16px; }
.doit-company-process .doit-company-step:nth-child(5) { grid-column: 1; grid-row: 2; margin-top: 48px; }
.doit-company-process .doit-company-step:not(:last-child)::after {
  content: ""; position: absolute; top: 24px; left: 72px;
  width: calc(100% - 32px); height: 68px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%2068%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%202%20H50%20V66%20H100%22%20fill%3D%22none%22%20stroke%3D%22%23929a9f%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-dasharray%3D%220%208%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E");
  background-size: 100% 100%; background-repeat: no-repeat;
  opacity: .75; pointer-events: none; box-sizing: border-box;
}
.doit-company-process .doit-company-step:not(:first-child)::before {
  content: ""; position: absolute; left: -20px; top: 22px;
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--doit-green-strong, #9fc131); opacity: .8;
}
.doit-company-process .doit-company-step:nth-child(3)::after { display: none; }
@media (min-width: 1101px) {
  .doit-company-process .doit-company-step:nth-child(3) .doit-company-step-result::after {
    content: ""; position: absolute; top: calc(.15em + 17px);
    right: calc(100% + 16px); width: calc(100% - 32px);
    height: calc(100% + 58px - .15em - 17px);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M100%200%20H50%20V100%20H0%22%20fill%3D%22none%22%20stroke%3D%22%23929a9f%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-dasharray%3D%220%208%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E");
    background-size: 100% 100%; background-repeat: no-repeat;
    opacity: .75; pointer-events: none;
  }
}
.doit-company-process .doit-company-step:nth-child(4)::after {
  left: auto; right: calc(100% + 16px);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%2068%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M100%202%20H50%20V66%20H0%22%20fill%3D%22none%22%20stroke%3D%22%23929a9f%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-dasharray%3D%220%208%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E");
}
.doit-company-process .doit-company-step:nth-child(n+4)::before { left: 68px; }
.doit-company-process.doit-company-section .doit-company-step-number {
  position: relative; font-size: 52px; font-weight: 300; line-height: 1;
  color: rgb(244 246 246 / .54); opacity: 1; padding-bottom: 24px;
  transition: color 240ms ease;
}
.doit-company-process .doit-company-step-number::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 55px; height: 2px;
  background: var(--doit-green-strong, #9fc131); opacity: .72; transform-origin: left center;
  transition: transform 240ms ease;
}
.doit-company-process.doit-company-section .doit-company-step h3 {
  font-family: Inter, sans-serif; font-size: 26px; font-weight: 500; line-height: 1.25; margin: 0; color: #f4f6f6;
}
.doit-company-process.doit-company-section .doit-company-step > p:not(.doit-company-step-number) { color: #cbd1d5; font-family: "Segoe UI", sans-serif; font-weight: 400; }
.doit-company-process.doit-company-section .doit-company-step > .doit-company-step-result {
  position: relative; padding-left: 18px; margin-top: 12px; color: #f4f6f6;
}
.doit-company-process .doit-company-step-result::before {
  content: ""; position: absolute; left: 0; top: .15em; width: 8px; height: 34px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206%2026%22%3E%3Ccircle%20cx%3D%223%22%20cy%3D%223%22%20r%3D%222.8%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%223%22%20cy%3D%2213%22%20r%3D%222.8%22%20fill%3D%22%23a1a1a1%22%2F%3E%3Ccircle%20cx%3D%223%22%20cy%3D%2223%22%20r%3D%222.8%22%20fill%3D%22%23a1a1a1%22%2F%3E%3C%2Fsvg%3E");
  background-size: 8px 34px; background-repeat: no-repeat; opacity: .7;
  transition: opacity 240ms ease;
}
@media (hover: hover) {
  .doit-company-process .doit-company-step:hover .doit-company-step-number { color: rgb(244 246 246 / .72); }
  .doit-company-process .doit-company-step:hover .doit-company-step-number::after { transform: none; }
  .doit-company-process .doit-company-step:hover .doit-company-step-result::before { opacity: 1; }
}
@media (max-width: 1100px) {
  .doit-company-process .doit-company-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 32px; }
  .doit-company-process .doit-company-step:nth-child(n) { margin-top: 0; }
  .doit-company-process .doit-company-step:nth-child(2),
  .doit-company-process .doit-company-step:nth-child(4) { margin-top: 24px; }
  .doit-company-process .doit-company-step:nth-child(3),
  .doit-company-process .doit-company-step:nth-child(5) { margin-top: 48px; }
  .doit-company-process .doit-company-step::after,
  .doit-company-process .doit-company-step::before { display: none; }
}
@media (max-width: 900px) {
  .doit-company-process .doit-company-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .doit-company-process .doit-company-step:nth-child(n) { grid-column: auto; grid-row: auto; margin-top: 0; }
  .doit-company-process .doit-company-step:nth-child(even) { margin-top: 24px; }
}
@media (max-width: 767px) {
  .doit-company-process .doit-company-steps { grid-template-columns: minmax(0, 1fr); }
  .doit-company-process .doit-company-step:nth-child(n) { margin-top: 0; }
  .doit-company-process.doit-company-section .doit-company-step-number { font-size: 44px; }
  .doit-company-process.doit-company-section .doit-company-step h3 { font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .doit-company-process .doit-company-step-number,
  .doit-company-process .doit-company-step-number::after,
  .doit-company-process .doit-company-step-result::before { transition: none; }
}
.doit-company-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:28px; margin:0; }
.doit-company-step { margin:0; border-top:1px solid #536137; padding-top:20px; min-width:0; }
.doit-company-section .doit-company-step-number { font-size:16px; margin-bottom:16px; }
.doit-company-section .doit-company-step h3 { font-size:23px; }
.doit-company-section.doit-subpage-section.doit-company-cta {
  padding-block: 104px; background: var(--doit-surface, #ffffff); color: var(--doit-ink, #0d2433);
}
.doit-company-cta .doit-company-cta-layout {
  display: grid; grid-template-columns: minmax(0, 58fr) minmax(0, 36fr);
  gap: 6%; align-items: center;
}
.doit-company-cta.doit-company-section .doit-company-cta-intro h2 {
  font-size: 44px; font-weight: 300; line-height: 1.2; margin: 0 0 28px;
}
.doit-company-cta.doit-company-section p { color: var(--doit-ink, #0d2433); }
.doit-company-cta.doit-company-section .doit-company-eyebrow { color: var(--doit-green-strong, #9fc131); }
.doit-company-cta .doit-company-cta-intro { margin: 0; }
.doit-company-cta .doit-company-cta-intro > p:not(.doit-company-eyebrow) { max-width: 58ch; }
.doit-company-cta .doit-company-cta-points { display: grid; gap: 16px; margin: 28px 0 0; }
.doit-company-cta.doit-company-section .doit-company-cta-point {
  position: relative; padding-left: 20px; margin: 0;
}
.doit-company-cta .doit-company-cta-point::before {
  content: ""; position: absolute; left: 0; top: .65em; width: 6px; height: 6px;
  border-radius: 50%; background: #a1a1a1;
}
.doit-company-cta .doit-company-cta-point:first-child::before { background: var(--doit-green-strong, #9fc131); }
.doit-company-cta .doit-company-cta-contact {
  border-left: 1px solid color-mix(in srgb, var(--doit-green-strong, #9fc131) 35%, transparent);
  padding-left: 36px; margin: 0;
}
.doit-company-cta.doit-company-section .doit-company-cta-contact h3 {
  font-family: Inter, sans-serif; font-size: 18px; font-weight: 400; line-height: 1.4;
  color: var(--doit-green-strong, #9fc131); margin: 0 0 20px;
}
.doit-company-cta .doit-company-cta-contact .wp-block-buttons { margin-top: 28px; }
.doit-company-cta.doit-company-section .doit-company-cta-note { font-size: 16px; margin: 16px 0 0; }
@media (max-width: 1100px) {
  .doit-company-cta .doit-company-cta-layout { grid-template-columns: minmax(0, 1fr); gap: 48px; }
  .doit-company-cta .doit-company-cta-contact { max-width: 65ch; }
  .doit-company-section.doit-subpage-section.doit-company-cta { padding-block: 88px; }
}
@media (max-width: 767px) {
  .doit-company-section.doit-subpage-section.doit-company-cta { padding-block: 64px; }
  .doit-company-cta.doit-company-section .doit-company-cta-intro h2 { font-size: 34px; }
  .doit-company-cta .doit-company-cta-contact { padding-left: 20px; }
  .doit-company-cta .wp-block-button { width: 100%; }
  .doit-company-cta .wp-block-button__link { width: 100%; box-sizing: border-box; text-align: center; }
}
.doit-company-section.doit-company-cta h2 { font-size:38px; margin-bottom:20px; }
.doit-company-section .wp-block-button__link { background:#aed535; color:#0d2433; }
@media(max-width:1100px) {
 .doit-company-section.doit-subpage-section { padding-block:64px; }
 .doit-company-two-column { gap:40px; }
 .doit-company-steps { grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
}
@media(max-width:767px) {
 .doit-company-section.doit-subpage-section { padding:48px 20px; }
 .doit-company-section.doit-subpage-section h2 { font-size:34px; margin-bottom:28px; }
 .doit-company-section.doit-subpage-section h3 { font-size:24px; }
 .doit-company-value,.doit-company-two-column,.doit-company-steps { grid-template-columns:1fr; gap:20px; }
 .doit-company-value { gap:0; padding-block:24px; }
 .doit-company-section.doit-company-cta h2 { font-size:30px; }
}

/* Eyebrows use the established About section hierarchy on every surface. */
:is(.is-style-doit-reference,.is-style-doit-reference-dark).doit-subpage-section .doit-subpage-eyebrow { color:var(--doit-green-strong,#9fc131); font-family:"Myriad Pro Semibold",sans-serif; font-size:24px; font-weight:500; line-height:30px; letter-spacing:0; }

/* Editorial principles and editable people/process/technology relationship. */
.doit-company-principles .doit-principles-layout {
 display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
 grid-template-areas:"intro graphic" "principles graphic"; gap:32px 56px;
}
.doit-principles-intro { grid-area:intro; min-width:0; }
.doit-company-principles.doit-company-section h2 { margin-bottom:24px; }
.doit-company-principles .doit-principles-intro > p:last-child { margin-bottom:0; max-width:560px; }
.doit-principles-list { grid-area:principles; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 28px; margin:0; }
.doit-principle { min-width:0; margin:0; padding-top:18px; border-top:1px solid var(--doit-green-strong,#9fc131); }
.doit-company-principles.doit-company-section .doit-principle h3 { font-family:Inter,sans-serif; font-size:20px; font-weight:500; line-height:1.35; margin-bottom:14px; }
.doit-company-principles .doit-principle > p:last-child { margin-bottom:0; }
.doit-company-principles .doit-connection-graphic {
 grid-area:graphic; position:relative; align-self:center; display:grid;
 grid-template-columns:1fr 1.1fr 1fr; grid-template-rows:1fr 1fr;
 align-items:center; justify-items:center; aspect-ratio:1.2; width:100%;
 margin:0; isolation:isolate; color:var(--doit-ink,#0d2433);
}
.doit-connection-graphic::before {
 content:""; position:absolute; left:16%; right:16%; top:75%;
 height:1px; background:var(--doit-green-strong,#9fc131); z-index:-1;
}
.doit-connection-graphic::after {
 content:""; position:absolute; top:25%; bottom:25%; left:50%;
 width:1px; background:var(--doit-green-strong,#9fc131); z-index:-1;
}
.doit-company-principles.doit-company-section .doit-connection-graphic > p {
 margin:0; padding:8px 6px; background:var(--doit-surface,#fff);
 font-family:Inter,sans-serif; font-size:18px; line-height:1.3; font-weight:400;
 white-space:nowrap;
}
.doit-connection-people { grid-column:2; grid-row:1; }
.doit-connection-processes { grid-column:1; grid-row:2; }
.doit-connection-technology { grid-column:3; grid-row:2; }
.doit-company-principles.doit-company-section .doit-connection-graphic > .doit-connection-brand {
 grid-column:2; grid-row:2; display:grid; grid-auto-flow:column; gap:0; place-content:center;
 width:132px; height:132px; padding:0; border:1px solid var(--doit-ink,#0d2433);
 border-radius:50%; font-size:48px; font-weight:500;
}
.doit-connection-brand-accent { color:var(--doit-green-strong,#9fc131); }
.doit-company-section.doit-company-today--compact { padding-block:64px; }
.doit-company-today--compact.doit-company-section h2 { font-size:40px; margin-bottom:24px; }
.doit-company-today--compact.doit-company-section h3 { font-size:21px; font-weight:400; }
.doit-company-today--compact .doit-company-two-column p:last-child { margin-bottom:0; }
@media(max-width:1100px) {
 .doit-company-principles .doit-principles-layout {
  grid-template-columns:minmax(0,1fr); grid-template-areas:"intro" "graphic" "principles"; gap:32px;
 }
 .doit-company-principles .doit-connection-graphic { max-width:600px; justify-self:center; aspect-ratio:1.8; }
}
@media(max-width:767px) {
 .doit-company-principles .doit-principles-list { grid-template-columns:minmax(0,1fr); gap:28px; }
 .doit-company-principles.doit-company-section .doit-connection-graphic > p { font-size:15px; padding:6px 2px; }
 .doit-company-principles.doit-company-section .doit-connection-graphic > .doit-connection-brand { width:100px; height:100px; font-size:38px; }
 .doit-company-principles .doit-connection-graphic { aspect-ratio:1.3; }
 .doit-company-section.doit-company-today--compact { padding-block:48px; }
 .doit-company-today--compact.doit-company-section h2 { font-size:34px; }
}

/* Uploaded relationship graphic: uncropped, editor-replaceable image. */
.doit-company-principles .doit-principles-image { grid-area:graphic; align-self:center; width:100%; max-width:none; margin:0; }
.doit-company-principles .doit-principles-image img { display:block; width:100%; height:auto; border-radius:0; }

/* Text-rich diagrams need the reading width, not a narrow illustration column. */
.doit-company-principles .doit-principles-layout.doit-principles-layout-wide {
 grid-template-columns:minmax(0,1fr);
 grid-template-areas:"intro" "graphic" "principles";
 gap:32px;
}
.doit-principles-layout-wide .doit-principles-image { justify-self:stretch; }
.doit-company-principles .doit-principles-layout-wide .doit-principles-list { gap:32px 56px; }
.doit-company-principles .doit-graphic-reading { display:none; }
@media(max-width:1100px) {
 .doit-company-principles .doit-principles-layout.doit-principles-layout-wide {
  grid-template-areas:"intro" "graphic" "reading" "principles";
 }
 .doit-company-principles .doit-graphic-reading {
  grid-area:reading; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:0;
 }
 .doit-company-principles .doit-graphic-reading-part { min-width:0; margin:0; }
 .doit-company-principles.doit-company-section .doit-graphic-reading h3 { font-size:21px; font-weight:400; }
 .doit-company-principles .doit-graphic-reading p:last-child { margin-bottom:0; }
 .doit-company-principles .doit-principles-layout-wide .doit-principles-list { margin-top:24px; }
}
@media(max-width:767px) {
 .doit-company-principles .doit-graphic-reading { grid-template-columns:minmax(0,1fr); gap:24px; }
}

/* Editable relationship diagram: circular orbit, four bead connections. */
.doit-links-section .doit-links-intro { max-width:100%; margin-bottom:0; }
.doit-links-section.doit-company-section h2 { max-width:100%; margin-bottom:22px; }
.doit-links-section .doit-links-intro > p:last-child { margin-bottom:0; }
.doit-links-section .doit-links-diagram {
 --stage:640px; --orbit:280px; --dx:242.487px; --dy:140px; --cy:370px; --satellite:168px; --hub:220px;
 position:relative; isolation:isolate; min-height:748px; margin:36px 0 0;
}
.doit-links-section .doit-links-diagram::before {
 content:""; position:absolute; z-index:-1; width:var(--stage); height:var(--stage);
 top:calc(var(--cy) - var(--stage)/2); left:50%; transform:translateX(-50%);
 background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Ccircle%20cx%3D%22599.32%22%20cy%3D%22339.53%22%20r%3D%223.41%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%22597.28%22%20cy%3D%22358.97%22%20r%3D%223.68%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%22492.39%22%20cy%3D%22540.64%22%20r%3D%223.68%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%22476.57%22%20cy%3D%22552.13%22%20r%3D%223.41%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%22460.00%22%20cy%3D%22562.49%22%20r%3D%223.13%22%20fill%3D%22%239cab9e%22%2F%3E%3Ccircle%20cx%3D%22442.74%22%20cy%3D%22571.66%22%20r%3D%222.84%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%22424.89%22%20cy%3D%22579.61%22%20r%3D%222.57%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%22406.52%22%20cy%3D%22586.30%22%20r%3D%222.32%22%20fill%3D%22%239cab9e%22%2F%3E%3Ccircle%20cx%3D%22387.74%22%20cy%3D%22591.68%22%20r%3D%222.10%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%22252.26%22%20cy%3D%22591.68%22%20r%3D%222.10%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%22233.48%22%20cy%3D%22586.30%22%20r%3D%222.32%22%20fill%3D%22%239cab9e%22%2F%3E%3Ccircle%20cx%3D%22215.11%22%20cy%3D%22579.61%22%20r%3D%222.57%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%22197.26%22%20cy%3D%22571.66%22%20r%3D%222.84%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%22180.00%22%20cy%3D%22562.49%22%20r%3D%223.13%22%20fill%3D%22%239cab9e%22%2F%3E%3Ccircle%20cx%3D%22163.43%22%20cy%3D%22552.13%22%20r%3D%223.41%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%22147.61%22%20cy%3D%22540.64%22%20r%3D%223.68%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%2242.72%22%20cy%3D%22358.97%22%20r%3D%223.68%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%2240.68%22%20cy%3D%22339.53%22%20r%3D%223.41%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%2240.00%22%20cy%3D%22320.00%22%20r%3D%223.13%22%20fill%3D%22%239cab9e%22%2F%3E%3Ccircle%20cx%3D%2240.68%22%20cy%3D%22300.47%22%20r%3D%222.84%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%2293.48%22%20cy%3D%22155.42%22%20r%3D%221.82%22%20fill%3D%22%239cab9e%22%2F%3E%3Ccircle%20cx%3D%22105.51%22%20cy%3D%22140.02%22%20r%3D%221.93%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%22118.58%22%20cy%3D%22125.50%22%20r%3D%222.10%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%22132.64%22%20cy%3D%22111.92%22%20r%3D%222.32%22%20fill%3D%22%239cab9e%22%2F%3E%3Ccircle%20cx%3D%22147.61%22%20cy%3D%2299.36%22%20r%3D%222.57%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%22163.43%22%20cy%3D%2287.87%22%20r%3D%222.84%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%22180.00%22%20cy%3D%2277.51%22%20r%3D%223.12%22%20fill%3D%22%239cab9e%22%2F%3E%3Ccircle%20cx%3D%22197.26%22%20cy%3D%2268.34%22%20r%3D%223.41%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%22215.11%22%20cy%3D%2260.39%22%20r%3D%223.68%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%22546.52%22%20cy%3D%22155.42%22%20r%3D%221.82%22%20fill%3D%22%239cab9e%22%2F%3E%3Ccircle%20cx%3D%22557.45%22%20cy%3D%22171.62%22%20r%3D%221.76%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%22567.23%22%20cy%3D%22188.55%22%20r%3D%221.76%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%22575.79%22%20cy%3D%22206.11%22%20r%3D%221.82%22%20fill%3D%22%239cab9e%22%2F%3E%3Ccircle%20cx%3D%22320.00%22%20cy%3D%22196.00%22%20r%3D%222%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22320.00%22%20cy%3D%22177.00%22%20r%3D%222%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22320.00%22%20cy%3D%22158.00%22%20r%3D%222%22%20fill%3D%22%239cab9e%22%2F%3E%3Ccircle%20cx%3D%22320.00%22%20cy%3D%22139.00%22%20r%3D%222%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22212.61%22%20cy%3D%22382.00%22%20r%3D%222%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22196.16%22%20cy%3D%22391.50%22%20r%3D%222%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22179.70%22%20cy%3D%22401.00%22%20r%3D%222%22%20fill%3D%22%239cab9e%22%2F%3E%3Ccircle%20cx%3D%22163.25%22%20cy%3D%22410.50%22%20r%3D%222%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22427.39%22%20cy%3D%22382.00%22%20r%3D%222%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22443.84%22%20cy%3D%22391.50%22%20r%3D%222%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22460.30%22%20cy%3D%22401.00%22%20r%3D%222%22%20fill%3D%22%239cab9e%22%2F%3E%3Ccircle%20cx%3D%22476.75%22%20cy%3D%22410.50%22%20r%3D%222%22%20fill%3D%22%2382959d%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat; pointer-events:none;
}
.doit-links-section .doit-links-node { display:contents; }
.doit-links-section .doit-links-copy { position:absolute; width:300px; max-width:300px; margin:0; }
.doit-links-section .doit-links-node-people .doit-links-copy { top:0; left:calc(50% + 126px); width:320px; max-width:320px; }
.doit-links-section .doit-links-node-processes .doit-links-copy { top:426px; left:0; }
.doit-links-section .doit-links-node-technology .doit-links-copy { top:426px; right:0; width:280px; max-width:280px; }
.doit-links-section.doit-company-section .doit-links-copy h3 { font-family:Inter,sans-serif; font-size:22px; font-weight:500; line-height:1.3; margin:0 0 12px; }
.doit-links-section.doit-company-section .doit-links-copy p { font-size:18px; line-height:1.5; margin:0 0 18px; }
.doit-links-section .doit-links-satellite {
 position:absolute; display:grid; place-items:center; width:var(--satellite); height:var(--satellite);
 box-sizing:border-box; margin:0; border:8px solid white; border-radius:50%;
 background:#f4f6f6; box-shadow:0 6px 18px rgba(13,36,51,.09);
}
.doit-links-section .doit-links-node-people .doit-links-satellite { left:calc(50% - var(--satellite)/2); top:calc(var(--cy) - var(--orbit) - var(--satellite)/2); }
.doit-links-section .doit-links-node-processes .doit-links-satellite { left:calc(50% - var(--dx) - var(--satellite)/2); top:calc(var(--cy) + var(--dy) - var(--satellite)/2); }
.doit-links-section .doit-links-node-technology .doit-links-satellite { left:calc(50% + var(--dx) - var(--satellite)/2); top:calc(var(--cy) + var(--dy) - var(--satellite)/2); }
.doit-links-section .doit-links-satellite img { width:88px; height:88px; object-fit:contain; }
.doit-links-section .doit-links-hub {
 position:absolute; left:calc(50% - var(--hub)/2); top:calc(var(--cy) - var(--hub)/2);
 display:grid; place-items:center; width:var(--hub); height:var(--hub); border-radius:50%; margin:0;
 background:white; box-shadow:0 6px 20px rgba(13,36,51,.10);
}
.doit-links-section .doit-links-logo { width:66%; margin:0; }
.doit-links-section .doit-links-logo img { width:100%; height:auto; display:block; }
.doit-links-section .doit-links-list { list-style:none; margin:0; padding:0 0 0 18px; border-left:1px solid var(--doit-green-strong,#9fc131); }
.doit-links-section .doit-links-list li {
 list-style:none; position:relative; padding:0; margin:0; font-family:"Segoe UI",sans-serif;
 font-size:18px; font-weight:400; line-height:1.5; min-height:27px;
}
.doit-links-section .doit-links-list li + li { margin-top:6px; }
.doit-links-section .doit-links-list li::before { content:""; position:absolute; left:-22px; top:10px; width:7px; height:7px; border-radius:50%; background:var(--doit-green-strong,#9fc131); }
.doit-links-section .doit-links-outcomes { display:contents; }
.doit-links-section.doit-company-section .doit-links-outcomes p { position:absolute; color:#5e6c75; font-family:Inter,sans-serif; font-size:16px; font-weight:400; line-height:1.4; margin:0; white-space:nowrap; }
.doit-links-section .doit-links-outcome-first { left:calc(50% - var(--orbit)*.94); top:calc(var(--cy) - var(--orbit)*.342); transform:translate(-50%,-50%) rotate(-70deg); }
.doit-links-section .doit-links-outcome-second { left:calc(50% + var(--orbit)*.985); top:calc(var(--cy) - var(--orbit)*.174); transform:translate(-50%,-50%) rotate(80deg); }
.doit-links-section .doit-links-outcome-third { left:50%; top:calc(var(--cy) + var(--orbit)); transform:translate(-50%,-50%); }
@media(max-width:1100px) {
 .doit-links-section .doit-links-diagram { --stage:548.571px; --orbit:240px; --dx:207.846px; --dy:120px; --cy:324px; --satellite:144px; --hub:188px;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:620px auto; gap:0 24px; min-height:0; margin-top:32px;
 }
 .doit-links-section .doit-links-satellite img { width:76px; height:76px; }
 .doit-links-section .doit-links-node .doit-links-copy { position:static; width:auto; max-width:none; grid-row:2; }
 .doit-links-section .doit-links-node-people .doit-links-copy { grid-column:1; }
 .doit-links-section .doit-links-node-processes .doit-links-copy { grid-column:2; }
 .doit-links-section .doit-links-node-technology .doit-links-copy { grid-column:3; }
 .doit-links-section .doit-links-copy br { display:none; }
}
@media(max-width:900px) and (min-width:768px) {
 .doit-links-section .doit-links-diagram { row-gap:28px; }
 .doit-links-section .doit-links-node .doit-links-copy { grid-column:1/-1; }
 .doit-links-section .doit-links-node-people .doit-links-copy { grid-row:2; }
 .doit-links-section .doit-links-node-processes .doit-links-copy { grid-row:3; }
 .doit-links-section .doit-links-node-technology .doit-links-copy { grid-row:4; }
}
@media(max-width:767px) {
 .doit-links-section .doit-links-diagram { display:flex; flex-direction:column; align-items:center; gap:32px; }
 .doit-links-section .doit-links-diagram::before { display:none; }
 .doit-links-section .doit-links-hub { position:static; order:-1; width:180px; height:180px; }
 .doit-links-section .doit-links-node { display:grid; width:100%; grid-template-columns:110px minmax(0,1fr); gap:18px; align-items:start; }
 .doit-links-section .doit-links-node .doit-links-satellite { position:static; width:110px; height:110px; border-width:6px; }
 .doit-links-section .doit-links-satellite img { width:58px; height:58px; }
 .doit-links-section .doit-links-node .doit-links-copy { grid-column:auto; grid-row:auto; }
 .doit-links-section.doit-company-section .doit-links-copy h3 { font-size:20px; }
 .doit-links-section .doit-links-outcomes { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; }
 .doit-links-section.doit-company-section .doit-links-outcomes p { position:static; transform:none; font-size:14px; }
}/* Editable relationship diagram: circular orbit, four bead connections. */
.doit-links-section .doit-links-intro { max-width:100%; margin-bottom:0; }
.doit-links-section.doit-company-section h2 { max-width:100%; margin-bottom:22px; }
.doit-links-section .doit-links-intro > p:last-child { margin-bottom:0; }
.doit-links-section .doit-links-diagram {
 --stage:640px; --orbit:280px; --dx:242.487px; --dy:140px; --cy:370px; --satellite:168px; --hub:220px;
 position:relative; isolation:isolate; min-height:748px; margin:11px 0 0;
}
.doit-links-section .doit-links-diagram::before {
 content:""; position:absolute; z-index:-1; width:var(--stage); height:var(--stage);
 top:calc(var(--cy) - var(--stage)/2); left:50%; transform:translateX(-50%);
 background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Ccircle%20cx%3D%22597.28%22%20cy%3D%22358.97%22%20r%3D%224.50%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22492.39%22%20cy%3D%22540.64%22%20r%3D%224.50%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22476.57%22%20cy%3D%22552.13%22%20r%3D%224.11%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22460.00%22%20cy%3D%22562.49%22%20r%3D%223.70%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22442.74%22%20cy%3D%22571.66%22%20r%3D%223.29%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22424.89%22%20cy%3D%22579.61%22%20r%3D%222.90%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22406.52%22%20cy%3D%22586.30%22%20r%3D%222.55%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22387.74%22%20cy%3D%22591.68%22%20r%3D%222.24%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22252.26%22%20cy%3D%22591.68%22%20r%3D%222.24%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22233.48%22%20cy%3D%22586.30%22%20r%3D%222.55%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22215.11%22%20cy%3D%22579.61%22%20r%3D%222.90%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22197.26%22%20cy%3D%22571.66%22%20r%3D%223.29%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22180.00%22%20cy%3D%22562.49%22%20r%3D%223.70%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22163.43%22%20cy%3D%22552.13%22%20r%3D%224.11%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22147.61%22%20cy%3D%22540.64%22%20r%3D%224.50%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%2242.72%22%20cy%3D%22358.97%22%20r%3D%224.50%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%2240.68%22%20cy%3D%22339.53%22%20r%3D%224.11%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%2240.00%22%20cy%3D%22320.00%22%20r%3D%223.70%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%2240.68%22%20cy%3D%22300.47%22%20r%3D%223.29%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22147.61%22%20cy%3D%2299.36%22%20r%3D%222.90%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22163.43%22%20cy%3D%2287.87%22%20r%3D%223.29%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22180.00%22%20cy%3D%2277.51%22%20r%3D%223.70%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22197.26%22%20cy%3D%2268.34%22%20r%3D%224.11%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22215.11%22%20cy%3D%2260.39%22%20r%3D%224.50%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22315%22%20cy%3D%22168.5%22%20r%3D%222.5%22%20fill%3D%22%23718791%22%2F%3E%3Ccircle%20cx%3D%22315%22%20cy%3D%22149.5%22%20r%3D%222.5%22%20fill%3D%22%23718791%22%2F%3E%3Ccircle%20cx%3D%22315%22%20cy%3D%22130.5%22%20r%3D%222.5%22%20fill%3D%22%23718791%22%2F%3E%3Ccircle%20cx%3D%22315%22%20cy%3D%22111.5%22%20r%3D%222.5%22%20fill%3D%22%23718791%22%2F%3E%3Ccircle%20cx%3D%22212.61%22%20cy%3D%22382.00%22%20r%3D%222%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22196.16%22%20cy%3D%22391.50%22%20r%3D%222%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22179.70%22%20cy%3D%22401.00%22%20r%3D%222%22%20fill%3D%22%239cab9e%22%2F%3E%3Ccircle%20cx%3D%22163.25%22%20cy%3D%22410.50%22%20r%3D%222%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22427.39%22%20cy%3D%22382.00%22%20r%3D%222%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22443.84%22%20cy%3D%22391.50%22%20r%3D%222%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22460.30%22%20cy%3D%22401.00%22%20r%3D%222%22%20fill%3D%22%239cab9e%22%2F%3E%3Ccircle%20cx%3D%22476.75%22%20cy%3D%22410.50%22%20r%3D%222%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22233.48%22%20cy%3D%2253.70%22%20r%3D%224.5%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22406.52%22%20cy%3D%2253.70%22%20r%3D%224.5%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22424.89%22%20cy%3D%2260.39%22%20r%3D%224.11%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22442.74%22%20cy%3D%2268.34%22%20r%3D%223.7%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22460.00%22%20cy%3D%2277.51%22%20r%3D%223.29%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22476.57%22%20cy%3D%2287.87%22%20r%3D%222.9%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22597.28%22%20cy%3D%22281.03%22%20r%3D%222.55%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22599.32%22%20cy%3D%22300.47%22%20r%3D%222.9%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22600.00%22%20cy%3D%22320.00%22%20r%3D%223.7%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22599.32%22%20cy%3D%22339.53%22%20r%3D%224.11%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%2242.72%22%20cy%3D%22281.03%22%20r%3D%222.9%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%2246.12%22%20cy%3D%22261.78%22%20r%3D%222.55%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%2250.85%22%20cy%3D%22242.82%22%20r%3D%222.24%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22593.88%22%20cy%3D%22261.78%22%20r%3D%222.24%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%2256.89%22%20cy%3D%22224.23%22%20r%3D%222%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22132.64%22%20cy%3D%22111.92%22%20r%3D%222.55%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22492.39%22%20cy%3D%2299.36%22%20r%3D%222.55%22%20fill%3D%22%2382959d%22%2F%3E%3Ccircle%20cx%3D%22589.15%22%20cy%3D%22242.82%22%20r%3D%222%22%20fill%3D%22%2382959d%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat; pointer-events:none;
}
.doit-links-section .doit-links-node { display:contents; }
.doit-links-section .doit-links-copy { position:absolute; width:300px; max-width:300px; margin:0; }
.doit-links-section .doit-links-node-people .doit-links-copy { top:-105px; left:calc(50% + 151px); width:320px; max-width:320px; }
.doit-links-section .doit-links-node-processes .doit-links-copy { top:426px; left:65px; }
.doit-links-section .doit-links-node-technology .doit-links-copy { top:426px; right:30px; width:280px; max-width:280px; }
.doit-links-section.doit-company-section .doit-links-copy h3 { font-family:Inter,sans-serif; font-size:22px; font-weight:500; line-height:1.3; margin:0 0 12px; }
.doit-links-section.doit-company-section .doit-links-copy p { font-size:18px; line-height:1.5; margin:0 0 18px; }
.doit-links-section .doit-links-satellite {
 position:absolute; display:grid; place-items:center; width:var(--satellite); height:var(--satellite);
 box-sizing:border-box; margin:0; border:8px solid white; border-radius:50%;
 background:#f1f1f1; box-shadow:0 6px 18px rgba(13,36,51,.09);
}
.doit-links-section .doit-links-node-people .doit-links-satellite { left:calc(50% - var(--satellite)/2 - 10px); top:calc(var(--cy) - var(--orbit) - var(--satellite)/2 - 30px); }
.doit-links-section .doit-links-node-processes .doit-links-satellite { left:calc(50% - var(--dx) - var(--satellite)/2); top:calc(var(--cy) + var(--dy) - var(--satellite)/2); }
.doit-links-section .doit-links-node-technology .doit-links-satellite { left:calc(50% + var(--dx) - var(--satellite)/2); top:calc(var(--cy) + var(--dy) - var(--satellite)/2); }
.doit-links-section .doit-links-satellite img { width:96.8px; height:96.8px; object-fit:contain; }
.doit-links-section .doit-links-hub {
 position:absolute; left:calc(50% - var(--hub)/2); top:calc(var(--cy) - var(--hub)/2 - 10px);
 display:grid; place-items:center; width:var(--hub); height:var(--hub); border-radius:50%; margin:0;
 background:white; box-shadow:0 6px 20px rgba(13,36,51,.10);
}
.doit-links-section .doit-links-logo { width:66%; margin:0; }
.doit-links-section .doit-links-logo img { width:100%; height:auto; display:block; }
.doit-links-section .doit-links-list { list-style:none; margin:0; padding:0 0 0 18px; border-left:1px solid var(--doit-green-strong,#9fc131); }
.doit-links-section .doit-links-list li {
 list-style:none; position:relative; padding:0; margin:0; font-family:"Segoe UI",sans-serif;
 font-size:18px; font-weight:400; line-height:1.5; min-height:27px;
}
.doit-links-section .doit-links-list li + li { margin-top:6px; }
.doit-links-section .doit-links-list li::before { content:""; position:absolute; left:-22px; top:10px; width:7px; height:7px; border-radius:50%; background:var(--doit-green-strong,#9fc131); }
.doit-links-section .doit-links-outcomes { display:contents; }
.doit-links-section.doit-company-section .doit-links-outcomes p { position:absolute; color:#5e6c75; font-family:Inter,sans-serif; font-size:18px; font-weight:400; line-height:1.4; margin:0; white-space:nowrap; }
.doit-links-section .doit-links-outcome-first { left:calc(50% - var(--orbit)*.829038); top:calc(var(--cy) - var(--orbit)*.559193); transform:translate(-50%,-50%) rotate(-56deg); background:transparent; padding:4px 6px; }
.doit-links-section .doit-links-outcome-second { left:calc(50% + var(--orbit)*.829038); top:calc(var(--cy) - var(--orbit)*.559193); transform:translate(-50%,-50%) rotate(56deg); background:transparent; padding:4px 6px; }
.doit-links-section .doit-links-outcome-third { left:50%; top:calc(var(--cy) + var(--orbit)); transform:translate(-50%,-50%); }
@media(max-width:1100px) {
 .doit-links-section .doit-links-diagram { --stage:548.571px; --orbit:240px; --dx:207.846px; --dy:120px; --cy:324px; --satellite:144px; --hub:188px;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:620px auto; gap:0 24px; min-height:0; margin-top:7px;
 }
 .doit-links-section .doit-links-node-people .doit-links-satellite { left:calc(50% - var(--satellite)/2); top:calc(var(--cy) - var(--orbit) - var(--satellite)/2); }
 .doit-links-section .doit-links-satellite img { width:83.6px; height:83.6px; }
 .doit-links-section .doit-links-node .doit-links-copy { position:static; width:auto; max-width:none; grid-row:2; }
 .doit-links-section .doit-links-node-people .doit-links-copy { grid-column:1; }
 .doit-links-section .doit-links-node-processes .doit-links-copy { grid-column:2; }
 .doit-links-section .doit-links-node-technology .doit-links-copy { grid-column:3; }
 .doit-links-section .doit-links-copy br { display:none; }
}
@media(max-width:900px) and (min-width:768px) {
 .doit-links-section .doit-links-diagram { row-gap:28px; }
 .doit-links-section .doit-links-node .doit-links-copy { grid-column:1/-1; }
 .doit-links-section .doit-links-node-people .doit-links-copy { grid-row:2; }
 .doit-links-section .doit-links-node-processes .doit-links-copy { grid-row:3; }
 .doit-links-section .doit-links-node-technology .doit-links-copy { grid-row:4; }
}
@media(max-width:767px) {
 .doit-links-section .doit-links-diagram { display:flex; flex-direction:column; align-items:center; gap:32px; }
 .doit-links-section .doit-links-diagram::before { display:none; }
 .doit-links-section .doit-links-hub { position:static; order:-1; width:180px; height:180px; }
 .doit-links-section .doit-links-node { display:grid; width:100%; grid-template-columns:110px minmax(0,1fr); gap:18px; align-items:start; }
 .doit-links-section .doit-links-node .doit-links-satellite { position:static; width:110px; height:110px; border-width:6px; }
 .doit-links-section .doit-links-satellite img { width:63.8px; height:63.8px; }
 .doit-links-section .doit-links-node .doit-links-copy { display:contents; }
 .doit-links-section .doit-links-node .doit-links-copy h3 { grid-column:2; grid-row:1; align-self:center; margin:0; }
 .doit-links-section .doit-links-node .doit-links-copy p { grid-column:1/-1; margin:0; }
 .doit-links-section .doit-links-node .doit-links-list { grid-column:1/-1; }
 .doit-links-section.doit-company-section .doit-links-copy h3 { font-size:20px; }
 .doit-links-section .doit-links-outcomes { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; }
 .doit-links-section.doit-company-section .doit-links-outcomes p { position:static; transform:none; font-size:15.75px; }
}

@media(min-width:768px) {
 .doit-links-section .doit-links-outcome-second .doit-ring-letter { display:inline-block; transform-origin:50% 50%; }
 .doit-links-section .doit-links-outcome-second .doit-ring-letter:nth-child(1) { transform:translateY(11.12px) rotate(-16.20deg); }
 .doit-links-section .doit-links-outcome-second .doit-ring-letter:nth-child(2) { transform:translateY(7.74px) rotate(-13.50deg); }
 .doit-links-section .doit-links-outcome-second .doit-ring-letter:nth-child(3) { transform:translateY(4.96px) rotate(-10.80deg); }
 .doit-links-section .doit-links-outcome-second .doit-ring-letter:nth-child(4) { transform:translateY(2.79px) rotate(-8.10deg); }
 .doit-links-section .doit-links-outcome-second .doit-ring-letter:nth-child(5) { transform:translateY(1.24px) rotate(-5.40deg); }
 .doit-links-section .doit-links-outcome-second .doit-ring-letter:nth-child(6) { transform:translateY(0.31px) rotate(-2.70deg); }
 .doit-links-section .doit-links-outcome-second .doit-ring-letter:nth-child(7) { transform:translateY(0.00px) rotate(0.00deg); }
 .doit-links-section .doit-links-outcome-second .doit-ring-letter:nth-child(8) { transform:translateY(0.31px) rotate(2.70deg); }
 .doit-links-section .doit-links-outcome-second .doit-ring-letter:nth-child(9) { transform:translateY(1.24px) rotate(5.40deg); }
 .doit-links-section .doit-links-outcome-second .doit-ring-letter:nth-child(10) { transform:translateY(2.79px) rotate(8.10deg); }
 .doit-links-section .doit-links-outcome-second .doit-ring-letter:nth-child(11) { transform:translateY(4.96px) rotate(10.80deg); }
 .doit-links-section .doit-links-outcome-second .doit-ring-letter:nth-child(12) { transform:translateY(7.74px) rotate(13.50deg); }
 .doit-links-section .doit-links-outcome-second .doit-ring-letter:nth-child(13) { transform:translateY(11.12px) rotate(16.20deg); }
}

/* Click-driven satellite medals and the central record. */
.doit-links-section .doit-links-satellite { transform-origin:50% 50%; backface-visibility:visible; animation:none; }
.doit-links-section .doit-links-satellite.is-motion-active { animation:doit-process-coin 12s cubic-bezier(.42,0,.2,1) 1 both; }
@keyframes doit-process-coin {
 from { transform:perspective(700px) rotateY(0deg); }
 to { transform:perspective(700px) rotateY(-8640deg); }
}
.doit-links-section .doit-links-hub {
 animation:none; transform:rotate(0deg); transform-origin:center;
}
.doit-links-section .doit-links-hub.is-motion-active { animation:doit-record-turn 42s linear 1 both; }
.doit-links-section .doit-links-hub::before {
 content:""; position:absolute; inset:0; border-radius:50%; opacity:.32; pointer-events:none;
 background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20220%20220%22%20fill%3D%22none%22%20stroke%3D%22%2382959d%22%20stroke-width%3D%22.65%22%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22110%22%20r%3D%2291%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22110%22%20r%3D%2294%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22110%22%20r%3D%2297%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22110%22%20r%3D%22100%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22110%22%20r%3D%22103%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22110%22%20r%3D%22106%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
}
.doit-links-section .doit-links-diagram::after {
 content:""; position:absolute; z-index:3; width:calc(var(--hub)*.5); height:calc(var(--hub)*.7);
 left:calc(50% + var(--hub)*.15); top:calc(var(--cy) - var(--hub)*.5 - 20px);
 background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20140%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2280%22%20cy%3D%2217%22%20r%3D%2211%22%20fill%3D%22%23f1f1f1%22%20stroke%3D%22%2382959d%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2280%22%20cy%3D%2217%22%20r%3D%224%22%20fill%3D%22%23294956%22%2F%3E%3Cpath%20d%3D%22M80%2017v29L38%20109%22%20stroke%3D%22%23294956%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M80%2017v29L38%20109%22%20stroke%3D%22%23cbd2d5%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22m35%20104%2010%207-10%2016-10-7z%22%20fill%3D%22%23294956%22%2F%3E%3Cpath%20d%3D%22m28%20120%207%205%22%20stroke%3D%22%239fc131%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
 opacity:0; pointer-events:none;
}
.doit-links-section .doit-links-diagram:has(.doit-links-hub.is-motion-active)::after { opacity:1; }
@keyframes doit-record-turn { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
.doit-links-section :is(.doit-links-satellite,.doit-links-hub)[role="button"] { cursor:pointer; }
.doit-links-section :is(.doit-links-satellite,.doit-links-hub)[role="button"]:focus-visible { outline:2px solid var(--doit-green-strong,#9fc131); outline-offset:8px; }
@media(max-width:767px) {
 .doit-links-section .doit-links-diagram::after { width:90px; height:126px; left:calc(50% + 27px); top:-10px; }
}

@media(min-width:768px) {
 .doit-links-section .doit-links-outcome-first .doit-ring-letter { display:inline-block; transform-origin:50% 50%; }
 .doit-links-section .doit-links-outcome-first .doit-ring-letter:nth-child(1) { transform:translateY(4.96px) rotate(-10.80deg); }
 .doit-links-section .doit-links-outcome-first .doit-ring-letter:nth-child(2) { transform:translateY(2.79px) rotate(-8.10deg); }
 .doit-links-section .doit-links-outcome-first .doit-ring-letter:nth-child(3) { transform:translateY(1.24px) rotate(-5.40deg); }
 .doit-links-section .doit-links-outcome-first .doit-ring-letter:nth-child(4) { transform:translateY(0.31px) rotate(-2.70deg); }
 .doit-links-section .doit-links-outcome-first .doit-ring-letter:nth-child(5) { transform:translateY(0.00px) rotate(0.00deg); }
 .doit-links-section .doit-links-outcome-first .doit-ring-letter:nth-child(6) { transform:translateY(0.31px) rotate(2.70deg); }
 .doit-links-section .doit-links-outcome-first .doit-ring-letter:nth-child(7) { transform:translateY(1.24px) rotate(5.40deg); }
 .doit-links-section .doit-links-outcome-first .doit-ring-letter:nth-child(8) { transform:translateY(2.79px) rotate(8.10deg); }
 .doit-links-section .doit-links-outcome-first .doit-ring-letter:nth-child(9) { transform:translateY(4.96px) rotate(10.80deg); }
}

/* About attitude: editable editorial lead and three principles. */
/* Reuse the existing career-hero hexagon as a clipped brand underlay. */
.about-attitude.doit-subpage-section { position:relative; isolation:isolate; overflow:clip; }
.about-attitude.doit-subpage-section::after {
 content:""; position:absolute; width:720px; height:720px; left:24px; bottom:-360px;
 background:url("https://bgweb.de/wp-content/uploads/2026/07/doit-hexagon.png") center/contain no-repeat;
 opacity:.12; pointer-events:none; z-index:0; animation:none; transition:none;
}
.about-attitude .about-attitude__inner { position:relative; z-index:1; }
@media(max-width:1100px) {
 .about-attitude.doit-subpage-section::after { width:160px; height:160px; left:-48px; bottom:-62px; }
}
@media(max-width:767px) {
 .about-attitude.doit-subpage-section::after { display:none; }
}
@media(prefers-reduced-motion:reduce) {
 .about-attitude.doit-subpage-section::after { animation:none; transition:none; }
}

.about-attitude.doit-subpage-section { padding-bottom:calc(clamp(4.5rem,6.5vw,6.75rem) + 24px); }
.about-attitude .about-attitude__inner { width:min(100%,var(--doit-content-width,1388px)); max-width:var(--doit-content-width,1388px); margin-inline:auto; }
.about-attitude .about-attitude__columns { display:grid; grid-template-columns:minmax(0,47fr) minmax(0,53fr); gap:72px; align-items:start; margin:0; }
.about-attitude .about-attitude__lead,.about-attitude .about-attitude__principles { min-width:0; margin:0; }
.about-attitude .about-attitude__lead > .doit-subpage-eyebrow { margin:0 0 20px; }
.about-attitude .about-attitude__title { font-family:Inter,sans-serif; font-size:52px; font-weight:300; line-height:1.16; letter-spacing:0; text-wrap:normal; max-width:100%; margin:0 0 28px; }
.about-attitude .about-attitude__intro { margin:0; }
.about-attitude .about-attitude__intro p,.about-attitude .about-attitude__explanation { font-family: "Segoe UI", sans-serif; font-size:18px; font-weight: 400; line-height:1.55; color:var(--doit-text-muted,#5e6c75); margin:0; max-width:none; letter-spacing:0; overflow-wrap:normal; word-break:normal; hyphens:none; }
.about-attitude .about-attitude__intro p + p { margin-top:20px; }
.about-attitude .about-attitude__principles { display:grid; gap:56px; }
.about-attitude .about-attitude__principle { position:relative; padding-left:32px; margin:0; }
.about-attitude .about-attitude__marker { font-family:Inter,sans-serif; font-size:15.4px; font-weight:500; line-height:19.6px; letter-spacing:0; color:color-mix(in srgb,var(--doit-green-strong,#9fc131) 55%,var(--doit-ink,#0d2433)); margin:0 0 10px; }
.about-attitude .about-attitude__chain { font-family:Inter,sans-serif; font-size:28px; font-weight:300; line-height:1.3; color:var(--doit-ink,#0d2433); margin:0 0 14px; letter-spacing:0; overflow-wrap:normal; word-break:normal; hyphens:none; }
.about-attitude .about-attitude__principle::before { content:""; position:absolute; left:0; top:4px; width:6px; height:42px; background-size:6px 42px; background-repeat:no-repeat; }
.about-attitude .about-attitude__principle:nth-child(1)::before { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206%2042%22%3E%3Ccircle%20cx%3D%223%22%20cy%3D%223%22%20r%3D%222.8%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%223%22%20cy%3D%2215%22%20r%3D%222.8%22%20fill%3D%22%23a1a1a1%22%2F%3E%3Ccircle%20cx%3D%223%22%20cy%3D%2227%22%20r%3D%222.8%22%20fill%3D%22%23a1a1a1%22%2F%3E%3Ccircle%20cx%3D%223%22%20cy%3D%2239%22%20r%3D%222.8%22%20fill%3D%22%23a1a1a1%22%2F%3E%3C%2Fsvg%3E"); }
.about-attitude .about-attitude__principle:nth-child(2)::before { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206%2042%22%3E%3Ccircle%20cx%3D%223%22%20cy%3D%223%22%20r%3D%222.8%22%20fill%3D%22%23a1a1a1%22%2F%3E%3Ccircle%20cx%3D%223%22%20cy%3D%2215%22%20r%3D%222.8%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%223%22%20cy%3D%2227%22%20r%3D%222.8%22%20fill%3D%22%23a1a1a1%22%2F%3E%3Ccircle%20cx%3D%223%22%20cy%3D%2239%22%20r%3D%222.8%22%20fill%3D%22%23a1a1a1%22%2F%3E%3C%2Fsvg%3E"); }
.about-attitude .about-attitude__principle:nth-child(3)::before { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206%2042%22%3E%3Ccircle%20cx%3D%223%22%20cy%3D%223%22%20r%3D%222.8%22%20fill%3D%22%23a1a1a1%22%2F%3E%3Ccircle%20cx%3D%223%22%20cy%3D%2215%22%20r%3D%222.8%22%20fill%3D%22%23a1a1a1%22%2F%3E%3Ccircle%20cx%3D%223%22%20cy%3D%2227%22%20r%3D%222.8%22%20fill%3D%22%239fc131%22%2F%3E%3Ccircle%20cx%3D%223%22%20cy%3D%2239%22%20r%3D%222.8%22%20fill%3D%22%23a1a1a1%22%2F%3E%3C%2Fsvg%3E"); }
.about-attitude .about-attitude__principle:nth-child(4)::before { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206%2042%22%3E%3Ccircle%20cx%3D%223%22%20cy%3D%223%22%20r%3D%222.8%22%20fill%3D%22%23a1a1a1%22%2F%3E%3Ccircle%20cx%3D%223%22%20cy%3D%2215%22%20r%3D%222.8%22%20fill%3D%22%23a1a1a1%22%2F%3E%3Ccircle%20cx%3D%223%22%20cy%3D%2227%22%20r%3D%222.8%22%20fill%3D%22%23a1a1a1%22%2F%3E%3Ccircle%20cx%3D%223%22%20cy%3D%2239%22%20r%3D%222.8%22%20fill%3D%22%239fc131%22%2F%3E%3C%2Fsvg%3E"); }
.about-attitude .about-attitude__principle:nth-child(3) .about-attitude__chain { max-width:32ch; text-wrap:balance; }
@media(max-width:1100px) {
 .about-attitude .about-attitude__columns { grid-template-columns:minmax(0,1fr); gap:40px; }
 .about-attitude .about-attitude__title { font-size:48px; }
 .about-attitude .about-attitude__intro { max-width:var(--doit-reading-width,760px); }
}
@media(max-width:767px) {
 .about-attitude.doit-subpage-section { padding-bottom:82px; }
 .about-attitude .about-attitude__columns { gap:32px; }
 .about-attitude .about-attitude__title { font-size:38px; line-height:1.18; margin-bottom:24px; }
 .about-attitude .about-attitude__lead > .doit-subpage-eyebrow { margin-bottom:18px; }
 .about-attitude .about-attitude__principles { gap:44px; }
 .about-attitude .about-attitude__principle { padding-left:24px; }
 .about-attitude .about-attitude__principle::before { width:5px; height:35px; background-size:5px 35px; }
 .about-attitude .about-attitude__chain { font-size:24px; }
}
.doit-subpage-section .doit-subpage-shell p.doit-career-everyday__intro { font-family:"Segoe UI Light","Segoe UI",sans-serif; font-weight:300; }

/* Editor preview: the section owns the inset; inner groups do not add another. */
.editor-styles-wrapper :is(.doit-subpage-hero, .doit-subpage-section) { padding-inline:clamp(24px, 5%, 56px) !important; }
.editor-styles-wrapper .doit-subpage-hero > .wp-block-cover__inner-container,
.editor-styles-wrapper .doit-subpage-hero .doit-subpage-hero__content,
.editor-styles-wrapper .doit-subpage-section > .wp-block-group { box-sizing:border-box; width:100% !important; max-width:none !important; margin-inline:0 !important; padding-inline:0 !important; }

/* Company editorial component: shared frontend and editor presentation. */
.doit-company-statement.doit-company-section {
  padding-block: 112px;
  border-bottom: 1px solid color-mix(in srgb, var(--doit-green-strong, #9fc131) 40%, transparent);
  background: var(--doit-charcoal, #171e26);
  color: #e0e4e6;
}
.doit-company-statement.doit-company-section .doit-company-eyebrow {
  color: var(--doit-green-strong, #9fc131); font-weight: 400;
}
.doit-company-statement.doit-company-section h2 {
  font-size: 30px; font-weight: 300; line-height: 1.25;
  color: #f4f6f6; margin: 0 0 48px;
}
.doit-company-statement .doit-company-statement-lines {
  position: relative; width: 100%; margin: 0;
}
.doit-company-statement.doit-company-section .doit-company-statement-line {
  font-family: "Segoe UI Light", "Segoe UI", sans-serif;
  font-size: clamp(32px, 2.25rem, 44px); font-weight: 300; line-height: 1.4;
  color: #cbd1d5; margin: 0 0 14px; letter-spacing: 0;
  display: grid; grid-template-columns: minmax(0, 40fr) minmax(0, 60fr); gap: 16px; align-items: baseline;
}
.doit-company-statement .doit-company-prefix { text-align: right; }
.doit-company-statement .doit-company-focus { text-align: left; }
.doit-company-statement .doit-company-key {
  font-family: "Segoe UI", sans-serif; font-size: clamp(48px, 3.875rem, 68px);
  font-weight: 500; line-height: 1.2; letter-spacing: 0; white-space: nowrap;
}
.doit-company-statement .doit-company-key--green { color: var(--doit-green-strong, #9fc131); }
.doit-company-statement .doit-company-key--white { color: #fff; }
.doit-company-statement .doit-company-statement-line:last-child { margin-bottom: 0; }
.doit-company-statement.doit-company-section .doit-company-statement-ending {
  display: block; text-align: left; padding-left: 0;
}
@media (min-width: 768px) {
  .doit-company-statement.doit-company-section .doit-company-statement-ending {
    white-space: nowrap; width: calc((100% - 16px) * .4); text-align: right;
  }
}
@media (max-width: 1100px) {
  .doit-company-statement .doit-company-statement-lines { width: 100%; }
  .doit-company-statement.doit-company-section .doit-company-statement-line { font-size: clamp(28px, 2rem, 36px); }
  .doit-company-statement .doit-company-key { font-size: clamp(40px, 3rem, 52px); }
  
  .doit-company-statement .doit-company-statement-lines::after { display: none; }
}
@media (max-width: 767px) {
  .doit-company-statement.doit-company-section { padding-block: 64px; }
  .doit-company-statement.doit-company-section h2 { font-size: 26px; margin-bottom: 32px; }
  .doit-company-statement.doit-company-section .doit-company-statement-line { font-size: clamp(24px, 1.625rem, 28px); margin-bottom: 22px; display: block; }
  .doit-company-statement .doit-company-key { font-size: clamp(28px, 2rem, 34px); }
  .doit-company-statement .doit-company-prefix { text-align: left; }
}

/* Reusable Gutenberg table style for aligned contact details. */
.wp-block-table.is-style-doit-contact-details { margin: 0 0 24px; }
.doit-contact-information .wp-block-table,
.doit-contact-information > p { font-size:22px; line-height:1.65; }
@media (max-width:767px) {
 .doit-contact-information .wp-block-table,
 .doit-contact-information > p { font-size:20px; }
}
.wp-block-table.is-style-doit-contact-details table { width: auto; table-layout: auto; border: 0; border-collapse: collapse; }
.wp-block-table.is-style-doit-contact-details td { border: 0; padding: 0 0 6px; vertical-align: top; }
.wp-block-table.is-style-doit-contact-details td:first-child { padding-right: 24px; white-space: nowrap; }
.wp-block-table.is-style-doit-contact-details td:last-child { overflow-wrap: anywhere; }

/* Opt-in Gutenberg button style: a quiet pulse, brief vibration, then rest. */
.wp-block-button.is-style-doit-attention .wp-block-button__link {
  transform-origin: center;
  animation: doit-button-attention 8s ease-in-out infinite;
}
.wp-block-button.is-style-doit-attention .wp-block-button__link:focus-visible {
  animation-play-state: paused;
}
@keyframes doit-button-attention {
  0%, 36%, 52%, 100% { transform: scale(1) translateX(0) rotate(0); }
  14%, 30% { transform: scale(1.06) translateX(0) rotate(0); }
  22% { transform: scale(1.015) translateX(0) rotate(0); }
  40%, 44%, 48% { transform: scale(1.035) translateX(-1.5px) rotate(-1deg); }
  42%, 46%, 50% { transform: scale(1.035) translateX(1.5px) rotate(1deg); }
}
/* This opt-in attention cue intentionally remains active with reduced motion. */


/* Reusable Gutenberg service patterns; no page-specific selectors. */
.doit-subpage-hero.is-style-doit-service-hero h1 { font-family:Inter,sans-serif; font-size:56px; font-weight:300; line-height:1.12; max-width:650px; letter-spacing:0; }
.doit-subpage-hero.is-style-doit-service-hero .doit-subpage-hero__subtitle { max-width:570px; font-family:"Segoe UI",sans-serif; font-size:24px; font-weight:400; line-height:1.45; }
.doit-subpage-section.is-style-doit-service-section { padding-block:118px; }
.doit-subpage-section.is-style-doit-service-section :is(p,li,summary) { font-family:"Segoe UI",sans-serif; font-size:18px; font-weight:400; line-height:1.65; letter-spacing:0; }
.doit-subpage-section.is-style-doit-service-section h2 { margin:0 0 28px; font-size:48px; font-weight:300; line-height:1.16; }
.doit-subpage-section.is-style-doit-service-section h3 { margin:0 0 16px; font-family:Inter,sans-serif; font-size:26px; font-weight:400; line-height:1.25; color:inherit; }
.doit-subpage-section.is-style-doit-service-section p { margin:0 0 20px; }
.doit-subpage-section.is-style-doit-service-section .doit-subpage-eyebrow { font-size:22px; color:var(--doit-green-strong); font-weight:500; letter-spacing:0; }
.doit-service-reading { max-width:850px; }
.is-style-doit-service-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px 72px; margin-top:40px; }
.is-style-doit-service-grid > .wp-block-group { margin:0; padding-top:22px; border-top:1px solid rgba(127,127,127,.25); }
.is-style-doit-service-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; margin-top:44px; counter-reset:service-step; }
.is-style-doit-service-flow > .wp-block-group { margin:0; counter-increment:service-step; }
.is-style-doit-service-flow > .wp-block-group::before { content:"0" counter(service-step); display:block; font-family:"Segoe UI Light","Segoe UI",sans-serif; font-size:48px; font-weight:300; color:var(--doit-green-strong); margin-bottom:20px; line-height:1; }
.is-style-doit-service-section .wp-block-details { border-bottom:1px solid rgba(127,127,127,.3); padding:22px 0; }
.is-style-doit-service-section .wp-block-details summary { cursor:pointer; }
.is-style-doit-service-section .wp-block-details[open] summary { margin-bottom:16px; }
.is-style-doit-service-section .doit-service-related { margin-top:36px; display:flex; flex-wrap:wrap; gap:12px 28px; }
.is-style-doit-service-section .doit-service-related p { margin:0; }
.is-style-doit-service-section.doit-subpage-section--dark { color:#e5e7e9; background:var(--doit-charcoal); }
.is-style-doit-service-section.doit-subpage-section--dark :is(h2,h3) { color:#fff; }
@media(max-width:1100px) {
 .is-style-doit-service-grid { gap:32px; }
 .is-style-doit-service-flow { gap:28px; }
 .doit-subpage-hero.is-style-doit-service-hero h1 { font-size:48px; max-width:580px; }
}
@media(max-width:767px) {
 .doit-subpage-section.is-style-doit-service-section { padding-block:86px; }
 .is-style-doit-service-grid,.is-style-doit-service-flow { grid-template-columns:minmax(0,1fr); gap:32px; }
 .doit-subpage-section.is-style-doit-service-section h2 { font-size:34px; }
 .doit-subpage-hero.is-style-doit-service-hero h1 { font-size:36px; }
 .doit-subpage-hero.is-style-doit-service-hero .doit-subpage-hero__subtitle { font-size:21px; }
 .doit-subpage-hero.is-style-doit-service-hero .wp-block-cover__image-background { object-position:65% center; }
}

.doit-subpage-hero.is-style-doit-service-hero .doit-subpage-eyebrow { color:var(--doit-green-strong) !important; letter-spacing:0; }
.is-style-doit-service-section .wp-block-button__link { color:var(--doit-charcoal); }
.is-style-doit-service-section .doit-service-related a { color:var(--doit-ink,#0d2433); text-decoration:underline; text-decoration-color:var(--doit-green-strong); text-underline-offset:5px; }
@media(max-width:767px) { .doit-subpage-hero.is-style-doit-service-hero .wp-block-cover__background { opacity:.65; } }
/* An open native dropdown must be above the intentional hero/header overlap. */
html.doit-header-overlap body #header:has(.menu-item-has-children:hover),
html.doit-header-overlap body #header:has(.menu-item-has-children:focus-within) { z-index:10002; }
#header .menu-item-has-children > .sub-menu { min-width:280px; background:#fff; }
#header .menu-item-has-children > .sub-menu .ct-menu-link { color:var(--doit-ink,#0d2433); font-family:"Segoe UI",sans-serif; font-size:16px; font-weight:400; line-height:1.4; }
#header .menu-item-has-children > .sub-menu .ct-menu-link:hover { color:var(--doit-ink,#0d2433); background:var(--doit-surface-soft,#f7f8f8); }

/* Editorial service components: reusable Gutenberg groups, shared front-end/editor. */
.is-style-doit-editorial { --service-accent:#657b13; --service-light:#b4d636; --service-wash:#f3f5ef; }
.is-style-doit-editorial.doit-vendor-placetel { --service-accent:#0065bd; --service-light:#7fbdff; --service-wash:#eef5fb; }
.is-style-doit-editorial.doit-vendor-microsoft { --service-accent:#0067b8; --service-light:#84c7ef; --service-wash:#f0f5f8; }
.is-style-doit-editorial.doit-vendor-security { --service-accent:#075ca8; --service-light:#94c6f2; --service-wash:#eef3f7; }
.is-style-doit-editorial.doit-vendor-keeper { --service-accent:#715600; --service-light:#ffd147; --service-wash:#fffae9; background:#fffae9; }
.is-style-doit-editorial.doit-vendor-sage { --service-accent:#007747; --service-light:#72e8a5; --service-wash:#eef7f2; }
.is-style-doit-editorial.doit-vendor-mailstore { --service-accent:#aa4900; --service-light:#ffae6b; --service-wash:#fcf3ec; }
.is-style-doit-editorial.doit-service-wash { background:var(--service-wash); }
.doit-subpage-section.is-style-doit-editorial .doit-subpage-eyebrow { color:var(--doit-green-strong) !important; font-size:26px !important; font-weight:500; line-height:30px; letter-spacing:0; }
.is-style-doit-editorial .doit-service-chapter-heading { max-width:950px; margin-bottom:40px; }
.is-style-doit-editorial .doit-service-chapter-heading > p:last-child { max-width:780px; }
.is-style-doit-editorial .doit-service-chapter { display:grid; gap:6%; align-items:start; }
.is-style-doit-editorial .doit-service-chapter--split { grid-template-columns:minmax(0,44fr) minmax(0,50fr); }
.is-style-doit-editorial .doit-service-chapter--rows { grid-template-columns:minmax(0,32fr) minmax(0,62fr); }
.is-style-doit-editorial .doit-service-chapter h2 { font-size:40px; }
.is-style-doit-editorial .doit-service-chapter-heading p { color:inherit; }
.is-style-doit-editorial .doit-service-entry { margin:0; min-width:0; }
.is-style-doit-editorial .doit-service-entry p:last-child { margin-bottom:0; }
.is-style-doit-service-editorial-pair { display:grid; grid-template-columns:minmax(0,1fr); gap:32px; padding-top:8px; }
.is-style-doit-service-catalog { display:grid; gap:0; }
.is-style-doit-service-catalog > .doit-service-entry { padding:26px 0; border-top:1px solid #d4d9dc; }
.is-style-doit-service-catalog > .doit-service-entry:first-child { padding-top:0; border-top:0; }
.is-style-doit-service-catalog > .doit-service-entry h3 { font-size:24px; }
.is-style-doit-service-journey { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4%; counter-reset:journey; margin-top:42px; }
.is-style-doit-service-journey > .doit-service-entry { border-top:2px solid var(--service-accent); padding-top:24px; counter-increment:journey; }
.is-style-doit-service-journey > .doit-service-entry::before { content:"0" counter(journey); display:block; margin-bottom:24px; font-family:"Segoe UI Light","Segoe UI",sans-serif; font-size:48px; line-height:1; color:var(--service-accent); }
.is-style-doit-service-comparison { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8%; margin-top:42px; }
.is-style-doit-service-comparison > .doit-service-entry { border-top:2px solid var(--service-accent); padding-top:24px; }
.is-style-doit-editorial .wp-block-table { margin:0; overflow-x:auto; }
.is-style-doit-editorial .wp-block-table table { width:100%; border-collapse:collapse; }
.is-style-doit-editorial .wp-block-table :is(th,td) { border:0; border-bottom:1px solid #cbd5dc; padding:20px 16px; text-align:left; font-family:"Segoe UI",sans-serif; font-size:18px; font-weight:400; line-height:1.5; vertical-align:top; }
.is-style-doit-editorial .wp-block-table th { color:var(--service-accent); font-weight:500; }
.is-style-doit-editorial .wp-block-table :is(th,td):last-child { width:43%; }
.is-style-doit-editorial .wp-block-table td:first-child { font-size:23px; }
.is-style-doit-editorial .doit-service-source { margin-top:24px; font-size:16px; }
.is-style-doit-editorial a:not(.wp-block-button__link) { color:var(--service-accent); text-decoration:underline; text-underline-offset:4px; }
.is-style-doit-editorial .wp-block-button__link { background:var(--service-accent); color:#fff; }
.is-style-doit-editorial.doit-subpage-section--dark a:not(.wp-block-button__link) { color:var(--service-light); }
.is-style-doit-service-index { padding-block:26px; background:#fff; border-bottom:1px solid #dde1e3; }
.doit-service-index { display:flex; flex-wrap:wrap; gap:12px 28px; }
.doit-partner-heading { position:relative; }
.is-style-doit-editorial.doit-process-section .doit-partner-heading > .doit-service-chapter-heading { max-width:calc(100% - 380px); }
.doit-subpage-section .wp-block-image.doit-partner-seal { position:absolute; top:16px; right:48px; width:280px; max-width:100%; margin:0; transform:rotate(9deg); box-shadow:0 8px 20px rgb(0 0 0 / 12%); }
.doit-subpage-section .wp-block-image.doit-partner-seal img { display:block; width:100%; height:auto; }
@media(max-width:1100px) {
 .is-style-doit-editorial.doit-process-section .doit-partner-heading > .doit-service-chapter-heading { max-width:calc(100% - 300px); }
 .doit-subpage-section .wp-block-image.doit-partner-seal { width:230px; right:24px; }
}
@media(max-width:767px) {
 .is-style-doit-editorial.doit-process-section .doit-partner-heading > .doit-service-chapter-heading { max-width:100%; }
 .doit-subpage-section .wp-block-image.doit-partner-seal { position:relative; top:auto; right:auto; width:260px; margin:32px 24px 48px auto; }
}
.doit-service-index p { margin:0; font-family:"Segoe UI",sans-serif; font-size:15px; font-weight:400; line-height:1.5; }
.doit-service-index a { color:var(--doit-ink,#0d2433); text-decoration:none; border-bottom:1px solid #a0acb2; padding-bottom:3px; }
.is-style-doit-editorial[id] { scroll-margin-top:80px; }
@media(max-width:1100px) {
 .is-style-doit-editorial .doit-service-chapter { grid-template-columns:minmax(0,1fr); gap:12px; }
 .is-style-doit-editorial .doit-service-chapter-heading { max-width:900px; }
 .is-style-doit-service-editorial-pair { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
 .is-style-doit-service-catalog > .doit-service-entry { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:32px; }
}
@media(max-width:767px) {
 .is-style-doit-editorial .doit-service-chapter h2 { font-size:32px; }
 .is-style-doit-editorial .doit-service-chapter-heading { margin-bottom:20px; }
 .is-style-doit-service-editorial-pair,.is-style-doit-service-catalog > .doit-service-entry,.is-style-doit-service-journey,.is-style-doit-service-comparison { grid-template-columns:minmax(0,1fr); gap:32px; }
 .is-style-doit-service-catalog > .doit-service-entry { gap:0; padding-block:24px; }
 .is-style-doit-editorial .wp-block-table table { table-layout:auto; }
 .is-style-doit-editorial .wp-block-table :is(thead,tbody,tr,th,td) { display:block; width:auto !important; }
 .is-style-doit-editorial .wp-block-table thead { display:none; }
 .is-style-doit-editorial .wp-block-table tr { border-top:2px solid var(--service-accent); padding-block:12px; margin-bottom:20px; }
 .is-style-doit-editorial .wp-block-table td { padding:8px 0; border:0; }
 .is-style-doit-editorial .wp-block-table td:nth-child(2)::before { content:"24 Monate: "; }
 .is-style-doit-editorial .wp-block-table td:nth-child(3)::before { content:"1 Monat: "; }
 .doit-service-index { gap:12px 20px; }
 .is-style-doit-service-index { padding-block:22px; }
}

.is-style-doit-service-tariffs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4%; }
.is-style-doit-service-tariffs > .doit-service-entry { border-top:3px solid var(--service-accent); padding-top:24px; }
.is-style-doit-service-tariffs > .doit-service-entry p:first-of-type { font-size:24px; color:var(--service-accent); }
@media(max-width:767px) { .is-style-doit-service-tariffs { grid-template-columns:minmax(0,1fr); gap:32px; } }

/* Optional in-hero chapter navigation, editable as Gutenberg paragraphs. */
.doit-subpage-hero .doit-service-index--hero { margin-block:48px 0; display:flex; flex-wrap:wrap; gap:18px 36px; align-items:baseline; transform:translateY(103px); }
.doit-subpage-hero .doit-service-index--hero p { margin:0; font-family:"Segoe UI",sans-serif; font-size:22px; font-weight:400; line-height:1.4; letter-spacing:0; max-width:100%; }
.doit-subpage-hero .doit-service-index--hero a { color:#fff; border-bottom:1px solid var(--doit-green-strong); text-decoration:none; padding-bottom:3px; }
.doit-subpage-hero .doit-service-index--hero a:hover { color:var(--doit-green-strong); }
.doit-subpage-hero .doit-service-index--hero a:focus-visible { outline:2px solid var(--doit-green-strong); outline-offset:5px; }
@media(max-width:1100px) { .doit-subpage-hero .doit-service-index--hero { transform:translateY(59px); } .doit-subpage-hero .doit-service-index--hero p { font-size:22px; } }
@media(min-width:1000px) {
 .doit-subpage-hero:has(.doit-service-index--hero) > .wp-block-cover__inner-container,
 .doit-subpage-hero:has(.doit-service-index--hero) .doit-subpage-hero__content { position:static; }
 .doit-subpage-hero .doit-service-index--hero { position:absolute; bottom:56px; margin:0; transform:none; max-width:calc(100% - 48px); }
}
@media(min-width:1000px) and (max-width:1100px) { .doit-subpage-hero .doit-service-index--hero { bottom:118px; } }
@media(max-width:767px) { .doit-subpage-hero .doit-service-index--hero { gap:18px; margin-block:28px 32px; transform:none; } .doit-subpage-hero .doit-service-index--hero p { font-size:20px; } }

@media(max-width:767px) { .is-style-doit-editorial .doit-service-chapter h2.doit-heading-two-lines { font-size:22px; } }

/* Open, editor-managed scope overview for service introductions. */
.doit-scope-overview { align-self:center; min-width:0; }
.doit-scope-symbols { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px; align-items:start; }
.doit-scope-item { display:flex; flex-direction:column; align-items:center; text-align:center; min-width:0; }
.doit-scope-item .wp-block-image { display:flex; align-items:center; justify-content:center; width:80px; height:80px; margin:0 auto 20px; border:1.5px solid #cdd3d6; border-radius:50%; }
.doit-scope-item .wp-block-image img { width:36px; height:36px; }
.is-style-doit-editorial .doit-scope-item p { font-size:18px; line-height:1.4; margin:0; }
.is-style-doit-editorial .doit-scope-summary { border-top:1.5px solid var(--doit-green-strong); padding-top:28px; margin-top:40px; text-align:center; line-height:1.65; }
@media(max-width:1100px) { .doit-scope-overview { margin-top:40px; } }
@media(max-width:767px) { .doit-scope-symbols { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 20px; } .doit-scope-item:last-child { grid-column:1/-1; } .doit-scope-item .wp-block-image { width:72px; height:72px; } .is-style-doit-editorial .doit-scope-summary { text-align:left; } }

/* Open landing-page components. All content is stored in core Gutenberg blocks. */
.doit-benefit-layout { display:grid; grid-template-columns:minmax(0,42fr) minmax(0,52fr); gap:6%; align-items:center; }
.doit-benefit-section { position:relative; overflow:hidden; }
.doit-benefit-layout > .wp-block-image { position:absolute; inset:0 auto 0 0; width:46%; height:100%; margin:0; mask-image:linear-gradient(to right,#000 65%,transparent 100%); }
.doit-benefit-copy { grid-column:2; position:relative; }
.doit-benefit-layout > .wp-block-image img { width:100%; height:100%; aspect-ratio:auto; object-fit:cover; border-radius:0; }
.is-style-doit-editorial .doit-benefit-copy h2 { color:#fff; font-size:44px; font-weight:300; line-height:1.15; margin-bottom:28px; }
.is-style-doit-editorial.doit-benefit-section .doit-benefit-copy > p { color:#d3d9dd; }
.is-style-doit-editorial.doit-benefit-section .doit-benefit-copy > .doit-subpage-eyebrow { color:var(--doit-green-strong) !important; }
.is-style-doit-editorial .doit-benefit-list { list-style:none; padding:0; margin:32px 0 0; display:grid; gap:20px; }
.is-style-doit-editorial .doit-benefit-list li { position:relative; padding-left:24px; font-family:"Segoe UI",sans-serif; font-size:18px; line-height:1.6; font-weight:400; }
.doit-benefit-list li::before { content:""; position:absolute; left:0; top:.7em; width:6px; height:6px; border-radius:50%; background:var(--doit-green-strong); }
.doit-landing-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:36px; margin-top:64px; }
.doit-landing-step { position:relative; min-width:0; }
.is-style-doit-editorial .doit-landing-step > .doit-step-number { color:#6c787d; font-size:48px; font-weight:300; line-height:1; margin:0 0 32px; }

.is-style-doit-editorial .doit-landing-step h3 { font-size:26px; font-weight:400; margin:0 0 20px; }
.doit-delivery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8%; margin-top:52px; }
.doit-delivery-column { border-top:1px solid #b6c2c8; padding-top:28px; }
.is-style-doit-editorial .doit-delivery-column h3 { font-size:28px; font-weight:400; }
.doit-delivery-heading { display:flex; align-items:center; gap:18px; }
.doit-delivery-heading > .wp-block-image { flex:0 0 36px; width:36px; margin:0; }
.doit-delivery-heading img { display:block; width:36px; height:36px; }
.is-style-doit-editorial .doit-delivery-heading h3 { margin:0; }
.is-style-doit-editorial .doit-delivery-column .doit-check-list { gap:10px; margin-top:24px; }
.doit-delivery-note { margin-top:56px; padding-top:28px; border-top:1px solid #d2d9dd; max-width:none; }
.is-style-doit-editorial .doit-delivery-note h3 { font-size:23px; font-weight:400; }
@media(max-width:1100px) {
 .doit-benefit-layout { grid-template-columns:minmax(0,36fr) minmax(0,58fr); }
 .doit-landing-steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px 40px; }
 .doit-landing-step:nth-child(2)::after { display:none; }
}
@media(max-width:767px) {
 .doit-benefit-layout,.doit-delivery-grid { grid-template-columns:minmax(0,1fr); gap:40px; }
 body .entry-content .doit-subpage-section.doit-benefit-section { padding:0; padding-inline:0 !important; }
 .doit-benefit-section > .doit-subpage-shell { width:100%; max-width:none; padding-inline:0; }
 .doit-benefit-layout { display:block; }
 .doit-benefit-layout > .wp-block-image { position:relative; inset:auto; width:100%; height:280px; mask-image:linear-gradient(to bottom,#000 70%,transparent 100%); }
 .doit-benefit-layout > .wp-block-image img { aspect-ratio:auto; }
 .doit-benefit-copy { padding:54px var(--doit-content-axis,24px) 86px; }
 .is-style-doit-editorial .doit-benefit-copy h2 { font-size:32px; }
 .doit-landing-steps { grid-template-columns:minmax(0,1fr); gap:40px; margin-top:40px; }
 .doit-landing-step:not(:last-child)::after { display:none; }
 .is-style-doit-editorial .doit-landing-step > .doit-step-number { margin-bottom:20px; font-size:40px; }
}

/* Editor-managed analysis details and quiet service conclusion. */
.doit-analysis-scope-layout { display:grid; grid-template-columns:minmax(0,40fr) minmax(0,54fr); gap:6%; align-items:start; }
.doit-analysis-details { min-width:0; }
.doit-analysis-details > .doit-analysis-detail { border-bottom:1px solid #cbd4d9; padding:24px 0; margin:0; }
.doit-analysis-detail:first-child { padding-top:0; }
.is-style-doit-editorial .doit-analysis-detail > summary { cursor:pointer; font-family:"Segoe UI",sans-serif; font-size:26px; font-weight:400; line-height:1.4; color:var(--doit-ink,#0d2433); padding-right:24px; }
.doit-analysis-detail > summary::marker { color:var(--doit-green-strong); font-size:16px; }
.doit-analysis-detail > summary:focus-visible { outline:2px solid var(--doit-green-strong); outline-offset:6px; }
.is-style-doit-editorial .doit-analysis-detail p { margin-top:24px; margin-bottom:0; }
.doit-subpage-section.doit-landing-journey { background:#f4f6f6; }
.doit-subpage-section.doit-landing-results:not(.doit-subpage-section--dark) { background:#fff; }
.doit-analysis-cta-layout { display:grid; grid-template-columns:minmax(0,52fr) minmax(0,40fr); gap:8%; align-items:center; }
.doit-analysis-contact { border-left:2px solid #b6c2c8; padding-left:40px; }
.is-style-doit-editorial.doit-analysis-cta h2,.is-style-doit-editorial.doit-analysis-cta h3 { color:inherit; font-weight:300; }
.is-style-doit-editorial.doit-analysis-cta .doit-subpage-eyebrow { color:var(--doit-green-strong) !important; }
.is-style-doit-editorial.doit-analysis-cta .wp-block-button__link { background:var(--doit-green-strong); color:#172028; }
.doit-analysis-contact .wp-block-buttons { margin-block:28px; }
@media(max-width:1100px) {
 .doit-analysis-scope-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
}
@media(max-width:767px) {
 .doit-analysis-cta-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
 .doit-analysis-contact { border-left:0; border-top:1px solid #b6c2c8; padding:28px 0 0; }
 .is-style-doit-editorial .doit-analysis-detail > summary { font-size:22px; }
}

@media(min-width:768px) and (max-width:1100px) { .doit-subpage-hero:has(.doit-service-index--hero) { padding-bottom:100px; } }

/* Connect the single-row scope overview to its shared documentation baseline. */
@media(min-width:768px) {
 .doit-scope-symbols { align-items:stretch; }
 .doit-scope-symbols > .doit-scope-item { position:relative; align-self:stretch; margin-block:0; height:100%; }
 .doit-scope-item::after { content:""; position:absolute; left:50%; bottom:-25px; width:1.5px; height:24px; background:var(--doit-green-strong); transform:translateX(-50%); pointer-events:none; }
}

.doit-check-list li::before, .doit-benefit-copy .doit-benefit-list li::before { content:"\2713"; top:0; width:auto; height:auto; border-radius:0; background:none; color:var(--doit-green-strong); font-family:"Segoe UI",sans-serif; font-size:20px; line-height:1.44; }

.doit-landing-step { display:grid; grid-template-rows:72px auto 1fr auto; align-content:start; margin-block:0; }
.doit-step-visual { position:relative; display:flex; align-items:center; gap:28px; height:64px; margin:0 0 8px; }
.doit-step-visual::before { content:""; position:absolute; top:32px; left:76px; right:-12px; border-top:1.5px dotted #8e9ba2; }
.doit-step-visual::after { content:""; position:absolute; top:29px; left:calc(30% + 20px); width:7px; height:7px; box-sizing:border-box; border:2px solid var(--doit-green-strong); border-radius:50%; background:#f4f6f6; }
.doit-landing-step:last-child .doit-step-visual::before { right:40%; }
.is-style-doit-editorial .doit-step-visual > .doit-step-number { position:relative; color:#6c787d; font-size:48px; font-weight:300; line-height:1; margin:0; min-width:64px; }
.doit-step-visual > .wp-block-image { position:absolute; left:60%; top:-4px; transform:translateX(-50%); margin:0; width:84px; padding:10px; background:#f4f6f6; }
.doit-step-visual img { display:block; width:64px; height:64px; }
.is-style-doit-editorial .doit-landing-step > h3 { margin:24px 0 20px; }
.is-style-doit-editorial .doit-landing-step > p:not(.doit-step-outcome) { margin:0; }
.is-style-doit-editorial .doit-landing-step > .doit-step-outcome { margin:36px 0 0; min-height:calc(2.8em + 20px); color:var(--doit-green-strong); font-size:18px; font-weight:500; line-height:1.4; }
.doit-step-outcome::before { content:""; display:block; width:36px; height:2px; margin-bottom:18px; background:var(--doit-green-strong); }
@media(max-width:1100px) { .doit-landing-step:nth-child(2) .doit-step-visual::before { right:40%; } }
@media(max-width:767px) { .doit-step-visual::before { right:40%; } .is-style-doit-editorial .doit-landing-step > .doit-step-outcome { margin-top:28px; } }
/* Open service facts and accessible editorial disclosures; opt-in core groups. */
.doit-scope-symbols--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:767px) { .doit-subpage-hero .doit-service-index--inset { margin-bottom:32px; } }
.doit-service-facts { display:grid; gap:36px; }
.doit-service-facts > .doit-service-fact { margin:0; padding-left:28px; border-left:2px solid var(--doit-green-strong); }
.is-style-doit-editorial .doit-service-fact h3 { font-size:28px; font-weight:400; margin:0 0 14px; }
.is-style-doit-editorial .doit-service-fact p { margin:0; }
.doit-service-disclosures { margin-top:56px; border-top:1px solid #657078; }
.doit-service-disclosures > .doit-analysis-detail { margin:0; padding:24px 0; border-bottom:1px solid #657078; }
.is-style-doit-editorial .doit-service-disclosures summary { color:inherit; font-size:24px; }
.doit-service-disclosures .doit-analysis-detail p { max-width:85ch; }
@media(max-width:767px) {
 .doit-scope-symbols--three { grid-template-columns:minmax(0,1fr); gap:28px; }
 .doit-scope-symbols--three .doit-scope-item { flex-direction:row; text-align:left; gap:24px; }
 .doit-scope-symbols--three .doit-scope-item .wp-block-image { margin:0; flex:0 0 72px; }
 .is-style-doit-editorial .doit-service-fact h3 { font-size:24px; }
 .is-style-doit-editorial .doit-service-disclosures summary { font-size:22px; }
}

/* Editorial product views, operating comparison and retention register: core blocks. */
.doit-product-insight { display:grid; grid-template-columns:minmax(0,62fr) minmax(0,32fr); gap:6%; align-items:start; margin-top:48px; }
.doit-product-insight__media,.doit-product-insight__copy { min-width:0; margin:0; }
.doit-product-insight__media > .wp-block-image { margin:0; border:1px solid #cbd4d9; }
.doit-product-insight__media img { display:block; width:100%; height:auto; }
.is-style-doit-editorial .doit-product-caption { font-size:14px; margin:14px 0 0; color:#52616a; }
.is-style-doit-editorial .doit-product-insight__copy > h3 { margin:0 0 24px; font-size:30px; font-weight:300; }
.doit-open-register { margin-top:32px; }
.is-style-doit-editorial .doit-open-register > h3 { padding-top:24px; margin:24px 0 10px; border-top:1px solid #8c999e; font-size:22px; font-weight:400; }
.is-style-doit-editorial .doit-open-register > p { margin:0; }
.doit-comparison { margin-top:48px; }
.doit-comparison__head,.doit-comparison__row { display:grid; grid-template-columns:minmax(0,20fr) minmax(0,36fr) minmax(0,36fr); column-gap:4%; margin:0; }
.doit-comparison__head { padding:0 0 24px; border-bottom:2px solid var(--doit-green-strong); align-items:end; }
.doit-comparison__row { padding:28px 0; border-bottom:1px solid #536169; align-items:start; }
.is-style-doit-editorial .doit-comparison__head > h3 { font-size:26px; margin:0; }
.is-style-doit-editorial .doit-comparison__head > h3:last-child { color:var(--doit-green-strong); }
.is-style-doit-editorial .doit-comparison__head > p { margin:0; color:#c8ced0; }
.is-style-doit-editorial .doit-comparison__row h3 { margin:0; font-size:22px; font-weight:400; }
.doit-comparison__row > div { margin:0; min-width:0; }
.is-style-doit-editorial .doit-comparison__row p { margin:0; }
.is-style-doit-editorial .doit-comparison__local > p { color:#bdc5c9; }
.is-style-doit-editorial .doit-comparison__cloud > p { color:#edf0f1; }
.doit-comparison__mobile-label { display:none; }
.doit-subpage-section.is-style-doit-editorial .doit-comparison__note { margin:32px 0 0; font-size:16px; color:#bdc5c9; max-width:105ch; }
.doit-reference-register { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; margin:48px 0 32px; }
.doit-reference-register__law { margin:0; padding:0 0 20px; border-bottom:2px solid var(--doit-green-strong); }
.is-style-doit-editorial .doit-reference-register__law > h3 { font-size:44px; font-weight:300; margin:0 0 12px; }
.doit-reference-register__law h3 a { color:inherit; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:8px; }
.is-style-doit-editorial .doit-reference-register__law p { margin:0; }
.is-style-doit-editorial .doit-legal-intro { max-width:95ch; margin-bottom:48px; }
.doit-retention-periods { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin-top:28px; }
.doit-retention-period { display:grid; grid-template-columns:auto 1fr; column-gap:16px; align-items:baseline; margin:0; padding-block:16px; border-top:1px solid #b6c2c8; }
.is-style-doit-editorial .doit-retention-period > .doit-retention-number { grid-row:span 2; margin:0; font-size:72px; font-weight:300; line-height:1; color:var(--doit-green-strong); }
.is-style-doit-editorial .doit-retention-period h3 { margin:0 0 8px; font-size:24px; }
.is-style-doit-editorial .doit-retention-period > p:last-child { margin:0; }
.is-style-doit-editorial .doit-legal-note { margin:28px 0 0; font-size:16px; color:#52616a; max-width:105ch; }
.is-style-doit-editorial.doit-subpage-section--dark .doit-legal-note { color:#d3d9dd; }
.doit-legal-editorial .doit-service-disclosures { margin-top:40px; }
.doit-managed-layout { display:grid; grid-template-columns:minmax(0,36fr) minmax(0,56fr); gap:8%; margin-top:48px; }
.doit-managed-capacity { margin:0; }
.is-style-doit-editorial .doit-managed-capacity > .doit-capacity-number { font-size:88px; font-weight:300; line-height:1.1; color:var(--doit-green-strong); margin:0 0 12px; }
.is-style-doit-editorial .doit-managed-capacity h3 { font-size:30px; font-weight:300; margin:0 0 24px; }
.doit-managed-layout > .doit-open-register { margin:0; }
.is-style-doit-editorial .doit-managed-layout > .doit-open-register > h3:first-child { margin-top:0; padding-top:0; border:0; }
@media(max-width:1100px) {
 .doit-product-insight { grid-template-columns:minmax(0,1fr); gap:36px; }
 .doit-product-insight__copy > .doit-open-register { margin-top:24px; }
 .doit-comparison__head,.doit-comparison__row { grid-template-columns:minmax(0,22fr) minmax(0,35fr) minmax(0,35fr); }
 .doit-retention-periods { gap:24px; }
 .is-style-doit-editorial .doit-retention-period > .doit-retention-number { font-size:60px; }
}
@media(max-width:767px) {
 .doit-product-insight { margin-top:32px; }
 .is-style-doit-editorial .doit-product-insight__copy > h3 { font-size:26px; }
 .doit-comparison__head { display:none; }
 .doit-comparison { margin-top:32px; border-top:2px solid var(--doit-green-strong); }
 .doit-comparison__row { grid-template-columns:minmax(0,1fr); gap:20px; }
 .is-style-doit-editorial .doit-comparison__row h3 { font-size:26px; }
 .is-style-doit-editorial .doit-comparison__mobile-label { display:block; margin-bottom:6px; font-size:16px; color:var(--doit-green-strong); }
 .doit-reference-register { grid-template-columns:minmax(0,1fr); gap:28px; margin-top:32px; }
 .is-style-doit-editorial .doit-reference-register__law > h3 { font-size:36px; }
 .doit-retention-periods { grid-template-columns:minmax(0,1fr); gap:16px; }
 .doit-retention-period { grid-template-columns:90px 1fr; }
 .doit-managed-layout { grid-template-columns:minmax(0,1fr); gap:32px; margin-top:32px; }
 .is-style-doit-editorial .doit-managed-capacity > .doit-capacity-number { font-size:72px; }
}

/* Open compliance topics and an editorial introduction sequence. */
.doit-service-hero--statement .doit-keep-phrase { white-space:nowrap; }
.doit-topic .doit-keep-phrase,.doit-duty-section a { white-space:nowrap; }
.doit-topic-layout { display:grid; grid-template-columns:minmax(0,34fr) minmax(0,60fr); gap:6%; align-items:start; }
.doit-topic-layout > .doit-service-chapter-heading { margin:0; }
.is-style-doit-editorial .doit-topic-layout h2 { font-size:40px; }
.doit-topic-grid { display:grid; gap:36px 28px; margin:0; align-items:start; }
.doit-topic-grid--four { grid-template-columns:repeat(4,minmax(0,1fr)); }
@media(min-width:768px) {
 .doit-topic h3 { min-height:2.7em; }
}
.doit-topic-grid--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.doit-topic-grid--three:not(.doit-topic-grid--editorial) > .doit-topic { position:relative; padding-left:18px; align-self:stretch; }
.doit-topic-grid--three:not(.doit-topic-grid--editorial) > .doit-topic::before { content:""; position:absolute; left:0; top:64px; bottom:0; width:2px; background:var(--doit-green-strong); }
.is-style-doit-editorial .doit-topic-grid--three:not(.doit-topic-grid--editorial) .doit-topic h3 { margin-bottom:7.8px; }
@media(min-width:1440px) {
 .is-style-doit-editorial .doit-topic-grid--three:not(.doit-topic-grid--editorial) .doit-topic h3 { min-height:2.2275em; }
}
.doit-topic-grid--two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.doit-topic { min-width:0; margin:0; }
.doit-topic > .wp-block-image { width:44px; height:64px; padding-bottom:20px; box-sizing:border-box; margin:0; }
.doit-topic img { width:44px; height:44px; display:block; object-fit:contain; }
.is-style-doit-editorial .doit-topic h3 { font-size:21px; font-weight:400; line-height:1.35; margin:0 0 12px; }
.is-style-doit-editorial .doit-topic p { font-size:17px; line-height:1.6; margin:0; }
.doit-subpage-section--dark .doit-topic img { filter:brightness(0) invert(1); opacity:.9; }
.doit-risk-consequence { margin-top:40px; padding-top:28px; border-top:1px solid #657078; }
.is-style-doit-editorial .doit-risk-consequence h3 { font-size:26px; margin:0 0 16px; }
.is-style-doit-editorial .doit-risk-consequence p { max-width:110ch; margin:0; }
.doit-risk-section .doit-service-disclosures { margin-top:28px; }
.doit-product-editorial > .doit-subpage-shell > .doit-product-insight { margin-top:112px; grid-template-columns:minmax(0,62fr) minmax(0,32fr); align-items:center; }
.doit-efficiency-register { margin-top:48px; padding-top:32px; border-top:1px solid #b6c2c8; }
.is-style-doit-editorial .doit-efficiency-register > h3 { margin:0 0 32px; font-size:28px; font-weight:300; }
.doit-cloud-facts { display:flex; flex-wrap:wrap; gap:20px 40px; margin-top:32px; }
.is-style-doit-editorial .doit-cloud-facts p { margin:0; padding-left:16px; border-left:2px solid var(--doit-green-strong); }
.doit-onboarding { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:40px; margin-top:48px; }
.doit-onboarding-step { position:relative; display:grid; grid-template-columns:1fr auto; grid-template-rows:48px auto 1fr; column-gap:20px; align-items:start; align-content:start; margin:0; min-width:0; }
.doit-onboarding-step > .wp-block-image { margin:0; width:44px; height:44px; }
.doit-onboarding-step img { display:block; width:44px; height:44px; }
.is-style-doit-editorial .doit-onboarding-step > .doit-onboarding-number { margin:0; font-size:48px; font-weight:300; line-height:1; color:#758189; }
.is-style-doit-editorial .doit-onboarding-step h3 { grid-column:1/-1; border-top:1.5px dotted #8e9ba2; padding-top:24px; margin:24px 0 16px; font-size:26px; font-weight:400; }
.is-style-doit-editorial .doit-onboarding-step > p:last-child { grid-column:1/-1; margin:0; align-self:start; }
.doit-risk-cta .wp-block-buttons { margin-top:32px; margin-bottom:16px; }
.doit-risk-cta .wp-block-button__link { background:var(--doit-green-strong); color:#172028; }
@media(min-width:768px) and (max-width:1440px) {
 .doit-topic-layout > .doit-topic-grid--four { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:1100px) {
 .doit-topic-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
 .doit-product-editorial > .doit-subpage-shell > .doit-product-insight { grid-template-columns:minmax(0,1fr); align-items:start; }
 .doit-onboarding { grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; }
 .doit-efficiency-register .doit-topic-grid--four { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:767px) {
 .is-style-doit-editorial .doit-topic-layout h2 { font-size:34px; }
 .doit-topic-grid--four,.doit-topic-grid--three,.doit-topic-grid--two,.doit-efficiency-register .doit-topic-grid--four { grid-template-columns:minmax(0,1fr); gap:28px; }
 .doit-topic { display:grid; grid-template-columns:44px minmax(0,1fr); gap:0 20px; }
 .doit-topic > .wp-block-image { grid-row:span 2; height:44px; padding-bottom:0; margin:0; }
 .is-style-doit-editorial .doit-topic h3 { font-size:22px; }
 .is-style-doit-editorial .doit-topic p { font-size:18px; }
 .doit-cloud-facts { display:grid; gap:20px; }
 .doit-onboarding { grid-template-columns:minmax(0,1fr); gap:36px; }
 .doit-onboarding-step { grid-template-columns:64px 44px minmax(0,1fr); }
 .doit-onboarding-step h3 { grid-column:1/-1; }
 .is-style-doit-editorial .doit-onboarding-step > .doit-onboarding-number { font-size:42px; }
}

/* Full-width editorial flow with optional, meaningful media pairings. */
.doit-topic-layout--stacked { display:block; }
.doit-topic-layout--with-stopper { position:relative; }
.is-style-doit-editorial .doit-topic-layout--with-stopper > .doit-service-chapter-heading { max-width:calc(100% - 310px); }
.doit-editorial-stopper { position:absolute; top:16px; right:48px; width:230px; height:230px; border-radius:50%; background:var(--doit-green-strong); display:flex; align-items:center; justify-content:center; box-shadow:0 8px 20px rgb(0 0 0 / 12%); transform:rotate(9deg); }
.is-style-doit-editorial .doit-editorial-stopper > p { margin:0; color:#fff; font-family:"Myriad Pro Semibold",sans-serif; font-size:56px; font-weight:600; line-height:1.05; text-align:center; letter-spacing:0; }
@media (max-width:1100px) {
 .is-style-doit-editorial .doit-topic-layout--with-stopper > .doit-service-chapter-heading { max-width:calc(100% - 210px); }
 .doit-editorial-stopper { width:170px; height:170px; right:24px; }
 .is-style-doit-editorial .doit-editorial-stopper > p { font-size:42px; }
}
@media (max-width:767px) {
 .is-style-doit-editorial .doit-topic-layout--with-stopper > .doit-service-chapter-heading { max-width:100%; }
 .doit-editorial-stopper { position:relative; top:auto; right:auto; width:140px; height:140px; margin:21.33px 24px 0 auto; }
 .is-style-doit-editorial .doit-editorial-stopper > p { font-size:36px; }
}
.doit-topic-layout--stacked > .doit-topic-grid { margin-top:48px; }
.is-style-doit-editorial .doit-topic-layout--stacked h2 { font-size:48px; }
.doit-topic-layout--stacked > .doit-topic-grid--four { grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:72px; }
.doit-topic-grid--editorial .doit-topic > .wp-block-image { width:64px; height:88px; padding-bottom:24px; }
.doit-topic-grid--editorial .doit-topic img { width:64px; height:64px; }
.is-style-doit-editorial .doit-topic-grid--editorial .doit-topic p { font-size:20px; max-width:34ch; }
.is-style-doit-editorial .doit-topic-grid--editorial .doit-topic h3 { font-size:24px; font-weight:400; margin-bottom:7.8px; }
@media(min-width:1440px) {
 .is-style-doit-editorial .doit-topic-grid--editorial .doit-topic h3 { min-height:2.2275em; }
}
.doit-service-hero--benefits .doit-subpage-hero__content { position:relative; }
.doit-hero-benefits { position:absolute; right:0; bottom:90px; margin:0; padding-left:24px; border-left:2px solid var(--doit-green-strong); }
.doit-service-hero--benefits .doit-hero-benefits p { font-family:"Segoe UI",sans-serif; font-size:28px; line-height:1.45; font-weight:300; color:#fff; margin:0 0 8px; }
.doit-cloud-overview { display:grid; grid-template-columns:minmax(0,28fr) minmax(0,64fr); gap:8%; align-items:center; margin-top:48px; }
.doit-cloud-overview > .doit-topic-grid { row-gap:72px; }
.doit-cloud-visual { text-align:center; margin:0; min-width:0; }
.doit-cloud-visual > .wp-block-image { width:160px; height:160px; margin:0 auto 28px; }
.doit-cloud-visual img { display:block; width:160px; height:160px; filter:brightness(0) invert(1); opacity:.85; }
.is-style-doit-editorial .doit-cloud-visual h3 { font-size:26px; line-height:1.4; font-weight:300; margin:0; }
.doit-service-responsibilities { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8%; margin-top:48px; }
.doit-service-responsibilities::before { content:""; position:absolute; left:50%; top:96px; bottom:96px; width:1px; background:var(--doit-green-strong); pointer-events:none; }
.doit-service-responsibility { margin:0; padding-top:24px; }
.is-style-doit-editorial .doit-service-responsibility h3 { font-size:20px; font-weight:400; text-transform:uppercase; margin:0 0 24px; color:#d3d9dd; }
.doit-service-responsibility .doit-check-list { margin:0; }
.doit-service-responsibility .doit-check-list li { margin-bottom:14px; }
.doit-service-icon-list { display:grid; gap:20px; margin:0; }
.doit-service-icon-item { display:grid; grid-template-columns:72px minmax(0,1fr); gap:24px; align-items:start; min-height:104px; margin:0; }
.doit-service-icon-item > .wp-block-image { width:72px; height:72px; padding:18px; box-sizing:border-box; border-radius:50%; background:rgba(255,255,255,.07); margin:0; }
.doit-service-icon-item img { display:block; width:36px; height:36px; filter:brightness(0) invert(1); opacity:.85; }
.doit-service-responsibility--benefits .doit-service-icon-item > .wp-block-image { background:rgba(159,193,49,.13); }
.is-style-doit-editorial .doit-service-icon-item > p { margin:0; }
.doit-service-icon-copy { margin:0; padding-top:4px; }
.is-style-doit-editorial .doit-service-icon-copy h4 { font-family:"Segoe UI",sans-serif; font-size:22px; line-height:1.35; font-weight:400; margin:0 0 6px; }
.is-style-doit-editorial.doit-subpage-section--dark .doit-service-icon-copy h4 { color:#fff; }
.is-style-doit-editorial .doit-service-icon-copy p { font-size:18px; line-height:1.5; margin:0; color:#d3d9dd; }
.is-style-doit-editorial .doit-service-responsibility--benefits > h3 { color:var(--doit-green-strong); }
.doit-service-responsibility--benefits .doit-service-icon-item img { filter:invert(85%) sepia(40%) saturate(390%) hue-rotate(24deg) brightness(100%); opacity:.92; }
@media(max-width:1100px) {
 .doit-service-icon-item { grid-template-columns:56px minmax(0,1fr); gap:16px; min-height:140px; }
 .doit-service-icon-item > .wp-block-image { width:56px; height:56px; padding:12px; }
 .doit-service-icon-item img { width:32px; height:32px; }
}
@media(max-width:767px) {
 .doit-service-icon-item { min-height:0; }
}
.doit-legal-section .doit-service-disclosures { margin-top:32px; }
.doit-onboarding--connected .doit-onboarding-step { display:block; }
.doit-onboarding-visual { height:64px; position:relative; margin:0; }
.is-style-doit-editorial .doit-onboarding-visual .doit-onboarding-number { font-size:48px; line-height:1; font-weight:300; color:#758189; margin:0; }
.doit-onboarding-visual > .wp-block-image { position:absolute; left:64px; top:5.96px; width:36.08px; height:36.08px; padding:0; box-sizing:border-box; margin:0; }
.doit-onboarding-visual img { width:36.08px; height:36.08px; display:block; }
.is-style-doit-editorial .doit-onboarding--connected .doit-onboarding-step h3 { margin:20px 0 16px; padding:0; border:0; font-size:24px; }
@media(max-width:1100px) {
 .doit-topic-layout--stacked > .doit-topic-grid--four { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .doit-hero-benefits { position:static; display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:28px; padding:18px 0 0; border-left:0; border-top:1px solid var(--doit-green-strong); }
 .doit-service-hero--benefits .doit-hero-benefits p { font-size:22px; }
 .doit-cloud-overview { grid-template-columns:minmax(0,1fr); gap:40px; }
 .doit-cloud-visual { display:flex; gap:28px; text-align:left; align-items:center; }
 .doit-cloud-visual > .wp-block-image { flex:0 0 112px; width:112px; height:112px; margin:0; }
 .doit-cloud-visual img { width:112px; height:112px; }
}
@media(max-width:767px) {
 .is-style-doit-editorial .doit-topic-layout--stacked h2 { font-size:34px; }
 .doit-topic-layout--stacked > .doit-topic-grid { margin-top:32px; }
 .doit-topic-layout--stacked > .doit-topic-grid--four { grid-template-columns:minmax(0,1fr); margin-top:48px; }
 .doit-topic-grid--editorial .doit-topic { grid-template-columns:48px minmax(0,1fr); }
 .doit-topic-grid--editorial .doit-topic > .wp-block-image { width:48px; height:48px; padding:0; }
 .doit-topic-grid--editorial .doit-topic img { width:48px; height:48px; }
 .is-style-doit-editorial .doit-topic-grid--editorial .doit-topic h3 { font-size:22px; }
 .is-style-doit-editorial .doit-topic-grid--editorial .doit-topic p { font-size:18px; }
 .doit-hero-benefits { display:block; margin:28px 0 0; padding:0 0 0 16px; border-top:0; border-left:2px solid var(--doit-green-strong); }
 .doit-service-hero--benefits .doit-hero-benefits p { font-size:20px; line-height:1.4; }
 .doit-cloud-overview,.doit-service-responsibilities { margin-top:32px; }
 .doit-cloud-visual { display:block; }
 .doit-cloud-visual > .wp-block-image { margin-bottom:20px; }
 .doit-service-responsibilities { grid-template-columns:minmax(0,1fr); gap:32px; }
 .doit-service-responsibilities::before { display:none; }
}

/* Editable privacy service components: open grids, numbered pillars and incident guidance. */
.is-style-doit-editorial.doit-privacy-section h2 { font-size:48px; line-height:1.16; font-weight:300; }
.doit-privacy-section .doit-service-chapter-heading { max-width:1000px; margin-bottom:48px; }
.doit-privacy-section .doit-service-chapter-heading > p:last-child { max-width:900px; }
.doit-privacy-grid { display:grid; gap:48px 40px; }
.doit-privacy-grid--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.doit-privacy-item { min-width:0; margin:0; display:grid; grid-template-rows:64px auto 1fr; align-content:start; }
.doit-privacy-item > .wp-block-image { width:44px; height:44px; margin:0; }
.doit-privacy-item img { width:44px; height:44px; display:block; }
.is-style-doit-editorial .doit-privacy-item h3 { font-size:24px; font-weight:400; line-height:1.3; margin:10px 0 20px; min-height:2.6em; }
.is-style-doit-editorial .doit-privacy-item p { font-size:19px; line-height:1.6; margin:0; }
.doit-privacy-grid--ruled > .doit-privacy-item { border-left:2px solid var(--doit-green-strong); padding-left:24px; }
.doit-privacy-pillars { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px 72px; }
.doit-privacy-pillar { display:grid; grid-template-columns:80px minmax(0,1fr); gap:24px; border-top:1px solid #53616a; padding-top:32px; margin:0; }
.doit-privacy-pillar-mark { display:flex; flex-direction:column; gap:24px; }
.is-style-doit-editorial.doit-privacy-section .doit-privacy-number { margin:0; color:#a6b1b8; font-size:52px; font-weight:300; line-height:1; }
.doit-privacy-pillar-mark .wp-block-image { width:40px; height:40px; margin:0; }
.doit-privacy-pillar-mark img { display:block; width:40px; height:40px; filter:none; opacity:1; }
.doit-privacy-pillar-copy { display:flex; flex-direction:column; min-width:0; }
.is-style-doit-editorial .doit-privacy-pillar-copy h3 { font-size:28px; line-height:1.3; font-weight:400; min-height:2.6em; margin:0 0 20px; color:#fff; }
.is-style-doit-editorial .doit-privacy-pillar-copy p { font-size:19px; line-height:1.6; margin:0 0 24px; }
.is-style-doit-editorial .doit-privacy-pillar-copy .doit-privacy-outcome { margin:auto 0 0; padding-top:16px; color:var(--doit-green-strong); font-size:18px; }
.doit-privacy-incident { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); gap:80px; margin:48px 0 32px; }
.doit-privacy-deadline { border-left:2px solid var(--doit-green-strong); padding-left:32px; }
.is-style-doit-editorial.doit-privacy-section .doit-privacy-deadline-number { font-size:104px; font-weight:300; line-height:1; margin:0 0 24px; color:var(--doit-green-strong); }
.is-style-doit-editorial .doit-privacy-deadline h3 { font-size:26px; font-weight:400; color:#fff; }
.doit-privacy-incident-steps { display:grid; gap:32px; }
.doit-privacy-incident-steps .doit-privacy-item { grid-template-columns:44px minmax(0,1fr); grid-template-rows:auto auto; column-gap:24px; }
.doit-privacy-incident-steps .wp-block-image { grid-row:1/3; }
.doit-privacy-incident-steps img { filter:none; }
.is-style-doit-editorial .doit-privacy-incident-steps h3 { min-height:0; margin:0 0 8px; color:#fff; }
.doit-privacy-agreement { border-top:1px solid #a9b5bc; margin-top:56px; padding-top:32px; }
.is-style-doit-editorial .doit-privacy-agreement h3 { font-size:28px; font-weight:400; margin:0 0 16px; }
.doit-privacy-section .wp-block-buttons { margin-top:32px; margin-bottom:20px; }
.doit-privacy-section .doit-legal-note { color:#d3d9dd; font-size:17px; }
@media (max-width:1100px) {
 .doit-privacy-grid--three { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .doit-privacy-pillars { gap:40px; }
 .doit-privacy-pillar { grid-template-columns:56px minmax(0,1fr); gap:20px; }
 .doit-privacy-incident { gap:40px; }
}
@media (max-width:767px) {
 .is-style-doit-editorial.doit-privacy-section h2 { font-size:32px; }
 .doit-privacy-section .doit-service-chapter-heading { margin-bottom:32px; }
 .doit-privacy-grid--three,.doit-privacy-pillars,.doit-privacy-incident { grid-template-columns:minmax(0,1fr); }
 .is-style-doit-editorial .doit-privacy-item h3 { min-height:0; font-size:23px; margin-bottom:16px; }
 .doit-privacy-pillar { grid-template-columns:44px minmax(0,1fr); gap:16px; }
 .is-style-doit-editorial .doit-privacy-pillar-copy h3 { font-size:23px; min-height:0; hyphens:auto; overflow-wrap:anywhere; }
 .is-style-doit-editorial.doit-privacy-section .doit-privacy-number { font-size:40px; }
 .doit-privacy-incident { margin-top:32px; }
 .is-style-doit-editorial.doit-privacy-section .doit-privacy-deadline-number { font-size:80px; }
}

/* Editable business diagrams: domain dependencies, TLS, findings and migration. */
.is-style-doit-editorial.doit-web-section h2 { font-size:48px; line-height:1.16; font-weight:300; }
.is-style-doit-editorial.doit-web-section .doit-service-chapter-heading { max-width:1100px; margin-bottom:56px; }
.is-style-doit-editorial.doit-web-section .doit-service-chapter-heading > p:last-child { max-width:1000px; }
.is-style-doit-editorial.doit-web-section .wp-block-image { margin:0; }
.is-style-doit-editorial.doit-web-section .wp-block-image img { display:block; width:48px; height:48px; }
.is-style-doit-editorial.doit-web-section .doit-web-label { font-size:18px; color:var(--doit-green-strong); margin:0 0 12px; }
.is-style-doit-editorial.doit-web-section .doit-web-note { margin:32px 0 0; font-size:17px; line-height:1.6; color:#596b76; }
.is-style-doit-editorial.doit-web-section.doit-subpage-section--dark .doit-web-note { color:#c3cbd0; }
.doit-web-section .doit-domain-map { margin:64px 0 0; }
.doit-web-section .doit-domain-origin { display:flex; justify-content:center; align-items:center; gap:28px; position:relative; width:fit-content; max-width:100%; box-sizing:border-box; margin:0 auto 48px; padding:32px 40px; border:1px solid #a6b0b6; border-radius:4px; }
.doit-web-section .doit-domain-origin > .wp-block-image img { width:80px; height:80px; }
.is-style-doit-editorial .doit-domain-origin h3 { margin:0 0 12px; font-size:36px; font-weight:400; }
.doit-web-section .doit-domain-origin p { margin:0; }
.doit-web-section .doit-domain-origin::after { content:""; position:absolute; bottom:-49px; left:50%; height:48px; border-left:1px solid var(--doit-green-strong); }
.doit-web-section .doit-domain-branches { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:64px; position:relative; margin-top:0; }
.doit-web-section .doit-domain-branches::before { content:""; position:absolute; top:0; left:calc((100% - 128px)/6); right:calc((100% - 128px)/6); border-top:1px solid var(--doit-green-strong); }
.doit-web-section .doit-domain-branch { position:relative; padding-top:56px; text-align:center; min-width:0; display:flex; flex-direction:column; align-items:center; margin:0; }
.doit-web-section .doit-domain-branch::before { content:""; position:absolute; top:0; left:50%; height:32px; border-left:1px solid var(--doit-green-strong); }
.is-style-doit-editorial .doit-domain-branch h3 { margin:24px 0 16px; font-size:26px; font-weight:400; }
.doit-web-section .doit-domain-branch p { margin:0 0 10px; max-width:340px; }
.doit-web-section .doit-domain-branch .doit-web-technical { margin:auto 0 0; padding-top:6px; font-size:16px; color:#596b76; }
.doit-web-section .doit-web-emphasis { border-top:1px solid #a6b0b6; margin-top:56px; padding-top:32px; }
.is-style-doit-editorial .doit-web-emphasis h3 { font-size:28px; font-weight:400; margin:0 0 16px; }
.doit-web-section .doit-web-emphasis p { margin:0; max-width:1100px; }
.doit-web-section .doit-web-services { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:56px 80px; }
.doit-web-section .doit-web-item { min-width:0; margin:0; }
.is-style-doit-editorial .doit-web-item h3 { font-size:27px; font-weight:400; line-height:1.3; margin:24px 0 16px; }
.doit-web-section .doit-web-item p { margin:0; }
.doit-web-section .doit-web-services .doit-web-item { border-top:1px solid #53616a; padding-top:28px; display:grid; grid-template-columns:56px minmax(0,1fr); column-gap:24px; grid-template-rows:auto 1fr; }
.doit-web-section .doit-web-services .wp-block-image { grid-row:1/3; }
.is-style-doit-editorial .doit-web-services h3 { margin:0 0 20px; }
.doit-subpage-section--dark.doit-web-section img { filter:none; opacity:1; }
.doit-web-section .doit-tls-diagram { display:grid; grid-template-columns:1fr 1.4fr 1fr; gap:36px; align-items:center; padding:32px 0 48px; }
.doit-web-section .doit-tls-endpoint { text-align:center; display:flex; flex-direction:column; align-items:center; }
.doit-web-section .doit-tls-endpoint .wp-block-image img { width:96px; height:96px; }
.is-style-doit-editorial .doit-tls-endpoint h3 { font-size:26px; font-weight:400; margin:24px 0 8px; }
.doit-web-section .doit-tls-endpoint p { margin:0; }
.doit-web-section .doit-tls-connection { position:relative; text-align:center; display:flex; flex-direction:column; align-items:center; align-self:start; padding-top:18px; }
.doit-web-section .doit-tls-connection::before { content:""; position:absolute; top:43px; left:0; right:0; border-top:2px solid var(--doit-green-strong); }
.doit-web-section .doit-tls-connection .wp-block-image { background:#fff; padding:0 18px; z-index:1; }
.doit-web-section .doit-tls-connection .doit-web-label { margin-top:24px; }
.doit-web-section .doit-tls-connection p { margin:0; }
.doit-web-section .doit-web-two { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:72px; margin-top:32px; }
.doit-web-section .doit-web-two > .doit-web-item { border-left:2px solid var(--doit-green-strong); padding-left:28px; }
.doit-web-section .doit-domain-assessment { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:80px; align-items:center; }
.doit-web-section .doit-domain-report { border:1px solid #69747c; border-top:3px solid var(--doit-green-strong); border-radius:0; padding:32px; min-width:0; }
.is-style-doit-editorial .doit-domain-report h3 { font-size:29px; font-weight:400; margin:0 0 8px; overflow-wrap:anywhere; }
.doit-web-section .doit-domain-report .doit-web-note { margin:0 0 28px; }
.doit-web-section .doit-domain-check-row { display:flex; gap:20px; justify-content:space-between; align-items:baseline; margin:0; padding:18px 0; border-top:1px solid #53616a; }
.doit-web-section .doit-domain-check-row p { margin:0; font-size:18px; }
.doit-web-section .doit-domain-check-state { white-space:nowrap; }
.doit-web-section .doit-domain-check-state.is-clear { color:#b3d742; }
.doit-web-section .doit-domain-check-state.is-review { color:#edbd72; }
.doit-web-section .doit-domain-check-state.is-context { color:#e5e9eb; }
.doit-web-section .doit-domain-findings { display:grid; gap:44px; }
.doit-web-section .doit-domain-finding { display:grid; grid-template-columns:52px minmax(0,1fr); gap:24px; margin:0; }
.is-style-doit-editorial.doit-web-section .doit-web-number { font-size:44px; line-height:1; font-weight:300; margin:0; color:#84919a; white-space:nowrap; }
.is-style-doit-editorial .doit-domain-finding h3 { margin:0 0 16px; font-size:26px; font-weight:400; }
.doit-web-section .doit-domain-finding p { margin:0; }
.doit-web-section .doit-web-move { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:40px; }
.doit-web-section .doit-web-move-step { min-width:0; margin:0; }
.doit-web-section .doit-web-move-mark { display:flex; gap:18px; align-items:center; margin:0 0 28px; padding-bottom:24px; border-bottom:2px solid var(--doit-green-strong); }
.doit-web-section .doit-web-move-mark .wp-block-image img { width:36px; height:36px; }
.is-style-doit-editorial .doit-web-move-step h3 { font-size:25px; font-weight:400; line-height:1.3; min-height:1.95em; margin:0 0 10px; }
.doit-web-section .doit-web-move-step > p { margin:0; }
.doit-web-section .doit-web-ownership { margin-top:0; }
.is-style-doit-editorial.doit-web-section .wp-block-buttons { margin:32px 0 20px; }
@media(max-width:1100px) {
 .doit-web-section .doit-domain-branches { gap:32px; }
 .doit-web-section .doit-domain-branches::before { left:calc((100% - 64px)/6); right:calc((100% - 64px)/6); }
 .doit-web-section .doit-domain-assessment { gap:40px; }
 .doit-web-section .doit-web-services,.doit-web-section .doit-web-two { gap:40px; }
 .doit-web-section .doit-web-move { grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; }
 .is-style-doit-editorial .doit-web-move-step h3 { min-height:0; }
 .doit-web-section .doit-domain-report { padding:24px; }
 .doit-web-section .doit-domain-check-row { gap:12px; }
 .doit-web-section .doit-domain-check-row p { font-size:16px; }
}
@media(max-width:767px) {
 .is-style-doit-editorial.doit-web-section h2 { font-size:32px; }
 .is-style-doit-editorial.doit-web-section h2 br { display:none; }
 .doit-web-section .doit-domain-origin > .wp-block-image { flex:0 0 48px; }
 .is-style-doit-editorial.doit-web-section .doit-service-chapter-heading { margin-bottom:36px; }
 .doit-web-section .doit-domain-map { margin-top:40px; }
 .doit-web-section .doit-domain-origin { justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:16px; width:100%; padding:24px; margin-bottom:32px; }
 .doit-web-section .doit-domain-origin > .wp-block-image img { width:48px; height:48px; }
 .doit-web-section .doit-domain-origin-copy { min-width:0; }
 .is-style-doit-editorial .doit-domain-origin h3 { font-size:24px; overflow-wrap:anywhere; }
 .doit-web-section .doit-domain-origin::after { display:none; }
 .doit-web-section .doit-domain-branches { grid-template-columns:minmax(0,1fr); gap:36px; border-left:1px solid var(--doit-green-strong); margin-left:24px; padding-left:32px; }
 .doit-web-section .doit-domain-branches::before { display:none; }
 .doit-web-section .doit-domain-branch { padding:0; text-align:left; align-items:flex-start; }
 .doit-web-section .doit-domain-branch::before { left:-32px; top:24px; width:20px; height:0; border-left:0; border-top:1px solid var(--doit-green-strong); }
 .is-style-doit-editorial .doit-domain-branch h3 { margin-top:16px; font-size:24px; }
 .doit-web-section .doit-domain-branch p { max-width:none; }
 .doit-web-section .doit-domain-branch .doit-web-technical { padding-top:0; }
 .doit-web-section .doit-web-services,.doit-web-section .doit-web-two,.doit-web-section .doit-domain-assessment,.doit-web-section .doit-web-move { grid-template-columns:minmax(0,1fr); }
 .doit-web-section .doit-web-services .doit-web-item { grid-template-columns:40px minmax(0,1fr); gap:16px; }
 .doit-web-section .doit-web-services .wp-block-image img { width:36px; height:36px; }
 .is-style-doit-editorial .doit-web-item h3 { font-size:24px; }
 .doit-web-section .doit-tls-diagram { grid-template-columns:minmax(0,1fr); gap:32px; padding:8px 0 24px; }
 .doit-web-section .doit-tls-endpoint { display:grid; grid-template-columns:64px minmax(0,1fr); column-gap:20px; text-align:left; align-items:center; }
 .doit-web-section .doit-tls-endpoint .wp-block-image { grid-row:1/3; }
 .doit-web-section .doit-tls-endpoint .wp-block-image img { width:64px; height:64px; }
 .is-style-doit-editorial .doit-tls-endpoint h3 { margin:0 0 4px; font-size:24px; }
 .doit-web-section .doit-tls-connection { border-left:2px solid var(--doit-green-strong); margin-left:31px; padding:24px 0 24px 51px; align-items:flex-start; text-align:left; }
 .doit-web-section .doit-tls-connection::before { display:none; }
 .doit-web-section .doit-tls-connection .wp-block-image { padding:0; }
 .doit-web-section .doit-tls-connection .doit-web-label { margin-top:12px; }
 .doit-web-section .doit-web-two > .doit-web-item { padding-left:20px; }
 .doit-web-section .doit-domain-report { padding:24px 18px; }
 .is-style-doit-editorial .doit-domain-report h3 { font-size:25px; }
 .doit-web-section .doit-domain-check-row { align-items:flex-start; }
 .doit-web-section .doit-domain-check-row > p:first-child { max-width:58%; }
 .doit-web-section .doit-domain-finding { grid-template-columns:52px minmax(0,1fr); gap:16px; }
 .is-style-doit-editorial .doit-domain-finding h3 { font-size:24px; }
 .doit-web-section .doit-web-move { gap:40px; }
 .doit-web-section .doit-web-move-mark { margin-bottom:20px; }
 .doit-web-section .doit-web-emphasis { margin-top:40px; }
 .is-style-doit-editorial .doit-web-emphasis h3 { font-size:25px; }
}
/* Reusable process diagrams and service overview, native Group/Image blocks. */
.is-style-doit-editorial.doit-process-section .doit-service-chapter-heading { max-width:none; margin:0 0 56px; }
.is-style-doit-editorial.doit-process-section h2 { font-size:46px; line-height:1.16; font-weight:400; margin:20px 0 24px; }
.doit-process-section .doit-service-chapter-heading > p:last-child { max-width:1160px; }
.doit-process-section .wp-block-image { margin:0; }
.doit-process-section .wp-block-image img { display:block; width:48px; height:48px; filter:none; opacity:1; }
.doit-process-section .doit-process-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:40px; }
.doit-process-section .doit-process-stage { min-width:0; margin:0; }
.doit-process-section .doit-process-mark { display:flex; align-items:center; gap:18px; margin:0 0 28px; }
.doit-process-section .doit-process-mark > h3 { margin:0; }
.doit-subpage-section.is-style-doit-editorial .doit-heading-separated { margin-top:48px; }
.doit-connector-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:64px; margin-top:48px; }
.doit-connector-step { position:relative; display:flex; flex-direction:column; min-width:0; }
.doit-subpage-section .doit-connector-step h3 { font-size:26px; margin:0 0 18px; }
.doit-connector-step p { margin:0 0 24px; }
.doit-process-section .doit-connector-step .wp-block-image { margin:auto 0 0; width:64px; }
.doit-process-section .doit-connector-step img { width:64px; height:64px; }
.doit-connector-step:not(:last-child)::after { content:""; position:absolute; bottom:30px; left:96px; right:-28px; height:1px; background:#9fc131; }
.doit-connector-step:not(:last-child)::before { content:""; position:absolute; bottom:26px; right:-28px; width:8px; height:8px; border-top:2px solid #9fc131; border-right:2px solid #9fc131; transform:rotate(45deg); }
.doit-consultation-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:80px; align-items:start; }
.doit-consultation-copy { min-width:0; }
.doit-consultation-copy h2 { max-width:20ch; }
.doit-consultation-benefits { margin-top:32px; }
.doit-consultation-benefits li { margin-bottom:16px; }
.doit-consultation-form { min-width:0; padding:36px; border-radius:8px; background:#181f26; color:#fff; }
.doit-subpage-section .doit-consultation-form h3 { color:#fff; font-size:26px; margin:0 0 12px; }
.doit-consultation-form > p { color:#cbd1d4; font-size:16px; margin-bottom:28px; }
.doit-consultation-form label { display:block; font-size:15px; line-height:1.5; color:#fff; }
.doit-consultation-form form p { margin:0 0 18px; }
.doit-consultation-form :is(input[type=text],input[type=email],textarea,select) { display:block; width:100%; max-width:100%; margin-top:6px; border:1px solid #68747e; border-radius:4px; background:#263039; color:#fff; padding:10px 12px; min-height:44px; font-size:16px; }
.doit-consultation-form textarea { min-height:88px; resize:vertical; }
.doit-consultation-form :is(input,textarea,select):focus-visible { outline:2px solid #abd32c; outline-offset:3px; }
.doit-consultation-form input[type=submit] { width:100%; min-height:48px; background:#abd32c; color:#101610; border:0; border-radius:4px; font-size:16px; font-weight:600; cursor:pointer; }
.doit-consultation-form .doit-form-privacy { color:#d5dadd; font-size:13px; line-height:1.5; }
.doit-consultation-form .doit-form-privacy a { color:#fff; text-decoration:underline; }
.doit-consultation-form .wpcf7-not-valid-tip { color:#ffb3b3; font-size:14px; }
.doit-consultation-form .wpcf7-response-output { margin:20px 0 0; color:#fff; font-size:15px; }
.doit-consultation-section .doit-process-faq { margin-top:64px; }
@media(max-width:900px) { .doit-consultation-layout { grid-template-columns:1fr; gap:40px; } .doit-consultation-copy h2 { max-width:none; } }
@media(max-width:767px) { .doit-connector-flow { grid-template-columns:1fr; gap:40px; } .doit-connector-step:not(:last-child)::before,.doit-connector-step:not(:last-child)::after { display:none; } .doit-consultation-form { padding:24px; } }
.doit-process-section .doit-process-mark > .wp-block-image { flex:0 0 40px; margin:0; }
.doit-process-section .doit-process-mark img { width:40px; height:40px; }
/* Panoramic people photos keep their scale tied to hero height, not ultrawide viewport width. */
.wp-block-cover.doit-cover-panorama { background-color:#39414b; }
.wp-block-cover.doit-cover-panorama > .wp-block-cover__image-background { left:auto; right:max(0px,calc((100% - 2560px)/2)); width:min(100%,calc(var(--doit-subpage-hero-height,716px) * 2.4)); height:100%; object-fit:cover; object-position:72% 0%; mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 90%,transparent 100%); }
@media(max-width:767px) { .wp-block-cover.doit-cover-panorama > .wp-block-cover__image-background { width:100%; right:0; object-position:76% 0%; mask-image:none; } }
.doit-benefit-layout > .wp-block-image.doit-image-focus-left img { object-position:left top; }
.is-style-doit-editorial.doit-process-section .doit-process-number { color:#7b8992; font-size:44px; line-height:1; font-weight:300; margin:0; }
.is-style-doit-editorial .doit-process-stage h3 { font-size:25px; line-height:1.25; margin:0 0 18px; font-weight:400; }
.doit-process-section .doit-process-stage > p { margin:0; }
.doit-process-section .doit-process-foundation { border-top:1px solid var(--doit-green-strong); margin:40px 0 0; padding:24px 0 0; display:flex; justify-content:space-between; gap:24px; }
.doit-process-section .doit-process-foundation p { margin:0; }
.doit-process-section .doit-process-label { color:#668515; font-size:17px; font-weight:600; }
.is-style-doit-editorial.doit-process-section .doit-process-note { font-size:17px; line-height:1.6; color:#60717b; margin:32px 0 0; max-width:1200px; }
.is-style-doit-editorial.doit-subpage-section--dark .doit-process-note { color:#b7c0c5; }
.doit-process-section .doit-process-modules,.doit-process-section .doit-process-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; }
.doit-process-section .doit-process-item { min-width:0; margin:0; }
.doit-process-section .doit-process-item-copy { border-left:1px solid var(--doit-green-strong); padding-left:22px; margin-top:28px; }
.is-style-doit-editorial .doit-process-item h3 { font-size:27px; line-height:1.25; font-weight:400; margin:0 0 20px; overflow-wrap:break-word; }
.doit-process-section .doit-process-item p { margin:0; }
.doit-process-section .doit-process-modules > .doit-process-item,.doit-process-section .doit-process-options > .doit-process-item { display:flex; flex-direction:column; }
.doit-process-section .doit-process-modules .doit-process-item-copy,.doit-process-section .doit-process-options .doit-process-item-copy { flex:1; }
.doit-process-section .doit-process-emphasis { border-top:1px solid #a6b0b6; margin:56px 0 0; padding-top:28px; }
.is-style-doit-editorial .doit-process-emphasis h3 { font-size:28px; line-height:1.3; font-weight:400; margin:0 0 20px; }
.doit-process-section .doit-process-emphasis p { margin:0; max-width:1200px; }
.doit-subpage-section--dark .doit-process-emphasis { border-color:#52616a; }
.doit-process-section .doit-document-path { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; }
.doit-process-section .doit-document-stop { margin:0; padding-top:28px; border-top:1px solid var(--doit-green-strong); }
.is-style-doit-editorial .doit-document-stop h3 { font-size:27px; font-weight:400; margin:24px 0 16px; }
.doit-process-section .doit-document-stop > p:last-child { margin:0; }
.doit-process-section .doit-process-services { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:44px 72px; }
.doit-process-section .doit-process-services .doit-process-item { display:grid; grid-template-columns:76px minmax(0,1fr); gap:24px; }
.doit-process-section .doit-process-services .wp-block-image { width:76px; height:76px; display:flex; align-items:center; justify-content:center; background:#f0f4e7; border-radius:50%; }
.doit-process-section .doit-process-services img { width:36px; height:36px; }
.doit-process-section .doit-process-services .doit-process-item-copy { border:0; padding:0; margin:4px 0 0; }
.is-style-doit-editorial .doit-process-services h3 { font-size:25px; margin-bottom:12px; }
.doit-process-section .doit-process-faq details { border-top:1px solid #53616a; padding:24px 0; margin:0; }
.doit-process-section .doit-process-faq details:last-child { border-bottom:1px solid #53616a; }
.doit-process-section .doit-process-faq summary { color:#f2f4f5; font-size:24px; cursor:pointer; }
.doit-process-section .doit-process-faq summary::marker { color:var(--doit-green-strong); }
.doit-process-section .doit-process-faq details > p { margin:20px 0 0; max-width:1100px; }
.doit-process-section .wp-block-buttons { margin:32px 0 20px; }
@media(max-width:1100px) {
 .doit-process-section .doit-process-flow { grid-template-columns:repeat(2,minmax(0,1fr)); gap:44px; }
 .doit-process-section .doit-process-modules,.doit-process-section .doit-process-options,.doit-process-section .doit-document-path { gap:28px; }
 .doit-process-section .doit-process-services { gap:36px; }
 .doit-process-section .doit-process-services .doit-process-item { grid-template-columns:56px minmax(0,1fr); gap:18px; }
 .doit-process-section .doit-process-services .wp-block-image { width:56px; height:56px; }
}
@media(max-width:767px) {
 .is-style-doit-editorial.doit-process-section h2 { font-size:32px; }
 .is-style-doit-editorial.doit-process-section h2 br { display:none; }
 .is-style-doit-editorial.doit-process-section .doit-service-chapter-heading { margin-bottom:36px; }
 .doit-process-section .doit-process-flow,.doit-process-section .doit-process-modules,.doit-process-section .doit-process-options,.doit-process-section .doit-document-path,.doit-process-section .doit-process-services { grid-template-columns:minmax(0,1fr); gap:36px; }
 .doit-process-section .doit-process-foundation { flex-direction:column; gap:8px; }
 .doit-process-section .doit-process-mark { margin-bottom:20px; }
 .is-style-doit-editorial .doit-process-item h3,.is-style-doit-editorial .doit-document-stop h3 { font-size:25px; }
 .doit-process-section .doit-process-emphasis { margin-top:40px; }
 .is-style-doit-editorial .doit-process-emphasis h3 { font-size:26px; }
 .doit-process-section .doit-process-faq summary { font-size:22px; }
}
/* Reusable call-routing diagrams, endpoints and tariff comparison. */
.doit-process-section .doit-call-map { margin-top:64px; }
.doit-process-section .doit-call-origin { position:relative; display:flex; align-items:center; gap:28px; width:fit-content; max-width:100%; margin:0 auto 48px; padding:28px 36px; border:1px solid #a6b0b6; border-radius:4px; }
.doit-process-section .doit-call-origin img { width:64px; height:64px; }
.doit-process-section .doit-call-origin-copy { min-width:0; }
.is-style-doit-editorial .doit-call-origin h3 { font-size:30px; font-weight:400; margin:12px 0; line-height:1.25; }
.doit-process-section .doit-call-origin p { margin:0; }
.is-style-doit-editorial.doit-process-section .doit-call-label { font-size:17px; font-weight:500; color:#668515; margin:0 0 16px; line-height:1.5; }
.doit-subpage-section--dark.doit-process-section .doit-call-label { color:#b1cd59; }
.doit-process-section .doit-call-origin::after { content:""; position:absolute; height:48px; bottom:-49px; left:50%; border-left:1px solid var(--doit-green-strong); }
.doit-process-section .doit-call-endpoints { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; }
.doit-process-section .doit-call-endpoints::before { content:""; position:absolute; top:0; left:calc((100% - 96px)/6); right:calc((100% - 96px)/6); border-top:1px solid var(--doit-green-strong); }
.doit-process-section .doit-call-endpoint { position:relative; display:flex; align-items:center; flex-direction:column; text-align:center; margin:0; padding-top:56px; }
.doit-process-section .doit-call-endpoint::before { content:""; position:absolute; top:0; left:50%; height:28px; border-left:1px solid var(--doit-green-strong); }
.is-style-doit-editorial .doit-call-endpoint h3 { font-size:26px; font-weight:400; margin:24px 0 14px; }
.doit-process-section .doit-call-endpoint p { margin:0; max-width:330px; }
.doit-process-section .doit-call-routing { margin-top:56px; }
.doit-process-section .doit-call-incoming { display:flex; gap:24px; align-items:center; margin:0; padding-bottom:28px; border-bottom:1px solid var(--doit-green-strong); }
.is-style-doit-editorial .doit-call-incoming h3 { font-size:28px; font-weight:400; margin:0 0 8px; }
.doit-process-section .doit-call-incoming p { margin:0; }
.is-style-doit-editorial.doit-process-section .doit-process-part { margin-top:88px; }
.doit-subpage-section--dark.doit-process-section .doit-call-origin { background:transparent; border-color:#9fc131; }
.doit-process-section .doit-call-portal { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:64px; align-items:center; margin:0 0 64px; }
.doit-process-section .wp-block-image.doit-product-visual img { width:100%; height:auto; }
.doit-process-section .doit-call-portal-copy h3 { font-size:32px; font-weight:400; }
@media(max-width:767px) {
 .is-style-doit-editorial.doit-process-section .doit-process-part { margin-top:64px; }
 .doit-process-section .doit-call-portal { grid-template-columns:minmax(0,1fr); gap:28px; }
}
.is-style-doit-editorial.doit-process-section .doit-call-routes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:72px; margin:0; }
.doit-process-section .doit-call-route { position:relative; margin:0; padding-top:44px; display:flex; flex-direction:column; }
.doit-process-section .doit-call-route::before { content:""; position:absolute; top:0; left:0; height:24px; border-left:1px solid var(--doit-green-strong); }
.is-style-doit-editorial .doit-call-route h3 { font-size:28px; font-weight:400; margin:0 0 20px 23px; }
.is-style-doit-editorial.doit-process-section .doit-call-route > p { margin:0 0 24px 23px; }
.doit-process-section .doit-call-fallback { border-left:1px solid #66737c; padding-left:22px; margin-top:auto; }
.is-style-doit-editorial .doit-call-fallback h4 { font-size:22px; font-weight:400; margin:0 0 12px; }
.doit-subpage-section--dark .doit-call-fallback h4 { color:#d3d9dd; }
.doit-process-section .doit-call-fallback p { margin:0; }
.doit-process-section .doit-call-integrations { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:72px; border-top:1px solid #a6b0b6; margin:64px 0 0; padding-top:32px; }
.is-style-doit-editorial .doit-call-integration h3 { font-size:27px; font-weight:400; margin:0 0 20px; }
.doit-process-section .doit-call-integration p { margin:0; }
.doit-process-section .doit-process-services--on-dark .wp-block-image { background:#2c3825; }
.doit-process-section .doit-call-tariffs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; }
.doit-process-section .doit-call-tariff { margin:0; padding-top:28px; border-top:1px solid var(--doit-green-strong); min-width:0; }
.is-style-doit-editorial .doit-call-tariff h3 { font-size:28px; font-weight:400; margin:0 0 24px; }
.is-style-doit-editorial.doit-process-section .doit-call-price { font-size:44px; line-height:1.15; font-weight:400; margin:0 0 10px; color:#294858; }
.is-style-doit-editorial.doit-process-section .doit-call-price-unit { font-size:16px; color:#60717b; margin:0 0 24px; }
.doit-process-section .doit-call-monthly { padding-bottom:20px; border-bottom:1px solid #d1d8dc; }
.doit-process-section .doit-call-tariff > p:last-child { margin-bottom:0; }
@media(max-width:1100px) {
 .doit-process-section .doit-call-tariffs { gap:28px; }
 .is-style-doit-editorial.doit-process-section .doit-call-routes,.doit-process-section .doit-call-integrations { gap:40px; }
 .is-style-doit-editorial .doit-call-origin h3 { font-size:28px; }
}
@media(max-width:767px) {
 .doit-process-section .doit-call-map { margin-top:40px; }
 .doit-process-section .doit-call-origin { width:100%; padding:24px; align-items:flex-start; flex-direction:column; gap:20px; margin-bottom:32px; }
 .doit-process-section .doit-call-origin img { width:48px; height:48px; }
 .is-style-doit-editorial .doit-call-origin h3 { font-size:26px; }
 .doit-process-section .doit-call-origin::after,.doit-process-section .doit-call-endpoints::before { display:none; }
 .doit-process-section .doit-call-endpoints { grid-template-columns:minmax(0,1fr); gap:36px; border-left:1px solid var(--doit-green-strong); margin-left:24px; padding-left:32px; }
 .doit-process-section .doit-call-endpoint { align-items:flex-start; text-align:left; padding:0; }
 .doit-process-section .doit-call-endpoint::before { left:-32px; top:24px; width:20px; height:0; border-left:0; border-top:1px solid var(--doit-green-strong); }
 .is-style-doit-editorial.doit-process-section .doit-call-routes,.doit-process-section .doit-call-integrations,.doit-process-section .doit-call-tariffs { grid-template-columns:minmax(0,1fr); gap:36px; }
 .doit-process-section .doit-call-routing { margin-top:36px; }
 .doit-process-section .doit-call-incoming { align-items:flex-start; gap:18px; }
 .doit-process-section .doit-call-incoming .wp-block-image { flex:0 0 36px; }
 .doit-process-section .doit-call-incoming img { width:36px; height:36px; }
 .is-style-doit-editorial .doit-call-incoming h3,.is-style-doit-editorial .doit-call-route h3 { font-size:25px; }
 .doit-process-section .doit-call-route + .doit-call-route { border-top:1px solid #53616a; }
 .doit-process-section .doit-call-integrations { margin-top:40px; }
 .is-style-doit-editorial .doit-call-integration h3 { font-size:25px; }
}