.wf-area-overview {
  --area-ink: var(--wf-color-text, #172033);
  --area-muted: color-mix(in srgb, var(--wf-color-muted, #64748b) 76%, var(--area-ink));
  --area-primary: var(--wf-color-primary, #176b57);
  --area-on-primary: var(--wf-color-on-primary, #fff);
  --area-white: var(--wf-color-surface, #fff);
  --area-line: color-mix(in srgb, var(--area-primary) 23%, var(--area-white));
  background: var(--area-white);
  color: var(--area-ink);
}
.wf-area-overview *, .wf-area-overview *::before, .wf-area-overview *::after { box-sizing: border-box; }
.wf-area-overview :is(h1,h2,h3,p,figure,ol) { margin: 0; }
.wf-area-overview a { text-decoration: none; }
.wf-area-overview :is(a,summary):focus-visible {
  outline: 2px solid var(--area-primary);
  outline-offset: 4px;
}
.wf-area-overview [data-wf-repeater] { display: contents; }
.wf-area-wrap {
  width: min(calc(100% - clamp(32px, 7vw, 96px)), 1160px);
  margin-inline: auto;
}
.wf-area-hero {
  background: #f7f8f4;
  padding-block: clamp(40px, 5.4vw, 82px);
}
.wf-area-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .79fr) minmax(0, 1.21fr);
  gap: clamp(24px, 4vw, 62px);
  align-items: center;
}
.wf-area-intro .wf-area-eyebrow {
  margin-bottom: 12px;
  color: var(--area-primary);
  font-size: 14px;
  font-weight: var(--wf-menu-weight, 600);
}
.wf-area-intro h1 {
  font-size: clamp(38px, 5.1vw, 69px);
  line-height: 1.03;
  letter-spacing: -.06em;
  text-wrap: balance;
}
.wf-area-intro .wf-area-lead {
  margin-top: 19px;
  max-width: 42ch;
  color: var(--area-muted);
  font-size: clamp(15px, 1.35vw, 18px);
  line-height: 1.58;
}
.wf-area-action {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: fit-content;
  min-height: 44px;
  margin-top: 23px;
  padding: 10px 15px;
  border-radius: 7px;
  background: var(--area-primary);
  color: var(--area-on-primary);
  font-size: 14px;
  font-weight: var(--wf-button-weight, 600);
  line-height: 1.3;
}
.wf-area-action:hover { background: color-mix(in srgb, var(--area-primary) 86%, var(--area-ink)); }
.wf-area-flow { min-width: 0; }
.wf-area-flow figcaption {
  max-width: 43ch;
  margin: 3px auto 0;
  color: var(--area-muted);
  font-size: clamp(12px, 1.1vw, 14px);
  line-height: 1.46;
  text-align: center;
  text-wrap: pretty;
}
.wf-area-flow figcaption[data-ai=""], .wf-area-topics-head [data-lead=""] { display: none; }
.wf-area-flow-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  padding: 0;
  list-style: none;
  counter-reset: sales-flow;
}
.wf-area-flow-list li { counter-increment: sales-flow; }
.wf-area-flow-list a {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 42px;
  color: var(--area-ink);
  border-radius: 8px;
}
.wf-area-flow-list strong {
  font-family: var(--wf-font-heading, Manrope, sans-serif);
  font-size: clamp(12px, 1.18vw, 17px);
  font-weight: var(--wf-heading-weight, 800);
  line-height: 1.16;
}
.wf-area-flow-list a:hover strong { color: var(--area-primary); text-decoration: underline; }
.wf-area-node {
  display: grid;
  flex: none;
  place-items: center;
  width: clamp(21px, 2.2vw, 29px);
  aspect-ratio: 1;
  border: 1px solid var(--area-primary);
  border-radius: 50%;
  background: var(--area-white);
  color: var(--area-primary);
  font-size: clamp(10px, 1vw, 13px);
  font-weight: var(--wf-button-weight, 600);
  box-shadow: 0 0 0 4px #f7f8f4;
}
.wf-area-node::before { content: counter(sales-flow); }
.wf-area-flow-list a:hover .wf-area-node {
  background: var(--area-primary);
  color: var(--area-on-primary);
}
.wf-area-orbit-lines { display: none; }
.wf-area-ai {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: max-content;
  max-width: 100%;
  margin-inline: auto;
  padding: 8px 12px;
  border: 1px solid var(--area-line);
  border-radius: 999px;
  background: var(--area-white);
  color: var(--area-primary);
  font-size: clamp(12px, 1.2vw, 17px);
  line-height: 1;
  white-space: nowrap;
}
.wf-area-ai[data-label=""] { display: none; }
.wf-area-ai svg { width: 1.18em; height: 1.18em; }
.wf-area-orbit:has(.wf-area-flow-list li:nth-child(5):last-child) {
  position: relative;
  isolation: isolate;
  aspect-ratio: 600/355;
}
.wf-area-orbit:has(.wf-area-flow-list li:nth-child(5):last-child) .wf-area-orbit-lines {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.wf-orbit-field { fill: color-mix(in srgb, var(--area-primary) 5%, #f7f8f4); }
.wf-orbit-guide { fill: none; stroke: var(--area-line); stroke-width: 1.1; }
.wf-orbit-dashed { stroke-dasharray: 4 6; }
.wf-orbit-arc { fill: none; stroke: var(--area-primary); stroke-width: 2.4; stroke-linecap: round; }
.wf-orbit-dot { fill: var(--area-line); }
.wf-area-orbit:has(.wf-area-flow-list li:nth-child(5):last-child) .wf-area-ai {
  position: absolute;
  top: 50.7%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.wf-area-orbit:has(.wf-area-flow-list li:nth-child(5):last-child) .wf-area-flow-list {
  position: absolute;
  inset: 0;
  display: block;
  pointer-events: none;
}
.wf-area-orbit:has(.wf-area-flow-list li:nth-child(5):last-child) .wf-area-flow-list li {
  position: absolute;
  top: var(--node-y);
  left: var(--node-x);
  transform: translate(calc(var(--node-left, 0px) - 50%), -50%);
  pointer-events: auto;
}
.wf-area-orbit .wf-area-flow-list li:nth-child(1) { --node-x: 27%; --node-y: 30.42%; }
.wf-area-orbit .wf-area-flow-list li:nth-child(2) { --node-x: 47.67%; --node-y: 15.63%; }
.wf-area-orbit .wf-area-flow-list li:nth-child(3) { --node-x: 74.33%; --node-y: 33.52%; }
.wf-area-orbit .wf-area-flow-list li:nth-child(4) { --node-x: 72.17%; --node-y: 72.39%; }
.wf-area-orbit .wf-area-flow-list li:nth-child(5) { --node-x: 47.67%; --node-y: 85.92%; }
.wf-area-orbit:has(.wf-area-flow-list li:nth-child(5):last-child) .wf-area-flow-list a {
  justify-content: center;
  min-width: 32px;
  padding: 3px;
}
.wf-area-orbit:has(.wf-area-flow-list li:nth-child(5):last-child) .wf-area-flow-list strong {
  position: absolute;
  width: max-content;
  padding: 2px 4px;
  border-radius: 4px;
  background: #f7f8f4;
}
.wf-area-orbit .wf-area-flow-list li:nth-child(1) strong { right: calc(100% - 2px); }
.wf-area-orbit .wf-area-flow-list li:nth-child(2) strong { bottom: calc(100% - 7px); }
.wf-area-orbit .wf-area-flow-list li:nth-child(3) strong { left: calc(100% - 2px); }
.wf-area-orbit .wf-area-flow-list li:nth-child(4) strong { left: calc(100% - 2px); top: 65%; }
.wf-area-orbit .wf-area-flow-list li:nth-child(5) strong { top: calc(100% - 4px); }

.wf-area-topics, .wf-area-topic { scroll-margin-top: 98px; }
.wf-area-topics-head {
  padding-block: clamp(36px, 5.4vw, 75px) clamp(31px, 4.4vw, 60px);
  text-align: center;
}
.wf-area-topics h2 {
  font-size: clamp(29px, 3.5vw, 46px);
  line-height: 1.12;
  letter-spacing: -.05em;
}
.wf-area-topics-head p {
  max-width: 62ch;
  margin: 11px auto 0;
  color: var(--area-muted);
  font-size: clamp(14px, 1.3vw, 17px);
  line-height: 1.55;
  text-wrap: pretty;
}
.wf-area-topic {
  --topic-wash: #f1f6f2;
  --topic-accent: #276952;
  padding-block: clamp(37px, 5.4vw, 82px);
  background: var(--topic-wash);
}
.wf-area-topic[data-tone="blue"] { --topic-wash: #eff5fa; --topic-accent: #315f8b; }
.wf-area-topic[data-tone="sand"] { --topic-wash: #faf4e9; --topic-accent: #94642f; }
.wf-area-topic[data-tone="violet"] { --topic-wash: #f4f1fa; --topic-accent: #625096; }
.wf-area-topic[data-tone="mint"] { --topic-wash: #edf6f4; --topic-accent: #247267; }
.wf-area-topic[data-tone="slate"] { --topic-wash: #f0f3f7; --topic-accent: #465e78; }
.wf-area-topic[data-tone="rose"] { --topic-wash: #faf0ee; --topic-accent: #9b535b; }
.wf-area-topic-grid {
  display: grid;
  grid-template: "copy media" / minmax(0, .82fr) minmax(0, 1.18fr);
  gap: clamp(26px, 6vw, 88px);
  align-items: center;
}
.wf-area-topic:nth-child(even) .wf-area-topic-grid {
  grid-template: "media copy" / minmax(0, 1.18fr) minmax(0, .82fr);
}
.wf-area-topic-copy { grid-area: copy; min-width: 0; }
.wf-area-topic-copy h3 {
  max-width: 17ch;
  font-size: clamp(25px, 3.2vw, 46px);
  line-height: 1.08;
  letter-spacing: -.048em;
  text-wrap: balance;
}
.wf-area-topic-copy h3 + p, .wf-area-more p {
  max-width: 49ch;
  margin-top: 13px;
  color: var(--area-muted);
  font-size: clamp(14px, 1.35vw, 17px);
  line-height: 1.6;
}
.wf-area-status[data-status=""], .wf-area-detail[href=""], .wf-area-more[data-label=""] { display: none; }
.wf-area-status:not([data-status=""]) {
  display: inline-block;
  margin-bottom: 10px;
  padding: 3px 9px;
  border: 1px solid var(--area-line);
  border-radius: 999px;
  background: var(--area-white);
  color: var(--area-primary);
  font-size: 12px;
  font-weight: var(--wf-button-weight, 600);
}
.wf-area-more summary { list-style: none; cursor: pointer; }
.wf-area-more summary::-webkit-details-marker { display: none; }
.wf-area-more summary::after { content: "+" / ""; }
.wf-area-more[open] summary::after { content: "−" / ""; }
.wf-area-media {
  position: relative;
  display: grid;
  grid-area: media;
  place-items: center;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 520/292;
  border: 1px solid color-mix(in srgb, var(--topic-accent) 18%, var(--area-white));
  border-radius: clamp(12px, 1.6vw, 22px);
  background: color-mix(in srgb, var(--topic-accent) 9%, var(--topic-wash));
  color: var(--topic-accent);
}
.wf-area-media[data-image=""] img, .wf-area-media:not([data-image=""]) .wf-area-scene { display: none; }
.wf-area-media img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
}
.wf-area-scene { display: block; width: 100%; height: 100%; }
.wf-area-scene .wf-scene-guides,
.wf-area-scene .wf-scene-orbit,
.wf-area-scene .wf-scene-line { fill: none; stroke: currentColor; }
.wf-scene-guides { opacity: .15; }
.wf-scene-orbit { opacity: .24; stroke-dasharray: 3 6; }
.wf-scene-line { stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.wf-scene-dot { fill: currentColor; opacity: .55; }
.wf-scene-fill { fill: var(--area-white); stroke: currentColor; stroke-width: 1.5; }
.wf-scene-pale { fill: var(--topic-wash); stroke: currentColor; stroke-width: 1.5; }
.wf-scene-strong { fill: currentColor; }
.wf-scene-inverse { fill: none; stroke: var(--area-white); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.wf-area-scene [data-scene] { display: none; }
.wf-area-media:is([data-art=""],[data-art="pim"]) [data-scene="pim"],
.wf-area-media[data-art="offer"] [data-scene="offer"],
.wf-area-media[data-art="order"] [data-scene="order"],
.wf-area-media[data-art="dispatch"] [data-scene="dispatch"],
.wf-area-media[data-art="stock"] [data-scene="stock"],
.wf-area-media[data-art="warehouse"] [data-scene="warehouse"],
.wf-area-media[data-art="lead"] [data-scene="lead"] { display: inline; }

@media (max-width: 850px) {
  .wf-area-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 21px; }
  .wf-area-intro h1 { max-width: 19ch; }
  .wf-area-flow { width: min(100%, 590px); justify-self: center; }
}
@media (max-width: 650px) {
  .wf-area-hero { padding-block: 29px 24px; }
  .wf-area-hero-grid { gap: 16px; }
  .wf-area-intro .wf-area-eyebrow { margin-bottom: 7px; }
  .wf-area-intro h1 { font-size: clamp(34px, 8vw, 48px); }
  .wf-area-intro .wf-area-lead { margin-top: 11px; font-size: 14px; line-height: 1.48; }
  .wf-area-action { margin-top: 15px; }
  .wf-area-topic-grid, .wf-area-topic:nth-child(even) .wf-area-topic-grid {
    grid-template: "copy" "media" / minmax(0, 1fr);
    gap: 23px;
  }
  .wf-area-topic-copy h3 { max-width: none; }
  .wf-area-topics, .wf-area-topic { scroll-margin-top: 80px; }
  .wf-area-flow-list strong { font-size: clamp(10px, 2.9vw, 15px); }
}
@media (max-width: 410px) {
  .wf-area-orbit:has(.wf-area-flow-list li:nth-child(5):last-child) .wf-area-flow-list li:nth-child(4) strong {
    right: -36px;
    left: auto;
    top: calc(100% - 3px);
    width: 74px;
    text-align: center;
    text-wrap: balance;
  }
  .wf-area-orbit .wf-area-flow-list li:nth-child(3) strong { left: 24px; }
  .wf-area-orbit .wf-area-flow-list li:nth-child(5) strong { top: calc(100% - 9px); }
}
@media (max-width: 360px) {
  .wf-area-hero { padding-block: 23px 18px; }
  .wf-area-flow figcaption { margin-top: 6px; }
}

.wf-area-media[data-art="conversation"] [data-scene="conversation"],
.wf-area-media[data-art="knowledge"] [data-scene="knowledge"],
.wf-area-media[data-art="people"] [data-scene="people"],
.wf-area-media[data-art="project"] [data-scene="project"] { display: inline; }

@media (min-width: 992px) {
  [data-wf-instance="tree-komunikacija-intro"] :is(.wf-area-hero, .wf-area-topic) {
    display: grid;
    align-items: center;
    min-block-size: calc(100svh - 85px);
    padding-block: clamp(36px, 7svh, 80px);
  }
}

.ew-enquiry-overview { --enquiry-section-height: calc(100svh - 85px); }
.ew-enquiry-overview .wf-area-hero,
.ew-enquiry-overview .wf-area-topic {
  display: grid;
  align-content: center;
  min-block-size: var(--enquiry-section-height);
  padding-block: clamp(32px, 6svh, 76px);
}
.ew-enquiry-overview .wf-area-hero { background: #f6f8f5; }
.ew-enquiry-overview .wf-area-topics-head { padding-block: clamp(24px, 4.8svh, 54px); }
.ew-enquiry-links { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 20px; margin-top: 10px; }
.ew-enquiry-links a, .ew-enquiry-graphic a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  color: var(--area-primary);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.ew-enquiry-graphic {
  position: relative;
  min-width: 0;
  isolation: isolate;
  border-radius: clamp(18px, 3vw, 36px);
  background: #e7efe8;
  padding: clamp(12px, 2.4vw, 27px);
}
.ew-enquiry-rail { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }
.ew-enquiry-overview .ew-enquiry-stages {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(16px, 5vw, 65px);
  row-gap: clamp(11px, 2vw, 25px);
  padding: 0;
  text-align: center;
  list-style: none;
}
.ew-enquiry-stages svg { display: block; width: 100%; max-height: 146px; margin-inline: auto; }
.ew-enquiry-stages a {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 4px 0;
  color: #214d3e;
  font-size: clamp(12px, 1.45vw, 16px);
  font-weight: var(--wf-menu-weight, 600);
}
.ew-enquiry-stages .label { padding: 2px 6px; background: #e7efe8; border-radius: 4px; }
.ew-enquiry-overview .enquiry-paper { fill: #fffdf7; stroke: currentColor; stroke-width: 1.5; stroke-linejoin: round; }
.ew-enquiry-overview .enquiry-soft { fill: var(--enquiry-soft, #dcece1); stroke: currentColor; stroke-width: 1.3; stroke-linejoin: round; }
.ew-enquiry-overview .enquiry-line, .ew-enquiry-overview .enquiry-reverse {
  fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.ew-enquiry-overview .enquiry-ink { fill: currentColor; }
.ew-enquiry-overview .enquiry-reverse { stroke: #fffdf7; stroke-width: 2; }
.ew-enquiry-stages > li:nth-child(1) { color: #2b684f; }
.ew-enquiry-stages > li:nth-child(2) { color: #925827; --enquiry-soft: #f6e4ca; }
.ew-enquiry-stages > li:nth-child(3) { color: #315f8b; --enquiry-soft: #dfeaf4; }
.ew-enquiry-stages > li:nth-child(4) { color: #247267; }
.ew-enquiry-stages a svg { color: inherit; }
.ew-enquiry-stages li a { color: inherit; }
.ew-enquiry-drawing g[data-enquiry-scene] { display: none; }
.ew-enquiry-drawing[data-art="web-form"] [data-enquiry-scene="web-form"],
.ew-enquiry-drawing[data-art="submission"] [data-enquiry-scene="submission"],
.ew-enquiry-drawing[data-art="lead-record"] [data-enquiry-scene="lead-record"],
.ew-enquiry-drawing[data-art="ownership"] [data-enquiry-scene="ownership"] { display: inline; }
.ew-enquiry-topic-art svg { width: 76%; max-height: 90%; }
@media (max-width: 850px) {
  .ew-enquiry-graphic { width: min(100%, 620px); justify-self: center; }
}
@media (max-width: 650px) {
  .ew-enquiry-overview { --enquiry-section-height: max(380px, calc(92svh - 72px)); }
  .ew-enquiry-overview .wf-area-hero,
  .ew-enquiry-overview .wf-area-topic { padding-block: clamp(24px, 5svh, 45px); }
  .ew-enquiry-stages svg { max-height: 106px; }
}

.ew-enquiry-rail path { stroke: #648b79; }