/* Spartan site presentation styles. */
/* Spartan V10 customer-preview visual direction — review-only, not production authority. */
html[data-theme='spartan'] {
  --v10-cyan: var(--spartan-blue);
  --v10-cyan-ink: var(--spartan-dark-70);
  --v10-cyan-soft: var(--spartan-light-10);
  --v10-lavender: var(--sp-neutral-strong);
  --v10-lavender-strong: var(--sp-neutral-strong);
  --v10-navy: var(--spartan-dark-10);
  --v10-navy-deep: var(--spartan-dark-10);
  --v10-ink: var(--sp-neutral-ink);
  --v10-paper: var(--sp-neutral-surface);
  --ds-color-accent-foreground: var(--spartan-dark-70);
  --ds-color-accent-foreground-inverse: var(--spartan-blue);
  --ds-color-accent-surface: var(--spartan-light-10);
  --ds-color-canvas: var(--sp-neutral-canvas);
  --ds-color-surface-subtle: var(--sp-neutral-subtle);
  --ds-surface-context-subtle-background: var(--sp-neutral-subtle);
}

html[data-theme='spartan'] body {
  background: var(--ds-color-canvas);
}

html[data-theme='spartan'] .ds-site-header {
  background: rgb(255 255 255 / 0.9);
  border-block-end: 1px solid rgb(0 117 142 / 0.14);
  box-shadow: 0 0.5rem 2rem rgb(0 17 20 / 0.06);
  backdrop-filter: blur(18px) saturate(1.15);
}

html[data-theme='spartan'] .ds-section-shell {
  position: relative;
  isolation: isolate;
  overflow: clip;
}

html[data-theme='spartan'] .ds-hero-centered.ds-surface-default,
html[data-theme='spartan'] .ds-hero-split.ds-surface-default {
  background:
    radial-gradient(circle at 84% 13%, rgb(0 167 203 / 0.2), transparent 30rem),
    radial-gradient(circle at 6% 88%, rgb(0 117 142 / 0.13), transparent 34rem),
    linear-gradient(
      145deg,
      var(--sp-neutral-surface) 0%,
      var(--sp-neutral-surface) 50%,
      var(--spartan-light-10) 100%
    );
  border-block-end: 1px solid rgb(0 117 142 / 0.12);
}

html[data-theme='spartan'] .ds-hero-centered.ds-surface-default::after,
html[data-theme='spartan'] .ds-hero-split.ds-surface-default::after {
  content: '';
  position: absolute;
  z-index: -1;
  inline-size: clamp(9rem, 20vw, 20rem);
  aspect-ratio: 1;
  inset-block-start: 12%;
  inset-inline-end: -5%;
  border: 1px solid rgb(0 167 203 / 0.25);
  border-radius: 50%;
  box-shadow:
    0 0 0 2.3rem rgb(0 167 203 / 0.04),
    0 0 0 5rem rgb(0 117 142 / 0.035);
  pointer-events: none;
}

html[data-theme='spartan'] .ds-hero-title-accent,
html[data-theme='spartan'] .ds-tone-accent {
  color: var(--v10-cyan-ink);
}

html[data-theme='spartan'] .ds-section-shell.ds-surface-subtle {
  background:
    radial-gradient(circle at 100% 0%, rgb(0 167 203 / 0.12), transparent 31rem),
    linear-gradient(
      135deg,
      var(--sp-neutral-subtle) 0%,
      var(--sp-neutral-subtle) 52%,
      var(--spartan-light-10) 100%
    );
}

html[data-theme='spartan'] .ds-features.ds-surface-subtle,
html[data-theme='spartan'] .ds-card-grid-section.ds-surface-subtle,
html[data-theme='spartan'] .ds-comparison-section.ds-surface-subtle {
  background:
    linear-gradient(115deg, rgb(230 246 250 / 0.98), rgb(255 255 255 / 0.98)), var(--v10-cyan-soft);
}

html[data-theme='spartan'] .ds-cta.ds-surface-subtle,
html[data-theme='spartan'] .ds-newsletter-section.ds-surface-subtle {
  background:
    radial-gradient(circle at 18% 18%, rgb(0 167 203 / 0.13), transparent 22rem),
    linear-gradient(
      125deg,
      var(--sp-neutral-strong),
      var(--sp-neutral-subtle) 54%,
      var(--spartan-light-10)
    );
}

html[data-theme='spartan'] .ds-section-shell.ds-surface-inverse {
  background:
    radial-gradient(circle at 82% 12%, rgb(0 167 203 / 0.17), transparent 28rem),
    radial-gradient(circle at 10% 100%, rgb(0 117 142 / 0.22), transparent 34rem),
    linear-gradient(145deg, var(--v10-navy-deep), var(--v10-navy) 58%, var(--spartan-dark-30));
  border-block: 1px solid rgb(0 167 203 / 0.16);
}

html[data-theme='spartan'] .ds-section-shell.ds-surface-brand {
  background:
    radial-gradient(circle at 88% 10%, rgb(0 167 203 / 0.22), transparent 24rem),
    linear-gradient(
      135deg,
      var(--spartan-dark-30),
      var(--spartan-dark-40) 55%,
      var(--spartan-dark-60)
    );
}

html[data-theme='spartan']
  main
  > .ds-section-shell.ds-surface-default
  + .ds-section-shell.ds-surface-default {
  border-block-start: 1px solid rgb(0 117 142 / 0.14);
}

html[data-theme='spartan'] .ds-m5-item,
html[data-theme='spartan'] .ds-c6-organization-item,
html[data-theme='spartan'] .ds-c6-person,
html[data-theme='spartan'] .ds-card {
  border-color: rgb(0 117 142 / 0.17);
  border-radius: 0.9rem;
  background: rgb(255 255 255 / 0.72);
  box-shadow: 0 0.75rem 2.2rem rgb(0 17 20 / 0.055);
}

html[data-theme='spartan'] .ds-surface-default .ds-m5-item,
html[data-theme='spartan'] .ds-surface-default .ds-c6-organization-item,
html[data-theme='spartan'] .ds-surface-default .ds-c6-person {
  background: linear-gradient(145deg, #ffffff, var(--sp-neutral-surface));
}

html[data-theme='spartan'] .ds-surface-inverse .ds-m5-item,
html[data-theme='spartan'] .ds-surface-inverse .ds-c6-organization-item,
html[data-theme='spartan'] .ds-surface-inverse .ds-c6-person,
html[data-theme='spartan'] .ds-surface-brand .ds-m5-item {
  border-color: rgb(255 255 255 / 0.17);
  background: rgb(255 255 255 / 0.055);
  box-shadow: none;
}

html[data-theme='spartan'] .ds-c6-icon,
html[data-theme='spartan'] .ds-icon {
  border-color: rgb(0 117 142 / 0.25);
  background: linear-gradient(145deg, #ffffff, var(--v10-cyan-soft));
  color: var(--v10-cyan-ink);
  box-shadow: 0 0.45rem 1.25rem rgb(0 117 142 / 0.08);
}

html[data-theme='spartan'] .ds-surface-inverse .ds-c6-icon,
html[data-theme='spartan'] .ds-surface-brand .ds-c6-icon {
  border-color: rgb(0 167 203 / 0.34);
  background: rgb(0 167 203 / 0.11);
  color: var(--v10-cyan);
  box-shadow: none;
}

html[data-theme='spartan'] .ds-eyebrow {
  letter-spacing: 0.14em;
}

html[data-theme='spartan'] .ds-action-primary {
  box-shadow: 0 0.65rem 1.5rem rgb(0 50 61 / 0.18);
}

html[data-theme='spartan'] .ds-stats .ds-heading,
html[data-theme='spartan'] .ds-process-section [data-step],
html[data-theme='spartan'] .ds-process-section .ds-tone-accent {
  color: var(--v10-cyan);
}

html[data-theme='spartan'] .ds-contact-form-section .ds-m5-form,
html[data-theme='spartan'] .ds-m5-form-aside {
  border-color: rgb(0 117 142 / 0.18);
  border-radius: 1rem;
  box-shadow: 0 1.1rem 3rem rgb(0 17 20 / 0.09);
}

@media (max-width: 48rem) {
  html[data-theme='spartan'] .ds-hero-centered.ds-surface-default::after,
  html[data-theme='spartan'] .ds-hero-split.ds-surface-default::after {
    inset-block-start: 5%;
    inset-inline-end: -25%;
    opacity: 0.7;
  }

  html[data-theme='spartan'] .ds-m5-item,
  html[data-theme='spartan'] .ds-c6-organization-item,
  html[data-theme='spartan'] .ds-c6-person {
    box-shadow: 0 0.55rem 1.5rem rgb(0 17 20 / 0.05);
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme='spartan'] *,
  html[data-theme='spartan'] *::before,
  html[data-theme='spartan'] *::after {
    scroll-behavior: auto !important;
  }
}

/* V10 preview withholds unapproved placeholder testimonials instead of showing ZAČASNO copy. */
html[data-theme='spartan'] .ds-section-shell:has(.ds-testimonial-grid-section) {
  display: none;
}

/* Customer-preview rhythm fixes: process-card breathing room and no empty placeholder band. */
html[data-theme='spartan'] .ds-process-section .ds-m5-collection {
  gap: 1rem;
  margin-block-start: 1.75rem;
}
html[data-theme='spartan'] .ds-process-section .ds-m5-item {
  padding-block: 1rem 1.15rem;
  padding-inline: 1.25rem;
  border-inline-start: 2px solid rgb(0 167 203 / 0.72);
}
html[data-theme='spartan'] .ds-process-section .ds-m5-item > * {
  margin-block: 0;
}

/* Owner review fixes: transparent glyphs and consistent component insets. */
html[data-theme='spartan'] :is(.ds-c6-icon, .ds-icon) {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme='spartan']
  .ds-contact-form-section[data-composition='lead']
  [data-contact-lead-copy]
  > .ds-m5-form-aside.ds-c6-person {
  padding: 1.25rem 1.35rem 1.4rem;
  border: 1px solid rgb(0 167 203 / 0.22);
}
html[data-theme='spartan'] .ds-card-grid-section[data-variant='minimal'] .ds-m5-item {
  padding: 1.1rem 1.25rem 1.2rem;
  border: 1px solid rgb(0 117 142 / 0.16);
}

/* Owner walkthrough corrections — 2026-08-24, review-only. */
/* Replace cyan-on-white stats with a decisive dark evidence band. */
html[data-theme='spartan'] [data-section-instance-id='spartan-development-02-trust-stats'] {
  background: linear-gradient(
    130deg,
    var(--v10-navy-deep),
    var(--v10-navy) 62%,
    var(--spartan-dark-30)
  );
  border-block: 0;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-development-02-trust-stats']
  .ds-section-intro
  .ds-heading {
  color: #ffffff;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-development-02-trust-stats']
  .ds-stat-item
  dd
  .ds-heading {
  color: var(--v10-cyan);
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-development-02-trust-stats']
  .ds-tone-muted {
  color: var(--sp-neutral-strong);
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-development-02-trust-stats']
  .ds-stat-item {
  border-color: rgb(255 255 255 / 0.2);
}

/* Process is an editorial sequence, not a stack of rounded AI cards. */
html[data-theme='spartan'] .ds-process-section .ds-m5-collection {
  grid-template-columns: repeat(auto-fit, minmax(min(14rem, 100%), 1fr)) !important;
  gap: clamp(1.25rem, 3vw, 2.5rem) !important;
  margin-block-start: 2rem;
}
html[data-theme='spartan'] .ds-process-section .ds-m5-item {
  padding: 1.15rem 0 0 !important;
  border: 0 !important;
  border-block-start: 2px solid rgb(0 117 142 / 0.5) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme='spartan'] .ds-surface-inverse .ds-process-section .ds-m5-item {
  border-block-start-color: rgb(0 167 203 / 0.72) !important;
}
html[data-theme='spartan'] .ds-process-section .ds-m5-meta .ds-text {
  color: var(--v10-cyan-ink);
  font-weight: 700;
  letter-spacing: 0.06em;
}
html[data-theme='spartan'] .ds-surface-inverse .ds-process-section .ds-m5-meta .ds-text {
  color: var(--v10-cyan);
}

/* Brighter, crisper service tiles against the neutral chapter canvas. */
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-home-services-004']
  .ds-feature-item {
  border: 1px solid rgb(0 117 142 / 0.24);
  border-radius: 0;
  background: rgb(255 255 255 / 0.94);
  box-shadow: none;
}

/* Reference tiles use one quiet action label instead of repeating the brand. */
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-home-references-007']
  .ds-c6-organization-item {
  border-radius: 0;
  background: rgb(255 255 255 / 0.9);
  box-shadow: none;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-home-references-007']
  .ds-inline-link {
  display: inline-flex;
  gap: 0.45rem;
  align-items: baseline;
}
html[data-theme='spartan'] .v10-external-link-icon {
  font-size: 0.9em;
  text-decoration: none;
}

/* Give contact-benefit checks deliberate inset instead of hugging the edge. */
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-home-contact-010']
  [data-contact-benefits]
  > .ds-m5-item {
  padding-inline-start: 2.75rem !important;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-home-contact-010']
  [data-contact-benefits]
  > .ds-m5-item::before {
  inset-inline-start: 0.8rem;
}

@media (max-width: 48rem) {
  html[data-theme='spartan'] .ds-process-section .ds-m5-collection {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1.25rem !important;
  }
}

/* Owner walkthrough: keep dense SEO inventories on the faint canvas, not the full accent wash. */
html[data-theme='spartan']
  :is(
    [data-section-instance-id='spartan-c6-seo-004'],
    [data-section-instance-id='spartan-c6-seo-005'],
    [data-section-instance-id='spartan-c6-seo-007']
  ) {
  background: var(--sp-neutral-surface) !important;
  background-image: none !important;
}

/* Owner walkthrough: restore a real alternating timeline instead of floating cards. */
html[data-theme='spartan'] [data-section-instance-id='spartan-c6-o-nas-ekipa-003'] .ds-m5-timeline {
  position: relative;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-o-nas-ekipa-003']
  .ds-m5-timeline::before {
  position: absolute;
  inset-block: 0;
  inset-inline-start: calc(50% - 1px);
  inline-size: 2px;
  background: rgb(0 117 142 / 0.28);
  content: '';
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-o-nas-ekipa-003']
  .ds-m5-timeline-item {
  position: relative;
  margin: 0 !important;
  padding-block: 0 3rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-o-nas-ekipa-003']
  .ds-m5-timeline-item:nth-child(odd) {
  padding-inline: 0 3rem !important;
  text-align: end;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-o-nas-ekipa-003']
  .ds-m5-timeline-item:nth-child(even) {
  padding-inline: 3rem 0 !important;
  padding-block-start: 3rem !important;
  text-align: start;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-o-nas-ekipa-003']
  .ds-m5-timeline-item::before {
  position: absolute;
  inset-block-start: 0.45rem;
  inline-size: 0.75rem;
  block-size: 0.75rem;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: var(--v10-cyan-ink);
  box-shadow: 0 0 0 3px rgb(0 117 142 / 0.14);
  content: '' !important;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-o-nas-ekipa-003']
  .ds-m5-timeline-item:nth-child(odd)::before {
  inset-inline: auto -0.375rem;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-o-nas-ekipa-003']
  .ds-m5-timeline-item:nth-child(even)::before {
  inset-inline: -0.375rem auto;
  inset-block-start: 3.45rem;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-o-nas-ekipa-003']
  .ds-m5-timeline-item
  > .ds-text-small {
  color: var(--v10-cyan-ink);
  font-weight: 700;
}

/* Development contact steps become one continuous timeline, not five rounded tiles. */
html[data-theme='spartan']
  [data-section-instance-id='spartan-development-13-contact-form']
  .ds-m5-content
  > .ds-m5-form-aside {
  grid-column: 1 / -1;
  padding: 2rem 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-development-13-contact-form']
  .ds-m5-form-aside
  > .ds-m5-collection {
  position: relative;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-block-start: 1.5rem;
  border-block-start: 1px solid rgb(0 167 203 / 0.55);
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-development-13-contact-form']
  .ds-m5-form-aside
  > .ds-m5-collection
  > .ds-m5-item {
  position: relative;
  display: grid;
  gap: 0.6rem;
  padding: 1.35rem 1rem 0 !important;
  border: 0 !important;
  border-inline-start: 1px solid rgb(255 255 255 / 0.14) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-development-13-contact-form']
  .ds-m5-form-aside
  > .ds-m5-collection
  > .ds-m5-item:first-child {
  border-inline-start: 0 !important;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-development-13-contact-form']
  .ds-m5-form-aside
  > .ds-m5-collection
  > .ds-m5-item::before {
  position: absolute;
  inset-block-start: -0.34rem;
  inset-inline-start: 1rem;
  inline-size: 0.62rem;
  block-size: 0.62rem;
  border-radius: 50%;
  background: var(--v10-cyan);
  content: '';
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-development-13-contact-form']
  .ds-m5-form-aside
  dt {
  color: var(--v10-cyan);
  font-weight: 700;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-development-13-contact-form']
  .ds-m5-form-aside
  .ds-inline-link {
  color: #ffffff;
}

/* The About CTA contact is inline supporting information, not a grey rounded card. */
html[data-theme='spartan'] [data-section-instance-id='spartan-c6-o-nas-ekipa-013'] .ds-c6-person {
  inline-size: min(100%, 38rem);
  margin-inline: auto;
  padding: 1.5rem 0 0 !important;
  border: 0 !important;
  border-block-start: 1px solid rgb(255 255 255 / 0.28) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-o-nas-ekipa-013']
  .ds-c6-person
  .ds-tone-muted {
  color: var(--sp-neutral-strong);
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-o-nas-ekipa-013']
  .ds-c6-person
  .ds-inline-link {
  color: #ffffff;
}

@media (max-width: 48rem) {
  html[data-theme='spartan']
    [data-section-instance-id='spartan-c6-o-nas-ekipa-003']
    .ds-m5-timeline {
    grid-template-columns: minmax(0, 1fr) !important;
    padding-inline-start: 2rem !important;
  }
  html[data-theme='spartan']
    [data-section-instance-id='spartan-c6-o-nas-ekipa-003']
    .ds-m5-timeline::before {
    inset-inline-start: 0;
  }
  html[data-theme='spartan']
    [data-section-instance-id='spartan-c6-o-nas-ekipa-003']
    .ds-m5-timeline-item:nth-child(n) {
    padding: 0 0 2rem 1.5rem !important;
    text-align: start;
  }
  html[data-theme='spartan']
    [data-section-instance-id='spartan-c6-o-nas-ekipa-003']
    .ds-m5-timeline-item:nth-child(n)::before {
    inset-block-start: 0.45rem;
    inset-inline: -2.375rem auto;
  }
  html[data-theme='spartan']
    [data-section-instance-id='spartan-development-13-contact-form']
    .ds-m5-form-aside
    > .ds-m5-collection {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1.25rem !important;
    border-block-start: 0;
  }
  html[data-theme='spartan']
    [data-section-instance-id='spartan-development-13-contact-form']
    .ds-m5-form-aside
    > .ds-m5-collection
    > .ds-m5-item {
    padding: 0.1rem 0 1.25rem 1.5rem !important;
    border-inline-start: 2px solid rgb(0 167 203 / 0.55) !important;
  }
  html[data-theme='spartan']
    [data-section-instance-id='spartan-development-13-contact-form']
    .ds-m5-form-aside
    > .ds-m5-collection
    > .ds-m5-item::before {
    inset-block-start: 0.4rem;
    inset-inline-start: -0.36rem;
  }
}

/* Legacy role aliases mapped to the approved Spartan PDF palette. */
html[data-theme='spartan'] {
  --v10-purple: var(--spartan-dark-70);
  --v10-purple-ink: var(--spartan-dark-60);
  --v10-purple-dark: var(--sp-neutral-muted);
  --v10-purple-deep: var(--sp-neutral-ink);
  --v10-lavender: var(--sp-neutral-strong);
  --v10-lavender-faint: var(--sp-neutral-subtle);
  --v10-paper: var(--sp-neutral-surface);
  --v10-navy: var(--spartan-dark-30);
  --v10-navy-deep: var(--spartan-dark-10);
  --ds-color-accent-foreground: var(--spartan-dark-60) !important;
  --ds-color-accent-surface: var(--sp-neutral-subtle) !important;
  --ds-color-canvas: var(--sp-neutral-canvas) !important;
  --ds-color-surface-subtle: var(--sp-neutral-subtle) !important;
  --ds-surface-context-subtle-background: var(--sp-neutral-subtle) !important;
}
html[data-theme='spartan'][data-theme-version='2'] {
  --ds-color-accent-surface: var(--sp-neutral-subtle) !important;
  --ds-color-accent-surface-faint: var(--sp-neutral-surface) !important;
  --ds-color-surface-accent: var(--sp-neutral-subtle) !important;
  --ds-surface-context-accent-background: var(--sp-neutral-subtle) !important;
  --ds-surface-context-accent-border: var(--sp-neutral-border) !important;
  --ds-surface-context-accent-muted: var(--sp-neutral-muted) !important;
}
html[data-theme='spartan'] .ds-hero-centered.ds-surface-default,
html[data-theme='spartan'] .ds-hero-split.ds-surface-default {
  background:
    radial-gradient(circle at 84% 12%, rgb(0 117 142 / 0.13), transparent 31rem),
    linear-gradient(
      145deg,
      var(--sp-neutral-surface) 0%,
      var(--sp-neutral-surface) 56%,
      var(--sp-neutral-subtle) 100%
    );
  border-block-end-color: rgb(0 117 142 / 0.14);
}
html[data-theme='spartan'] .ds-section-shell.ds-surface-subtle,
html[data-theme='spartan'] .ds-features.ds-surface-subtle,
html[data-theme='spartan'] .ds-card-grid-section.ds-surface-subtle,
html[data-theme='spartan'] .ds-comparison-section.ds-surface-subtle,
html[data-theme='spartan'] .ds-cta.ds-surface-subtle,
html[data-theme='spartan'] .ds-newsletter-section.ds-surface-subtle {
  background: linear-gradient(135deg, var(--sp-neutral-subtle) 0%, var(--sp-neutral-surface) 100%);
  background-image: linear-gradient(
    135deg,
    var(--sp-neutral-subtle) 0%,
    var(--sp-neutral-surface) 100%
  );
}
html[data-theme='spartan'] .ds-section-shell.ds-surface-inverse {
  background:
    radial-gradient(circle at 88% 10%, rgb(0 117 142 / 0.18), transparent 30rem),
    linear-gradient(
      145deg,
      var(--spartan-dark-10),
      var(--spartan-dark-20) 62%,
      var(--spartan-dark-40)
    );
  border-block-color: rgb(0 117 142 / 0.22);
}
html[data-theme='spartan'] .ds-section-shell.ds-surface-brand {
  background:
    radial-gradient(circle at 85% 8%, rgb(0 167 203 / 0.1), transparent 26rem),
    linear-gradient(
      135deg,
      var(--spartan-dark-20),
      var(--spartan-dark-40) 58%,
      var(--spartan-dark-60)
    );
}
html[data-theme='spartan'][data-theme-version='2'] .ds-surface-accent {
  --ds-context-background: var(--sp-neutral-subtle) !important;
  --ds-context-border: var(--sp-neutral-border) !important;
  background: var(--sp-neutral-subtle) !important;
  background-image: none !important;
}
html[data-theme='spartan'] [data-section-instance-id='spartan-c6-home-services-004'] {
  background: var(--sp-neutral-subtle) !important;
  background-image: none !important;
}
html[data-theme='spartan']
  :is(
    [data-section-instance-id='spartan-c6-seo-004'],
    [data-section-instance-id='spartan-c6-seo-005'],
    [data-section-instance-id='spartan-c6-seo-007']
  ) {
  background: var(--sp-neutral-surface) !important;
  background-image: none !important;
}
html[data-theme='spartan'] [data-section-instance-id='spartan-development-02-trust-stats'] {
  background: linear-gradient(
    130deg,
    var(--spartan-dark-10),
    var(--spartan-dark-20) 64%,
    var(--spartan-dark-40)
  );
}
html[data-theme='spartan']
  :is(.ds-surface-default, .ds-surface-subtle, .ds-surface-accent)
  .ds-tone-accent,
html[data-theme='spartan']
  :is(.ds-surface-default, .ds-surface-subtle, .ds-surface-accent)
  .ds-eyebrow {
  color: var(--v10-purple-ink);
}
html[data-theme='spartan']
  :is(.ds-surface-inverse, .ds-surface-brand)
  :is(.ds-tone-accent, .ds-eyebrow) {
  color: var(--v10-cyan);
}
html[data-theme='spartan']
  :is(.ds-surface-default, .ds-surface-subtle, .ds-surface-accent)
  :is(.ds-c6-icon, .ds-icon) {
  color: var(--v10-purple-ink);
}
/* The hero uses the approved interaction blue; bright blue stays a small signal. */
html[data-theme='spartan'] .ds-hero-title-accent {
  color: var(--v10-purple);
}

/* Editorial containers stay crisp; controls may retain their functional radius. */
html[data-theme='spartan']
  :is(
    .ds-m5-item,
    .ds-c6-organization-item,
    .ds-c6-person,
    .ds-card,
    .ds-feature-item,
    .ds-c6-method,
    .ds-c6-legend-item,
    [data-form-panel],
    .ds-m5-form-aside
  ) {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Metrics are one consistent evidence band, never cyan type floating on white. */
html[data-theme='spartan'] .ds-section-shell.ds-stats {
  background: linear-gradient(
    130deg,
    var(--spartan-dark-10),
    var(--spartan-dark-20) 64%,
    var(--spartan-dark-40)
  ) !important;
  background-image: linear-gradient(
    130deg,
    var(--spartan-dark-10),
    var(--spartan-dark-20) 64%,
    var(--spartan-dark-40)
  ) !important;
  border-block: 0 !important;
  color: #ffffff;
}
html[data-theme='spartan'] .ds-section-shell.ds-stats .ds-section-intro .ds-heading {
  color: #ffffff;
}
html[data-theme='spartan'] .ds-section-shell.ds-stats .ds-stat-item dd .ds-heading {
  color: var(--v10-cyan);
}
html[data-theme='spartan'] .ds-section-shell.ds-stats .ds-tone-muted {
  color: var(--sp-neutral-strong);
}
html[data-theme='spartan'] .ds-section-shell.ds-stats .ds-stat-item {
  border-color: rgb(255 255 255 / 0.2);
}

/* Complete the crisp editorial system for large offers, data regions, and form shells. */
html[data-theme='spartan'] :is(.ds-m5-table-region, .ds-offer-grid-offer, form.ds-m5-form) {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* About page chapter rhythm: neutral editorial pages with dark evidence/action bands. */
html[data-theme='spartan']
  :is(
    [data-section-instance-id='spartan-c6-o-nas-ekipa-004'],
    [data-section-instance-id='spartan-c6-o-nas-ekipa-006'],
    [data-section-instance-id='spartan-c6-o-nas-ekipa-010']
  ) {
  background: var(--sp-neutral-subtle) !important;
  background-image: none !important;
}
html[data-theme='spartan'] [data-section-instance-id='spartan-c6-o-nas-ekipa-007'] {
  background:
    radial-gradient(circle at 88% 10%, rgb(0 117 142 / 0.18), transparent 30rem),
    linear-gradient(
      145deg,
      var(--spartan-dark-10),
      var(--spartan-dark-20) 62%,
      var(--spartan-dark-40)
    ) !important;
  color: #ffffff;
}
html[data-theme='spartan'] [data-section-instance-id='spartan-c6-o-nas-ekipa-007'] .ds-heading {
  color: #ffffff;
}
html[data-theme='spartan'] [data-section-instance-id='spartan-c6-o-nas-ekipa-007'] .ds-tone-muted {
  color: var(--sp-neutral-strong);
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-o-nas-ekipa-007']
  .ds-process-section
  .ds-m5-item {
  border-block-start-color: rgb(0 167 203 / 0.72) !important;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-o-nas-ekipa-007']
  .ds-process-section
  .ds-m5-meta
  .ds-text {
  color: var(--v10-cyan);
}

/* Site-wide presentation rhythm: semantic dark process bands and neutral support chapters. */
html[data-theme='spartan'] [data-section-id='content.process'] {
  background:
    radial-gradient(circle at 88% 10%, rgb(0 117 142 / 0.18), transparent 30rem),
    linear-gradient(
      145deg,
      var(--spartan-dark-10),
      var(--spartan-dark-20) 62%,
      var(--spartan-dark-40)
    ) !important;
  color: #ffffff;
}
html[data-theme='spartan'] [data-section-id='content.process'] .ds-heading,
html[data-theme='spartan'] [data-section-id='content.process'] .ds-tone-default {
  color: #ffffff;
}
html[data-theme='spartan'] [data-section-id='content.process'] .ds-tone-muted {
  color: var(--sp-neutral-strong);
}
html[data-theme='spartan'] [data-section-id='content.process'] .ds-eyebrow,
html[data-theme='spartan'] [data-section-id='content.process'] .ds-m5-meta .ds-text {
  color: var(--v10-cyan);
}
html[data-theme='spartan'] [data-section-id='content.process'] .ds-process-section .ds-m5-item {
  border-block-start-color: rgb(0 167 203 / 0.72) !important;
}
html[data-theme='spartan']
  :is(
    [data-section-instance-id='spartan-c6-blog-digitalna-strategija-001'],
    [data-section-instance-id='spartan-c6-blog-geo-optimizacija-001'],
    [data-section-instance-id='spartan-c6-blog-oglasevanje-donos-001'],
    [data-section-instance-id='spartan-c6-blog-seo-kpi-001'],
    [data-section-instance-id='spartan-c6-kontakt-002'],
    [data-section-instance-id='spartan-c6-team-alen-piscanec-002'],
    [data-section-instance-id='spartan-c6-team-alen-piscanec-005'],
    [data-section-instance-id='spartan-c6-team-bojana-mocnik-002'],
    [data-section-instance-id='spartan-c6-team-bojana-mocnik-005'],
    [data-section-instance-id='spartan-c6-team-gregor-pecar-002'],
    [data-section-instance-id='spartan-c6-team-gregor-pecar-005'],
    [data-section-instance-id='spartan-c6-team-tjasa-babic-002'],
    [data-section-instance-id='spartan-c6-team-tjasa-babic-005'],
    [data-section-instance-id='spartan-c6-advertising-004'],
    [data-section-instance-id='spartan-c6-advertising-010'],
    [data-section-instance-id='spartan-c6-advertising-012'],
    [data-section-instance-id='spartan-c6-analytics-004'],
    [data-section-instance-id='spartan-c6-analytics-006'],
    [data-section-instance-id='spartan-c6-analytics-015'],
    [data-section-instance-id='spartan-c6-email-marketing-004'],
    [data-section-instance-id='spartan-c6-email-marketing-007'],
    [data-section-instance-id='spartan-c6-email-marketing-013'],
    [data-section-instance-id='spartan-c6-email-marketing-015'],
    [data-section-instance-id='spartan-c6-geo-003'],
    [data-section-instance-id='spartan-c6-geo-010'],
    [data-section-instance-id='spartan-c6-geo-012'],
    [data-section-instance-id='spartan-c6-seo-011']
  ) {
  background: var(--sp-neutral-subtle) !important;
  background-image: none !important;
}
/* Alen's process stays editorial white because its evidence band follows immediately. */
html[data-theme='spartan'] [data-section-instance-id='spartan-c6-team-alen-piscanec-003'] {
  background: var(--sp-neutral-surface) !important;
  background-image: none !important;
  color: var(--sp-neutral-ink);
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-team-alen-piscanec-003']
  :is(.ds-heading, .ds-tone-default) {
  color: var(--sp-neutral-ink);
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-team-alen-piscanec-003']
  .ds-tone-muted {
  color: var(--sp-neutral-muted);
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-team-alen-piscanec-003']
  :is(.ds-eyebrow, .ds-m5-meta .ds-text) {
  color: var(--spartan-dark-70);
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-team-alen-piscanec-003']
  .ds-process-section
  .ds-m5-item {
  border-block-start-color: rgb(0 117 142 / 0.45) !important;
}

/* Presentation cleanup: remove decorative hero rings and give editorial headings usable measure. */
html[data-theme='spartan'] :is(.ds-hero-centered, .ds-hero-split)::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme='spartan'] main .ds-section-intro > .ds-heading-h2 {
  max-inline-size: min(100%, 28ch) !important;
}

/* Standalone navigation and telephone actions use spacing and state, not permanent underlines. */
html[data-theme='spartan'] .ds-site-footer a,
html[data-theme='spartan'] a[href^='tel:'],
html[data-theme='spartan'] .ds-c6-person-channels a,
html[data-theme='spartan'] [data-person-channels] a {
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-block-end: 0 !important;
}
html[data-theme='spartan'] .ds-site-footer a:hover,
html[data-theme='spartan'] .ds-site-footer a:focus-visible {
  color: var(--spartan-dark-70);
}

/* About CTA direct contact becomes one calm information row rather than a ruled stack. */
html[data-theme='spartan'] [data-section-instance-id='spartan-c6-o-nas-ekipa-013'] .ds-c6-person {
  inline-size: 100%;
  max-inline-size: none;
  margin-inline: auto;
  padding: 0.5rem 0 0 !important;
  border: 0 !important;
  background: transparent !important;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-o-nas-ekipa-013']
  .ds-c6-person-identity {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 0.35rem 1rem;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-o-nas-ekipa-013']
  .ds-c6-person-identity
  > * {
  margin: 0 !important;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-o-nas-ekipa-013']
  .ds-c6-person-identity
  .ds-heading-h3 {
  font-size: 1.125rem;
  line-height: 1.4;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-o-nas-ekipa-013']
  .ds-c6-person-channels {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-o-nas-ekipa-013']
  .ds-c6-person-channels
  a {
  color: var(--v10-cyan) !important;
  font-weight: 700;
}
@media (max-width: 42rem) {
  html[data-theme='spartan'] main .ds-section-intro > .ds-heading-h2 {
    max-inline-size: 100% !important;
  }
  html[data-theme='spartan']
    [data-section-instance-id='spartan-c6-o-nas-ekipa-013']
    .ds-c6-person-identity {
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
  }
}

/* Linked person names read as identity, not inline prose. */
html[data-theme='spartan'] .ds-c6-person-identity .ds-heading a {
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-block-end: 0 !important;
}
html[data-theme='spartan'] .ds-c6-person-identity .ds-heading a:hover,
html[data-theme='spartan'] .ds-c6-person-identity .ds-heading a:focus-visible {
  color: var(--v10-cyan) !important;
}

/* Person details are supporting information, never detached grey or white cards. */
html[data-theme='spartan'] .ds-cta .ds-c6-person {
  inline-size: 100%;
  max-inline-size: none;
  margin-inline: auto;
  padding: 0.5rem 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme='spartan'] .ds-cta .ds-c6-person-identity {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 0.35rem 1rem;
}
html[data-theme='spartan'] .ds-cta .ds-c6-person-identity > * {
  margin: 0 !important;
}
html[data-theme='spartan'] .ds-cta .ds-c6-person .ds-heading-h3 {
  font-size: 1.125rem;
  line-height: 1.4;
}
html[data-theme='spartan'] .ds-cta .ds-c6-person .ds-tone-muted {
  color: var(--sp-neutral-strong) !important;
}
html[data-theme='spartan'] .ds-cta .ds-c6-person :is(.ds-inline-link, .ds-c6-person-channels a) {
  color: #ffffff;
  text-decoration: none !important;
  border: 0 !important;
}
html[data-theme='spartan'] .ds-cta .ds-c6-person .ds-c6-person-channels {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
html[data-theme='spartan'] .ds-cta .ds-c6-person .ds-c6-person-channels a {
  color: var(--v10-cyan) !important;
  font-weight: 700;
}

/* Forms with a named specialist use a real split layout, not a full-width card below the form. */
@media (min-width: 58.01rem) {
  html[data-theme='spartan']
    .ds-contact-form-section
    .ds-m5-content:has(> .ds-m5-form-aside.ds-c6-person) {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(16rem, 0.8fr) !important;
    grid-template-areas:
      'intro intro'
      'form person' !important;
    align-items: start;
    gap: 2.25rem 3rem;
  }
  html[data-theme='spartan']
    .ds-contact-form-section
    .ds-m5-content:has(> .ds-m5-form-aside.ds-c6-person)
    > .ds-m5-item-body {
    grid-area: intro !important;
  }
  html[data-theme='spartan']
    .ds-contact-form-section
    .ds-m5-content:has(> .ds-m5-form-aside.ds-c6-person)
    > [data-form-panel] {
    grid-area: form !important;
    inline-size: 100%;
    max-inline-size: none !important;
    margin: 0 !important;
  }
  html[data-theme='spartan']
    .ds-contact-form-section
    .ds-m5-content:has(> .ds-m5-form-aside.ds-c6-person)
    > .ds-m5-form-aside.ds-c6-person {
    grid-area: person !important;
    align-self: start;
  }
}
html[data-theme='spartan'] .ds-contact-form-section .ds-m5-form-aside.ds-c6-person {
  inline-size: 100%;
  max-inline-size: none;
  margin: 0 !important;
  padding: 0.5rem 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme='spartan']
  .ds-contact-form-section
  .ds-m5-form-aside.ds-c6-person
  .ds-c6-person-identity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.45rem;
}
html[data-theme='spartan']
  .ds-contact-form-section
  .ds-m5-form-aside.ds-c6-person
  .ds-c6-person-identity
  > * {
  margin: 0 !important;
}
html[data-theme='spartan']
  .ds-contact-form-section
  .ds-m5-form-aside.ds-c6-person
  .ds-c6-person-identity
  > .ds-eyebrow:first-child {
  display: none;
}
html[data-theme='spartan']
  .ds-contact-form-section
  .ds-m5-form-aside.ds-c6-person
  .ds-c6-person-channels {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  margin: 0.4rem 0 0 !important;
  padding: 0 !important;
  list-style: none;
}
html[data-theme='spartan']
  .ds-contact-form-section
  .ds-m5-form-aside.ds-c6-person
  .ds-c6-person-channels
  a {
  color: var(--spartan-dark-70);
  font-weight: 700;
  text-decoration: none !important;
}
html[data-theme='spartan']
  .ds-surface-inverse
  .ds-contact-form-section
  .ds-m5-form-aside.ds-c6-person
  :is(.ds-heading, .ds-tone-default, .ds-inline-link) {
  color: #ffffff;
}
html[data-theme='spartan']
  .ds-surface-inverse
  .ds-contact-form-section
  .ds-m5-form-aside.ds-c6-person
  .ds-tone-muted {
  color: var(--sp-neutral-strong);
}
html[data-theme='spartan']
  .ds-surface-inverse
  .ds-contact-form-section
  .ds-m5-form-aside.ds-c6-person
  .ds-c6-person-channels
  a {
  color: var(--v10-cyan);
}
@media (max-width: 58rem) {
  html[data-theme='spartan'] .ds-cta .ds-c6-person-identity {
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
  }
  html[data-theme='spartan'] .ds-contact-form-section .ds-m5-form-aside.ds-c6-person {
    margin-block-start: 1rem !important;
  }
}

/* Blog TOC sits inside the article text axis instead of hanging against the wide-container edge. */
@media (min-width: 52.01rem) {
  html[data-theme='spartan'] .ds-c6-article-toc-rail {
    margin-inline-start: clamp(1.5rem, 2.5vw, 2.5rem);
  }
}
@media (max-width: 52rem) {
  html[data-theme='spartan'] .ds-c6-article-toc-rail {
    margin-inline-start: 0;
  }
}

/* Services, About, and People share the same centered opening statement as Development. */
html[data-theme='spartan']
  :is(
    [data-section-instance-id='spartan-c6-seo-001'],
    [data-section-instance-id='spartan-c6-geo-001'],
    [data-section-instance-id='spartan-c6-advertising-001'],
    [data-section-instance-id='spartan-c6-email-marketing-001'],
    [data-section-instance-id='spartan-c6-analytics-001'],
    [data-section-instance-id='spartan-c6-o-nas-ekipa-001']
  ),
html[data-theme='spartan'] [data-page-template='profile'] [data-section-id='template.profile'] {
  position: relative;
  overflow: clip;
  padding-block: clamp(5.5rem, 9vw, 8.5rem) !important;
  background: linear-gradient(
    120deg,
    var(--sp-neutral-surface) 0%,
    var(--sp-neutral-subtle) 100%
  ) !important;
  background-image: linear-gradient(
    120deg,
    var(--sp-neutral-surface) 0%,
    var(--sp-neutral-subtle) 100%
  ) !important;
  border-block-end: 1px solid rgb(0 117 142 / 0.14);
}
html[data-theme='spartan']
  :is(
    [data-section-instance-id='spartan-c6-seo-001'],
    [data-section-instance-id='spartan-c6-geo-001'],
    [data-section-instance-id='spartan-c6-advertising-001'],
    [data-section-instance-id='spartan-c6-email-marketing-001'],
    [data-section-instance-id='spartan-c6-analytics-001'],
    [data-section-instance-id='spartan-c6-o-nas-ekipa-001']
  )
  .ds-page-intro-content,
html[data-theme='spartan'] [data-page-template='profile'] [data-profile-hero] {
  align-items: center !important;
  text-align: center !important;
}
html[data-theme='spartan']
  :is(
    [data-section-instance-id='spartan-c6-seo-001'],
    [data-section-instance-id='spartan-c6-geo-001'],
    [data-section-instance-id='spartan-c6-advertising-001'],
    [data-section-instance-id='spartan-c6-email-marketing-001'],
    [data-section-instance-id='spartan-c6-analytics-001'],
    [data-section-instance-id='spartan-c6-o-nas-ekipa-001']
  )
  h1,
html[data-theme='spartan'] [data-page-template='profile'] [data-profile-hero] h1 {
  max-inline-size: min(100%, 18ch) !important;
  margin-inline: auto;
  font-size: var(--ds-typography-size-display) !important;
  line-height: var(--ds-typography-line-height-tight) !important;
  text-wrap: balance;
}
html[data-theme='spartan']
  :is(
    [data-section-instance-id='spartan-c6-seo-001'],
    [data-section-instance-id='spartan-c6-geo-001'],
    [data-section-instance-id='spartan-c6-advertising-001'],
    [data-section-instance-id='spartan-c6-email-marketing-001'],
    [data-section-instance-id='spartan-c6-analytics-001'],
    [data-section-instance-id='spartan-c6-o-nas-ekipa-001']
  )
  .ds-text-lead,
html[data-theme='spartan'] [data-page-template='profile'] [data-profile-hero] .ds-text-lead {
  max-inline-size: 60ch;
  margin-inline: auto;
  text-align: center;
}
html[data-theme='spartan']
  :is(
    [data-section-instance-id='spartan-c6-seo-001'],
    [data-section-instance-id='spartan-c6-geo-001'],
    [data-section-instance-id='spartan-c6-advertising-001'],
    [data-section-instance-id='spartan-c6-email-marketing-001'],
    [data-section-instance-id='spartan-c6-analytics-001'],
    [data-section-instance-id='spartan-c6-o-nas-ekipa-001']
  )
  .ds-section-actions,
html[data-theme='spartan'] [data-page-template='profile'] [data-profile-hero] .ds-section-actions {
  justify-content: center !important;
}
html[data-theme='spartan']
  [data-page-template='profile']
  [data-section-id='template.profile']
  > .ds-container {
  inline-size: min(100%, 72rem);
  margin-inline: auto;
}
@media (max-width: 42rem) {
  html[data-theme='spartan']
    :is(
      [data-section-instance-id='spartan-c6-seo-001'],
      [data-section-instance-id='spartan-c6-geo-001'],
      [data-section-instance-id='spartan-c6-advertising-001'],
      [data-section-instance-id='spartan-c6-email-marketing-001'],
      [data-section-instance-id='spartan-c6-analytics-001'],
      [data-section-instance-id='spartan-c6-o-nas-ekipa-001']
    ),
  html[data-theme='spartan'] [data-page-template='profile'] [data-section-id='template.profile'] {
    padding-block: 4.5rem !important;
  }
  html[data-theme='spartan']
    :is(
      [data-section-instance-id='spartan-c6-seo-001'],
      [data-section-instance-id='spartan-c6-geo-001'],
      [data-section-instance-id='spartan-c6-advertising-001'],
      [data-section-instance-id='spartan-c6-email-marketing-001'],
      [data-section-instance-id='spartan-c6-analytics-001'],
      [data-section-instance-id='spartan-c6-o-nas-ekipa-001']
    )
    h1,
  html[data-theme='spartan'] [data-page-template='profile'] [data-profile-hero] h1 {
    max-inline-size: 100% !important;
  }
}

/* Thin branded scrollbars for the page, sticky TOCs, tables, and other overflow regions. */
html[data-theme='spartan'],
html[data-theme='spartan'] * {
  scrollbar-width: thin;
  scrollbar-color: var(--sp-neutral-border-strong) var(--sp-neutral-subtle);
}
html[data-theme='spartan'] ::-webkit-scrollbar {
  inline-size: 0.4rem;
  block-size: 0.4rem;
}
html[data-theme='spartan'] ::-webkit-scrollbar-track {
  background: var(--sp-neutral-subtle);
}
html[data-theme='spartan'] ::-webkit-scrollbar-thumb {
  min-block-size: 2rem;
  background: var(--sp-neutral-border-strong);
  border: 0;
  border-radius: 0;
}
html[data-theme='spartan'] ::-webkit-scrollbar-thumb:hover {
  background: var(--spartan-dark-70);
}
html[data-theme='spartan'] :is(.ds-surface-inverse, .ds-surface-brand) {
  scrollbar-color: var(--sp-neutral-border-strong) var(--sp-neutral-ink);
}
html[data-theme='spartan'] :is(.ds-surface-inverse, .ds-surface-brand) ::-webkit-scrollbar-track {
  background: var(--sp-neutral-ink);
}
html[data-theme='spartan'] :is(.ds-surface-inverse, .ds-surface-brand) ::-webkit-scrollbar-thumb {
  background: var(--sp-neutral-border-strong);
}

/* About group lists are open editorial columns, not rows of white strips. */
html[data-theme='spartan'] [data-section-instance-id='spartan-c6-o-nas-ekipa-004'] .ds-block-list {
  display: grid;
  gap: 0.65rem;
  margin: 0;
  padding-inline-start: 1.2rem;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-o-nas-ekipa-004']
  .ds-block-list
  > .ds-m5-item {
  min-block-size: 0;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-o-nas-ekipa-004']
  .ds-block-list
  > .ds-m5-item::marker {
  color: var(--spartan-dark-70);
}

/* Align the blog TOC rail with the article-banner title axis. */
@media (min-width: 52.01rem) {
  html[data-theme='spartan'] .ds-c6-article-body-layout {
    max-inline-size: 67.5rem;
    margin-inline: auto;
    justify-content: start;
  }
  html[data-theme='spartan'] .ds-c6-article-toc-rail {
    margin-inline-start: 0;
  }
}

/* Article summaries are a clear neutral reading aid, not a white card on white. */
html[data-theme='spartan'] [data-callout-tone='summary'] {
  padding: 1.5rem 1.75rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--sp-neutral-subtle) !important;
  box-shadow: none !important;
}
html[data-theme='spartan'] [data-callout-tone='summary'] > strong:first-child {
  color: var(--sp-neutral-muted);
  font-family: var(--ds-typography-family-heading);
  font-size: 1rem;
  letter-spacing: 0.02em;
}

/* Related-service links are compact navigation labels, not oversized content headings. */
html[data-theme='spartan'] .ds-card-grid-section:has(.ds-c6-related-icon) .ds-heading-h3 {
  font-size: clamp(1.125rem, 1.4vw, 1.35rem) !important;
  line-height: 1.25;
}
html[data-theme='spartan'] .ds-card-grid-section:has(.ds-c6-related-icon) .ds-inline-link {
  color: var(--spartan-dark-60);
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-block-end: 0 !important;
}
html[data-theme='spartan'] .ds-card-grid-section:has(.ds-c6-related-icon) .ds-inline-link:hover,
html[data-theme='spartan']
  .ds-card-grid-section:has(.ds-c6-related-icon)
  .ds-inline-link:focus-visible {
  color: var(--sp-neutral-ink);
}
html[data-theme='spartan'] .ds-card-grid-section:has(.ds-c6-related-icon) .ds-c6-related-icon {
  inline-size: 1.75rem;
  block-size: 1.75rem;
  flex: 0 0 1.75rem;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
html[data-theme='spartan']
  .ds-card-grid-section:has(.ds-c6-related-icon)
  .ds-c6-related-icon
  .ds-c6-icon {
  inline-size: 1.5rem !important;
  block-size: 1.5rem !important;
}
html[data-theme='spartan'] .ds-card-grid-section:has(.ds-c6-related-icon) .ds-c6-icon-heading {
  align-items: center;
  gap: 0.75rem;
}

/* Keep the low-pressure hero note visually separate from the CTA controls. */
html[data-theme='spartan'] .ds-hero-centered .ds-hero-supporting-note {
  margin-block-start: 0.8rem;
}

/* Compact presentation footer: brand, three primary destinations, and social channels. */
html[data-theme='spartan'] .ds-site-footer[data-footer-restructured='true'] {
  background: var(--sp-neutral-subtle) !important;
  border-block-start: 1px solid rgb(0 117 142 / 0.12);
}
html[data-theme='spartan'] .ds-site-footer[data-footer-restructured='true'] .ds-site-footer-inner {
  inline-size: min(100%, 86rem);
  margin-inline: auto;
  padding: 3rem clamp(1rem, 3vw, 2.5rem) 1.5rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 2rem 4rem;
}
html[data-theme='spartan'] .ds-site-footer[data-footer-restructured='true'] .ds-site-brand {
  display: inline-flex;
  align-items: center;
}
html[data-theme='spartan'] .ds-site-footer[data-footer-restructured='true'] .ds-site-logo {
  inline-size: 10rem;
  block-size: auto;
}
html[data-theme='spartan'] .ds-site-footer[data-footer-restructured='true'] nav {
  justify-self: center;
}
html[data-theme='spartan']
  .ds-site-footer[data-footer-restructured='true']
  :is(.ds-site-footer-primary, .ds-site-footer-social) {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1.75rem;
  list-style: none;
}
html[data-theme='spartan'] .ds-site-footer[data-footer-restructured='true'] .ds-site-footer-social {
  justify-self: end;
}
html[data-theme='spartan'] .ds-site-footer[data-footer-restructured='true'] a {
  color: var(--sp-neutral-ink);
  font-size: 0.95rem;
  font-weight: 650;
  text-decoration: none !important;
  border: 0 !important;
}
html[data-theme='spartan'] .ds-site-footer[data-footer-restructured='true'] a:hover,
html[data-theme='spartan'] .ds-site-footer[data-footer-restructured='true'] a:focus-visible {
  color: var(--spartan-dark-70);
}
html[data-theme='spartan']
  .ds-site-footer[data-footer-restructured='true']
  .ds-site-footer-copyright {
  grid-column: 1 / -1;
  margin: 0.5rem 0 0;
  color: var(--sp-neutral-muted);
  font-size: 0.78rem;
}
@media (max-width: 48rem) {
  html[data-theme='spartan']
    .ds-site-footer[data-footer-restructured='true']
    .ds-site-footer-inner {
    grid-template-columns: minmax(0, 1fr);
    justify-items: start;
    gap: 1.5rem;
    padding-block-start: 2.5rem;
  }
  html[data-theme='spartan']
    .ds-site-footer[data-footer-restructured='true']
    :is(nav, .ds-site-footer-social) {
    justify-self: start;
  }
  html[data-theme='spartan']
    .ds-site-footer[data-footer-restructured='true']
    .ds-site-footer-copyright {
    grid-column: 1;
  }
}

/* Related-article cards use compact editorial titles rather than oversized link headings. */
html[data-theme='spartan'] .ds-post-list-section[data-layout='cards'] .ds-heading-h3 {
  font-size: clamp(1.125rem, 1.4vw, 1.35rem) !important;
  line-height: 1.28;
}
html[data-theme='spartan']
  .ds-post-list-section[data-layout='cards']
  :is(.ds-heading-h3, .ds-m5-meta)
  a {
  color: var(--spartan-dark-60);
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-block-end: 0 !important;
}
html[data-theme='spartan']
  .ds-post-list-section[data-layout='cards']
  :is(.ds-heading-h3, .ds-m5-meta)
  a:hover,
html[data-theme='spartan']
  .ds-post-list-section[data-layout='cards']
  :is(.ds-heading-h3, .ds-m5-meta)
  a:focus-visible {
  color: var(--sp-neutral-ink);
}

/* Linked card headings share one compact navigation scale across services, profiles, and articles. */
html[data-theme='spartan'] .ds-card-grid-section .ds-heading-h3:has(a) {
  font-size: clamp(1.125rem, 1.4vw, 1.35rem) !important;
  line-height: 1.28;
}
html[data-theme='spartan'] .ds-card-grid-section .ds-heading-h3 > a {
  color: var(--spartan-dark-60);
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-block-end: 0 !important;
}
html[data-theme='spartan'] .ds-card-grid-section .ds-heading-h3 > a:hover,
html[data-theme='spartan'] .ds-card-grid-section .ds-heading-h3 > a:focus-visible {
  color: var(--sp-neutral-ink);
}

/* Social destinations use the curated brand glyphs with full accessible names. */
html[data-theme='spartan'] .ds-site-footer[data-footer-restructured='true'] .ds-site-footer-social {
  gap: 0.4rem;
}
html[data-theme='spartan']
  .ds-site-footer[data-footer-restructured='true']
  .ds-site-footer-social-link {
  inline-size: 2.5rem;
  block-size: 2.5rem;
  display: grid;
  place-items: center;
  color: var(--spartan-dark-60);
}
html[data-theme='spartan']
  .ds-site-footer[data-footer-restructured='true']
  .ds-site-footer-social-icon {
  inline-size: 1.3rem;
  block-size: 1.3rem;
  display: block;
}
html[data-theme='spartan']
  .ds-site-footer[data-footer-restructured='true']
  .ds-site-footer-social-link:hover,
html[data-theme='spartan']
  .ds-site-footer[data-footer-restructured='true']
  .ds-site-footer-social-link:focus-visible {
  color: var(--sp-neutral-ink);
}

/* Mobile navigation: crisp editorial drawer with square controls and rows. */
@container not (inline-size >= 68rem) {
  html[data-theme='spartan'] .ds-site-navigation > .ds-site-navigation-toggle {
    inline-size: 3rem;
    block-size: 3rem;
    min-block-size: 3rem;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html[data-theme='spartan']
    .ds-site-navigation
    > .ds-site-navigation-toggle
    > .ds-site-navigation-chevron {
    inline-size: 1.4rem;
  }

  html[data-theme='spartan']
    .ds-site-navigation-panel[data-navigation-panel='primary'][popover]:popover-open {
    inline-size: min(30rem, 100%);
    padding: clamp(1.25rem, 4vw, 2rem);
    gap: 0;
    border: 0;
    border-inline-start: 1px solid rgba(0, 117, 142, 0.2);
    border-radius: 0 !important;
    background: var(--sp-neutral-surface);
    box-shadow: none;
  }

  html[data-theme='spartan'] .ds-site-navigation-panel [data-navigation-panel-header='true'] {
    min-block-size: 3.5rem;
    padding-block-end: 1rem;
    border-block-end: 1px solid rgba(0, 117, 142, 0.24);
  }

  html[data-theme='spartan']
    .ds-site-navigation-panel
    [data-navigation-panel-header='true']
    > strong {
    font-size: 1.125rem;
    line-height: 1.2;
  }

  html[data-theme='spartan'] .ds-site-navigation-panel [data-navigation-close='true'] {
    inline-size: 3rem;
    block-size: 3rem;
    min-block-size: 3rem;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html[data-theme='spartan'] .ds-site-navigation-panel nav {
    padding-block-start: 0.75rem;
  }

  html[data-theme='spartan'] .ds-site-navigation-panel .ds-site-navigation-list {
    gap: 0;
  }

  html[data-theme='spartan'] .ds-site-navigation-list > .ds-site-navigation-item > a,
  html[data-theme='spartan'] .ds-site-navigation-mobile-disclosure > summary {
    min-block-size: 3.5rem;
    padding-inline: 0.75rem;
    border: 0;
    border-block-end: 1px solid rgba(0, 117, 142, 0.2);
    border-radius: 0 !important;
    background: transparent !important;
  }

  html[data-theme='spartan'] .ds-site-navigation-list > .ds-site-navigation-item > a:hover,
  html[data-theme='spartan'] .ds-site-navigation-list > .ds-site-navigation-item > a:focus-visible,
  html[data-theme='spartan'] .ds-site-navigation-mobile-disclosure > summary:hover,
  html[data-theme='spartan'] .ds-site-navigation-mobile-disclosure > summary:focus-visible {
    color: var(--sp-neutral-muted);
    background: transparent !important;
  }

  html[data-theme='spartan'] .ds-site-navigation-mobile-disclosure > .ds-site-navigation-children {
    gap: 0;
    padding: 0.35rem 0 0.75rem 1rem;
    border-block-end: 1px solid rgba(0, 117, 142, 0.2);
  }

  html[data-theme='spartan']
    .ds-site-navigation-mobile-disclosure
    > .ds-site-navigation-children
    .ds-site-navigation-item
    > a {
    min-block-size: 2.75rem;
    padding-inline: 0.75rem;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 0.95rem;
    font-weight: 500;
  }

  html[data-theme='spartan']
    .ds-site-navigation-mobile-disclosure
    > .ds-site-navigation-children
    .ds-site-navigation-item
    > a:hover,
  html[data-theme='spartan']
    .ds-site-navigation-mobile-disclosure
    > .ds-site-navigation-children
    .ds-site-navigation-item
    > a:focus-visible {
    color: var(--sp-neutral-muted);
    background: transparent !important;
  }

  html[data-theme='spartan']
    .ds-site-navigation-list
    > .ds-site-navigation-item
    > a[aria-current='page'] {
    color: var(--sp-neutral-muted);
    font-weight: 700;
    box-shadow: inset 0.2rem 0 0 var(--spartan-dark-70);
  }

  html[data-theme='spartan'] .ds-site-navigation-panel :is(a, summary, button):focus-visible,
  html[data-theme='spartan'] .ds-site-navigation > .ds-site-navigation-toggle:focus-visible {
    outline: 2px solid var(--spartan-dark-70) !important;
    outline-offset: 2px;
  }

  html[data-theme='spartan'] .ds-site-header-actions {
    margin-block-start: 0.75rem;
    padding-block-start: 1rem;
    border-block-start: 0 !important;
  }

  html[data-theme='spartan'] .ds-site-header-actions > .ds-action {
    border-radius: 0 !important;
  }
}

@media (max-width: 30rem) {
  html[data-theme='spartan']
    .ds-site-navigation-panel[data-navigation-panel='primary'][popover]:popover-open {
    border-inline-start: 0;
  }
}

@container not (inline-size >= 68rem) {
  html[data-theme='spartan'] .ds-site-header-actions > .ds-action {
    box-shadow: none !important;
  }
}

/* Navigation controls use conventional 24px stroke icons. */
html[data-theme='spartan'] :is(.ds-site-navigation-menu-icon, .ds-site-navigation-close-icon) {
  inline-size: 1.5rem;
  block-size: 1.5rem;
  display: block;
}

/* Team capability cards use meaningful curated icons without decorative icon bubbles. */
html[data-theme='spartan'] [data-presentation-coverage-grid='true'] .ds-m5-item-body {
  display: grid;
  grid-template-columns: 1.75rem minmax(0, 1fr);
  align-items: center;
  column-gap: 0.875rem;
}
html[data-theme='spartan'] [data-presentation-coverage-grid='true'] .ds-presentation-coverage-icon {
  inline-size: 1.75rem;
  block-size: 1.75rem;
  display: grid;
  place-items: center;
  color: var(--spartan-dark-60);
}
html[data-theme='spartan']
  [data-presentation-coverage-grid='true']
  .ds-presentation-coverage-icon-svg {
  inline-size: 1.5rem !important;
  block-size: 1.5rem !important;
}

/* Editorial notes are distinct flat callout boxes, not loose paragraphs. */
html[data-theme='spartan'] [data-callout-tone='note'] {
  padding: 1.25rem 1.5rem !important;
  border: 0 !important;
  border-inline-start: 0.2rem solid var(--spartan-dark-70) !important;
  border-radius: 0 !important;
  background: var(--sp-neutral-subtle) !important;
  box-shadow: none !important;
}
html[data-theme='spartan'] [data-callout-tone='note'] > strong:first-child {
  color: var(--sp-neutral-muted);
  font-family: var(--ds-typography-family-heading);
}

/* Evidence metrics are an open editorial rail: hierarchy and whitespace replace dividers. */
html[data-theme='spartan'] .ds-section-shell.ds-stats {
  background: var(--sp-neutral-ink) !important;
  background-image: none !important;
}
html[data-theme='spartan'] .ds-section-shell.ds-stats .ds-stats-inline {
  grid-template-columns: repeat(auto-fit, minmax(min(10rem, 100%), 1fr));
  align-items: start;
  gap: clamp(2rem, 5vw, 5rem);
}
html[data-theme='spartan'] .ds-section-shell.ds-stats .ds-stats-inline .ds-stat-item {
  display: flex;
  flex-direction: column-reverse;
  gap: 0.6rem;
  padding: 0 !important;
  border: 0 !important;
}
html[data-theme='spartan'] .ds-section-shell.ds-stats .ds-stat-item :is(dt, dd) {
  margin: 0;
}
html[data-theme='spartan'] .ds-section-shell.ds-stats .ds-stat-item dd .ds-heading {
  font-size: clamp(2.75rem, 3.4vw, 3.75rem) !important;
  line-height: 0.95;
  letter-spacing: -0.035em;
}
html[data-theme='spartan'] .ds-section-shell.ds-stats .ds-stat-item dt .ds-text {
  max-inline-size: 18ch;
  color: var(--sp-neutral-strong);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.025em;
}

/* Spartan customer-feedback revision v1 — static presentation only.
   This file is deliberately separate from the compiled design-system and V10 preview CSS. */

/* Practical editorial type scale: smaller than the previous 104px/54.4px desktop caps. */
[data-theme='spartan'] main .ds-heading-h1,
[data-theme='spartan'] main h1.ds-heading {
  max-inline-size: 24ch;
  font-size: clamp(2.5rem, 5vw, 4.5rem);
  line-height: 1.03;
  text-wrap: balance;
}
[data-theme='spartan'] main .ds-heading-h2,
[data-theme='spartan'] main h2.ds-heading {
  max-inline-size: 28ch;
  font-size: clamp(2rem, 3vw, 2.5rem);
  line-height: 1.12;
  text-wrap: balance;
}
[data-page-template='article'] [data-section-id='template.article-header'] h1 {
  max-inline-size: 28ch;
  font-size: clamp(2.4rem, 4.3vw, 3.75rem);
}

/* Visible route hierarchy for profiles, articles, services, contact and new hubs. */
.sf-breadcrumbs {
  margin-block-end: clamp(1.5rem, 4vw, 3rem);
  color: var(--sp-neutral-muted);
  font-size: 0.875rem;
  font-weight: 650;
}
.sf-breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-breadcrumbs li {
  display: inline-flex;
  align-items: center;
  min-inline-size: 0;
}
.sf-breadcrumbs a {
  color: inherit;
  text-underline-offset: 0.2em;
}
.sf-breadcrumbs [aria-current='page'] {
  color: var(--sp-neutral-ink);
  overflow-wrap: anywhere;
}
.sf-breadcrumb-separator {
  color: var(--spartan-dark-70);
  user-select: none;
}

/* Level-three route heroes use one left-aligned editorial flow. */
html[data-theme='spartan'] main .sf-level3-hero > .ds-container {
  box-sizing: border-box;
  inline-size: min(100% - clamp(2rem, 6vw, 6rem), 82rem) !important;
  max-inline-size: 82rem !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}
html[data-theme='spartan'] main .sf-level3-hero :is(.ds-page-intro-content, [data-profile-hero]) {
  align-items: flex-start !important;
  text-align: start !important;
}
html[data-theme='spartan'] main .sf-level3-hero :is(h1, .ds-text-lead) {
  margin-inline: 0 !important;
  text-align: start !important;
}
html[data-theme='spartan'] main .sf-level3-hero :is(.ds-page-intro-actions, .ds-section-actions),
html[data-theme='spartan']
  main
  [data-page-template='profile']
  .sf-level3-hero
  [data-profile-hero]
  .ds-section-actions {
  justify-content: flex-start !important;
}
html[data-theme='spartan'] main .sf-level3-hero [data-person-channels] {
  align-self: flex-start;
}
html[data-theme='spartan'] main .sf-level3-hero[data-section-id='hero.centered'] .ds-center {
  inline-size: 100%;
  max-inline-size: none;
  margin-inline: 0;
  padding-inline: 0;
  text-align: start;
}
.sf-level3-copy {
  max-inline-size: 62rem;
}

/* Article rail/body sections share the 82rem hub axis without sacrificing prose measure. */
html[data-theme='spartan'] main .sf-article-body > .ds-container {
  box-sizing: border-box;
  inline-size: min(100% - clamp(2rem, 6vw, 6rem), 82rem) !important;
  max-inline-size: 82rem !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}
@media (min-width: 60rem) {
  html[data-theme='spartan'] main .sf-article-body .ds-c6-article-body-layout {
    inline-size: 100%;
    max-inline-size: none !important;
    margin-inline: 0 !important;
    grid-template-columns: minmax(14rem, 17rem) minmax(0, 52rem);
    column-gap: clamp(2.5rem, 4vw, 4rem);
    justify-content: start;
  }
  html[data-theme='spartan'] main .sf-article-body .ds-c6-article-toc-rail {
    margin-inline-start: 0;
  }
  html[data-theme='spartan'] main .sf-article-body .ds-c6-article-body-content {
    max-inline-size: 52rem;
  }
}

/* Keep the two branded introductory heroes on one shared mark size and top rhythm. */
html[data-theme='spartan']
  main
  :is(
    [data-section-instance-id='spartan-c6-o-nas-ekipa-001'],
    [data-section-instance-id='spartan-c6-home-hero-001']
  ) {
  padding-block-start: clamp(3rem, 5vw, 4rem) !important;
}
.sf-home-hero-mark {
  display: block;
  inline-size: clamp(5rem, 10vw, 8rem);
  block-size: auto;
  margin-inline: auto;
}

/* New static page building blocks. */
.sf-section {
  padding-block: clamp(3.5rem, 8vw, 7rem);
}
.sf-section--compact {
  padding-block: clamp(2.5rem, 5vw, 4.5rem);
}
.sf-surface-default {
  background: var(--sp-neutral-surface);
  color: var(--sp-neutral-ink);
}
.sf-surface-subtle {
  background: var(--sp-neutral-subtle);
  color: var(--sp-neutral-ink);
}
.sf-surface-lavender {
  background: var(--sp-neutral-strong);
  color: var(--sp-neutral-ink);
}
.sf-surface-ink {
  background: var(--sp-neutral-ink);
  color: var(--sp-neutral-surface);
}
.sf-container {
  inline-size: min(100% - clamp(2rem, 6vw, 6rem), 82rem);
  margin-inline: auto;
}
.sf-container--narrow {
  max-inline-size: 56rem;
}
.sf-stack {
  display: flex;
  flex-direction: column;
  gap: var(--sf-gap, 1.5rem);
}
.sf-gap-none {
  --sf-gap: 0;
}
.sf-gap-sm {
  --sf-gap: 1rem;
}
.sf-gap-lg {
  --sf-gap: 1.5rem;
}
.sf-eyebrow {
  margin: 0;
  color: var(--spartan-dark-70);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.sf-surface-ink .sf-eyebrow {
  color: var(--spartan-light-40);
}
.sf-surface-lavender .sf-eyebrow {
  color: var(--sp-neutral-muted);
}
.sf-reference-grid-title {
  margin: 0 0 1.5rem;
}
.sf-lead {
  max-inline-size: 62ch;
  margin: 0;
  color: var(--sp-neutral-muted);
  font-size: clamp(1.08rem, 1.6vw, 1.28rem);
  line-height: 1.62;
}
.sf-surface-ink .sf-lead {
  color: var(--sp-neutral-strong);
}
.sf-page-title {
  margin: 0;
}
.sf-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  align-items: center;
}
.sf-text-link {
  color: var(--sp-neutral-muted);
  font-weight: 750;
  text-underline-offset: 0.22em;
}
.sf-surface-ink .sf-text-link {
  color: var(--sp-neutral-surface);
}
.sf-text-link:hover {
  color: var(--spartan-dark-70);
}
.sf-grid {
  display: grid;
  gap: clamp(1rem, 2vw, 1.5rem);
}
.sf-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sf-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sf-grid--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sf-card {
  min-inline-size: 0;
  border: 1px solid var(--sp-neutral-border);
  border-radius: 0;
  background: var(--sp-neutral-surface);
  color: var(--sp-neutral-ink);
}
.sf-card__body {
  padding: clamp(1.25rem, 2.4vw, 2rem);
}
.sf-card h2,
.sf-card h3 {
  margin: 0;
  color: var(--sp-neutral-ink);
  line-height: 1.18;
  text-wrap: balance;
}
.sf-card p {
  margin: 0;
  color: var(--sp-neutral-muted);
  line-height: 1.62;
}
.sf-card-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--sp-neutral-muted);
  font-weight: 780;
  text-underline-offset: 0.22em;
}
.sf-card-link:hover {
  color: var(--spartan-dark-70);
}
.sf-card:has(.sf-card-link:focus-visible) {
  outline: 3px solid var(--spartan-blue);
  outline-offset: 3px;
}

/* Compact icon-led service directory: concise names replace oversized marketing headlines. */
.sf-service-directory {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid var(--sp-neutral-border);
  background: var(--sp-neutral-border);
}
.sf-service-card {
  display: flex;
  min-inline-size: 0;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 2.5vw, 2.25rem);
  background: var(--sp-neutral-surface);
  color: var(--sp-neutral-ink);
}
.sf-service-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.sf-service-icon {
  display: grid;
  inline-size: 2.25rem;
  block-size: 2.25rem;
  place-items: center;
  border: 0;
  color: var(--spartan-dark-70);
}
html[data-theme='spartan'] .sf-service-icon .ds-c6-icon {
  inline-size: 2rem;
  block-size: 2rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: currentColor;
  box-shadow: none;
}
.sf-service-number {
  color: var(--sp-neutral-muted);
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0.12em;
}
.sf-service-card h2 {
  max-inline-size: 18ch;
  margin: 0.25rem 0 0;
  color: var(--sp-neutral-ink);
  font-size: clamp(1.45rem, 1.9vw, 1.9rem);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.02em;
  text-wrap: balance;
}
.sf-service-card p {
  margin: 0;
  color: var(--sp-neutral-muted);
  line-height: 1.6;
}
.sf-service-card__link {
  display: inline-flex;
  inline-size: fit-content;
  align-items: center;
  gap: 0.35rem;
  margin-block-start: auto;
  color: var(--sp-neutral-muted);
  font-weight: 600;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.22em;
}
.sf-service-card__link:hover {
  color: var(--spartan-dark-70);
}
.sf-service-card__link:focus-visible {
  outline: 3px solid var(--spartan-blue);
  outline-offset: 4px;
}

/* Blog index cards keep long Slovenian titles editorial rather than display-sized. */
.sf-blog-card .sf-blog-card__title {
  max-inline-size: 28ch;
  margin: 0;
  font-size: clamp(1.45rem, 1.8vw, 1.8rem);
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -0.018em;
  text-wrap: balance;
}
.sf-blog-title-link {
  color: var(--sp-neutral-ink);
  text-decoration: none;
}
.sf-blog-title-link:hover {
  color: var(--sp-neutral-muted);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}
.sf-blog-title-link:focus-visible {
  outline: 3px solid var(--spartan-blue);
  outline-offset: 4px;
}

/* Related article metadata uses a stable author/date grid and Slovenian date order. */
html[data-theme='spartan'] main [data-section-id='content.post-list'] .ds-m5-item-body {
  block-size: 100%;
}
html[data-theme='spartan'] main [data-section-id='content.post-list'] .ds-m5-meta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  column-gap: 1rem;
  margin-block-start: auto;
}
html[data-theme='spartan']
  main
  [data-section-id='content.post-list']
  .ds-m5-meta
  > span[aria-hidden='true'] {
  display: none;
}
html[data-theme='spartan'] main [data-section-id='content.post-list'] .ds-m5-meta time {
  justify-self: end;
  white-space: nowrap;
}

/* Custom dark CTAs need an explicit button treatment outside compiled surface recipes. */
html[data-theme='spartan'] main .sf-surface-ink .sf-actions .ds-action.ds-action-primary {
  display: inline-flex;
  min-block-size: 3rem;
  align-items: center;
  justify-content: center;
  padding-inline: 1.25rem;
  border: 1px solid var(--sp-neutral-surface) !important;
  background: var(--sp-neutral-surface) !important;
  color: var(--sp-neutral-ink) !important;
  font-weight: 600;
  text-decoration: none !important;
}
html[data-theme='spartan'] main .sf-surface-ink .sf-actions .ds-action.ds-action-primary:hover {
  border-color: var(--sp-neutral-strong) !important;
  background: var(--sp-neutral-strong) !important;
  color: var(--sp-neutral-ink) !important;
}

/* Newsletter controls share one exact visual height. */
html[data-theme='spartan']
  main
  [data-section-id='conversion.newsletter']
  .ds-m5-form-grid
  .ds-control,
html[data-theme='spartan']
  main
  [data-section-id='conversion.newsletter']
  .ds-m5-form-grid
  button[type='submit'] {
  min-block-size: 3.125rem;
  block-size: 3.125rem;
  box-sizing: border-box;
}

/* Editorial contact forms: dark PDF-blue panels, bright fields, and quiet borders. */
html[data-theme='spartan'] main [data-section-id='contact.form'] [data-form-panel] {
  padding: clamp(1.5rem, 4vw, 3rem);
  background: var(--sp-neutral-muted) !important;
  color: var(--sp-neutral-surface) !important;
  border: 1px solid var(--spartan-dark-70);
  border-radius: 0;
  box-shadow: none !important;
}
html[data-theme='spartan']
  main
  [data-section-id='contact.form']
  [data-form-panel]
  :is(.ds-heading, .ds-label, legend) {
  color: var(--sp-neutral-surface) !important;
}
html[data-theme='spartan']
  main
  [data-section-id='contact.form']
  [data-form-panel]
  :is(.ds-text, .ds-field-help) {
  color: var(--sp-neutral-strong) !important;
}
html[data-theme='spartan'] main [data-section-id='contact.form'] [data-form-panel] .ds-control {
  background: var(--sp-neutral-surface) !important;
  color: var(--sp-neutral-ink) !important;
  border: 1px solid var(--sp-neutral-border) !important;
  border-radius: 0.2rem;
  box-shadow: none !important;
}
html[data-theme='spartan']
  main
  [data-section-id='contact.form']
  [data-form-panel]
  .ds-control::placeholder {
  color: var(--sp-neutral-muted) !important;
  opacity: 1;
}
html[data-theme='spartan']
  main
  [data-section-id='contact.form']
  [data-form-panel]
  .ds-control:focus-visible {
  border-color: var(--sp-neutral-surface) !important;
  outline: 3px solid var(--spartan-blue) !important;
  outline-offset: 2px;
  box-shadow: none !important;
}
html[data-theme='spartan']
  main
  [data-section-id='contact.form']
  [data-form-panel]
  fieldset
  .ds-checkbox-label {
  background: var(--sp-neutral-surface) !important;
  color: var(--sp-neutral-ink) !important;
  border: 1px solid var(--sp-neutral-border) !important;
  border-radius: 0.2rem;
  box-shadow: none !important;
}
html[data-theme='spartan']
  main
  [data-section-id='contact.form']
  [data-form-panel]
  fieldset
  .ds-checkbox-label:has(.ds-checkbox:checked) {
  background: var(--sp-neutral-strong) !important;
  border-color: var(--spartan-dark-70) !important;
}
html[data-theme='spartan'] main [data-section-id='contact.form'] [data-form-panel] .ds-checkbox {
  accent-color: var(--spartan-dark-70);
}
html[data-theme='spartan']
  main
  [data-section-id='contact.form']
  [data-form-panel]
  .ds-field[data-field-type='checkbox']
  > .ds-checkbox-label {
  align-items: flex-start;
  color: var(--sp-neutral-strong) !important;
}
html[data-theme='spartan']
  main
  [data-section-id='contact.form']
  [data-form-panel]
  .ds-field[data-field-type='checkbox']
  > .ds-checkbox-label
  > .ds-checkbox {
  flex: none;
  margin-block-start: 0.2rem;
}
html[data-theme='spartan'] main [data-section-id='contact.form'] [data-form-panel] .ds-field-error {
  color: #ffd8de !important;
}
html[data-theme='spartan']
  main
  [data-section-id='contact.form']
  [data-form-panel]
  button[type='submit'].ds-action {
  background: var(--sp-neutral-strong) !important;
  color: var(--sp-neutral-ink) !important;
  border-color: var(--sp-neutral-strong) !important;
  box-shadow: none !important;
}
html[data-theme='spartan']
  main
  [data-section-id='contact.form']
  [data-form-panel]
  button[type='submit'].ds-action:hover {
  background: var(--sp-neutral-surface) !important;
  color: var(--sp-neutral-ink) !important;
  border-color: var(--sp-neutral-surface) !important;
}
html[data-theme='spartan']
  main
  [data-section-id='contact.form']
  [data-form-panel]
  button[type='submit'].ds-action:focus-visible {
  outline: 3px solid var(--spartan-blue) !important;
  outline-offset: 3px;
}

/* Logo-led references, using only approved static official assets. */
.sf-logo-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: var(--sp-neutral-border);
  border: 1px solid var(--sp-neutral-border);
}
.sf-logo-card {
  display: flex;
  min-inline-size: 0;
  flex-direction: column;
  background: var(--sp-neutral-surface);
}
.sf-logo-well {
  display: grid;
  min-block-size: 10rem;
  place-items: stretch;
  padding: 0;
  background: var(--sp-neutral-surface);
  border-block-end: 1px solid var(--sp-neutral-border);
}
.sf-logo-well--dark {
  background: var(--sp-neutral-ink);
}
.sf-logo-card__media-link,
.sf-logo-card__media-frame {
  display: grid;
  min-block-size: 10rem;
  inline-size: 100%;
  place-items: center;
  padding: 1.5rem;
  color: inherit;
  text-decoration: none;
}
.sf-logo-well img {
  display: block;
  inline-size: auto;
  max-inline-size: 100%;
  block-size: auto;
  max-block-size: 5.75rem;
  object-fit: contain;
}
.sf-logo-card--square .sf-logo-well img {
  max-block-size: 6.5rem;
}
.sf-logo-card__body {
  display: flex;
  flex: 1;
  align-items: center;
  padding: 1rem 1.25rem;
  background: var(--sp-neutral-subtle);
}
.sf-logo-card__actions {
  display: flex;
  inline-size: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem 1rem;
}
.sf-logo-card__case-link,
.sf-logo-card__external {
  display: inline-flex;
  inline-size: fit-content;
  align-items: center;
  gap: 0.35rem;
  text-decoration: none;
}
.sf-logo-card__case-link {
  color: var(--sp-neutral-muted);
  font-weight: 650;
}
.sf-logo-card__external {
  color: var(--sp-neutral-muted);
  font-size: 0.86rem;
}
.sf-logo-card__case-link:hover,
.sf-logo-card__external:hover {
  color: var(--spartan-dark-70);
}
.sf-logo-card :is(.sf-logo-card__case-link, .sf-logo-card__external):hover .sf-link-label {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}
.sf-link-arrow {
  display: inline-block;
  line-height: 1;
  text-decoration: none;
}
.sf-link-icon {
  inline-size: 0.95rem;
  block-size: 0.95rem;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.sf-logo-card a:focus-visible {
  outline: 3px solid var(--spartan-blue);
  outline-offset: 4px;
}

/* Verified official-logo treatment for service trust sections. */
html[data-theme='spartan'] main .sf-client-logo-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  padding: 1px;
  background: var(--sp-neutral-border);
  border: 0;
  list-style: none;
}
html[data-theme='spartan'] main .sf-client-logo-grid[data-logo-count='6'] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
html[data-theme='spartan'] main .sf-client-logo-item {
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  background: var(--sp-neutral-surface);
  border: 0;
}
html[data-theme='spartan'] main .sf-client-logo-link {
  display: grid;
  min-block-size: 9rem;
  inline-size: 100%;
  place-items: center;
  padding: 1.5rem;
  background: var(--sp-neutral-surface);
  color: inherit;
  text-decoration: none;
}
html[data-theme='spartan'] main .sf-client-logo-item--dark .sf-client-logo-link {
  background: var(--sp-neutral-ink);
}
html[data-theme='spartan'] main .sf-client-logo-link img {
  display: block;
  inline-size: auto;
  max-inline-size: min(100%, 16rem);
  block-size: auto;
  max-block-size: 5.5rem;
  object-fit: contain;
}
html[data-theme='spartan'] main .sf-client-logo-item--square .sf-client-logo-link img {
  max-block-size: 6rem;
}
html[data-theme='spartan'] main .sf-client-logo-link:focus-visible {
  outline: 3px solid var(--spartan-blue);
  outline-offset: -5px;
}

/* Logo links receive only a quiet approved-blue tint—no inset, shadow, or movement. */
.sf-logo-card__media-link,
.sf-logo-card__media-frame,
.sf-client-logo-link {
  position: relative;
  isolation: isolate;
}
.sf-logo-card__media-link img,
.sf-logo-card__media-frame img,
.sf-client-logo-link img {
  position: relative;
  z-index: 1;
}
.sf-logo-card__media-link::after,
.sf-client-logo-link::after {
  content: '';
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  background: var(--spartan-dark-70);
  opacity: 0;
  transition: opacity 160ms ease;
}
@media (hover: hover) {
  .sf-logo-card__media-link:hover::after,
  .sf-client-logo-link:hover::after {
    opacity: 0.07;
  }
}

.sf-reference-intro {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(18rem, 1.2fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: end;
  margin-block-end: clamp(2rem, 5vw, 4rem);
}
.sf-reference-intro--single {
  grid-template-columns: minmax(0, 1fr);
  max-inline-size: 52rem;
  align-items: start;
}
[data-section-instance-id='spartan-feedback-home-references-001'] .sf-reference-intro--single,
[data-section-instance-id='spartan-feedback-home-references-001']
  .sf-reference-intro--single
  .sf-lead {
  max-inline-size: none;
}
.sf-reference-note {
  padding-inline-start: 1.25rem;
  border-inline-start: 4px solid var(--spartan-dark-70);
  color: var(--sp-neutral-muted);
}

/* Honest case-study placeholders: no outcome is presented as established. */
.sf-case-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.52fr);
  gap: clamp(2rem, 7vw, 7rem);
  align-items: center;
}
.sf-case-logo {
  border: 1px solid var(--sp-neutral-border);
}
.sf-case-logo .sf-logo-well {
  min-block-size: 10rem;
  place-items: center;
  padding: 1.5rem;
  border: 0;
}
.sf-case-logo .sf-logo-well img {
  inline-size: auto;
  max-inline-size: min(100%, 22rem);
  block-size: auto;
  max-block-size: 6rem;
}
.sf-placeholder-badge {
  display: inline-flex;
  inline-size: fit-content;
  padding: 0.45rem 0.65rem;
  border: 1px solid var(--spartan-dark-70);
  color: var(--sp-neutral-muted);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.sf-case-flow {
  counter-reset: case-step;
  display: grid;
  gap: 0;
  border-block: 1px solid var(--sp-neutral-border);
}
.sf-case-step {
  counter-increment: case-step;
  display: grid;
  grid-template-columns: 3.5rem minmax(0, 1fr);
  gap: 1rem;
  padding-block: clamp(1.5rem, 3vw, 2.5rem);
  border-block-end: 1px solid var(--sp-neutral-border);
}
.sf-case-step:last-child {
  border-block-end: 0;
}
.sf-case-step::before {
  content: counter(case-step, decimal-leading-zero);
  color: var(--spartan-dark-70);
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}
.sf-case-step h2 {
  margin: 0 0 0.75rem;
  font-size: clamp(1.55rem, 2.5vw, 2.15rem);
}
.sf-case-step p {
  max-inline-size: 68ch;
  margin: 0;
  color: var(--sp-neutral-muted);
  line-height: 1.7;
}
.sf-pending-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid var(--sp-neutral-border);
}
.sf-pending-metric {
  padding: clamp(1.25rem, 3vw, 2rem);
  border-inline-end: 1px solid var(--sp-neutral-border);
}
.sf-pending-metric:last-child {
  border-inline-end: 0;
}
.sf-pending-metric dt {
  color: var(--sp-neutral-muted);
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
.sf-pending-metric dd {
  margin: 0.65rem 0 0;
  color: var(--sp-neutral-muted);
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  font-weight: 800;
}

/* Compact direct-person contact beneath centered CTAs. */
html[data-theme='spartan'] main [data-section-id='conversion.cta'] .ds-c6-person.sf-direct-contact {
  inline-size: min(100%, 36rem) !important;
  max-inline-size: 36rem !important;
  margin-inline: auto !important;
  padding-block-start: 1.25rem !important;
  background: transparent !important;
  border: 0 !important;
  border-block-start: 1px solid rgba(255, 255, 255, 0.24) !important;
}
.ds-cta .sf-direct-contact .ds-c6-person-identity {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center;
  gap: 0.4rem;
  text-align: center;
}
.ds-cta .sf-direct-contact :is(.ds-eyebrow, .ds-heading, .ds-text, .ds-c6-person-channels) {
  margin: 0;
}
.ds-cta .sf-direct-contact .ds-heading {
  font-size: 1.05rem;
  line-height: 1.35;
}
.ds-cta .sf-direct-contact .ds-text {
  max-inline-size: 42ch;
  line-height: 1.5;
}
.ds-cta .sf-direct-contact .ds-c6-person-channels {
  display: flex;
  max-inline-size: 100%;
  justify-content: center;
  padding: 0;
  list-style: none;
}
.ds-cta .sf-direct-contact a {
  overflow-wrap: anywhere;
}

/* Agency/profile presentation and brand mark. */
.sf-agency-mark {
  display: block;
  inline-size: clamp(5rem, 10vw, 8rem);
  block-size: auto;
  margin-inline: auto;
}
.sf-profile-card {
  display: grid;
  grid-template-columns: minmax(0, 0.68fr) minmax(18rem, 1.32fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: start;
}
.sf-profile-index {
  padding-block-start: 0.5rem;
  border-block-start: 4px solid var(--spartan-dark-70);
}
.sf-agency-contact {
  border-block-start: 1px solid currentColor;
  padding-block-start: 1rem;
}

/* Related FAQ links remain concise and subordinate. */
.sf-faq-related {
  margin-block-start: 1rem;
  padding-block-start: 1rem;
  border-block-start: 1px solid var(--sp-neutral-border);
}
.sf-faq-related a {
  color: var(--sp-neutral-muted);
  font-weight: 750;
}

/* Keep adjacent SEO audit sections visually distinct without adding decoration. */
html[data-theme='spartan'] main [data-section-instance-id='spartan-c6-seo-005'] {
  background: var(--sp-neutral-surface) !important;
  background-image: none !important;
}

/* Alternate adjacent analytics sections so they do not merge into one field. */
html[data-theme='spartan'] main [data-section-instance-id='spartan-c6-analytics-010'] {
  background: var(--sp-neutral-subtle) !important;
  background-image: none !important;
}

/* Alternate the analytics FAQ after its logo-led trust section. */
html[data-theme='spartan'] main [data-section-instance-id='spartan-c6-analytics-014'] {
  background: var(--sp-neutral-subtle) !important;
  background-image: none !important;
}

html[data-theme='spartan'] main [data-section-instance-id='spartan-c6-analytics-015'] {
  background: var(--sp-neutral-surface) !important;
  background-image: none !important;
}

/* Separate Bojana's quote from the preceding tools inventory. */
html[data-theme='spartan'] main [data-section-instance-id='spartan-c6-team-bojana-mocnik-006'] {
  background: var(--sp-neutral-surface) !important;
  background-image: none !important;
}

/* Article metrics become an editorial data rail rather than floating cards. */
[data-page-template='article'] .sf-article-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-block: clamp(2rem, 5vw, 4rem);
  border-block: 1px solid var(--sp-neutral-border);
  background: var(--sp-neutral-strong);
}
[data-page-template='article'] .sf-article-metrics > div {
  display: flex;
  min-inline-size: 0;
  flex-direction: column-reverse;
  justify-content: flex-end;
  gap: 0.7rem;
  padding: clamp(1.1rem, 2.5vw, 1.8rem);
  border: 0;
  border-inline-end: 1px solid var(--sp-neutral-border);
  border-radius: 0;
  background: transparent;
}
[data-page-template='article'] .sf-article-metrics > div:last-child {
  border-inline-end: 0;
}
[data-page-template='article'] .sf-article-metrics dt {
  color: var(--sp-neutral-ink);
  font-size: 0.9rem;
  line-height: 1.45;
}
[data-page-template='article'] .sf-article-metrics dd {
  margin: 0;
}
[data-page-template='article'] .sf-article-metrics dd strong {
  display: block;
  color: var(--sp-neutral-muted);
  font-size: clamp(1.8rem, 3.4vw, 3rem);
  line-height: 1;
}
[data-page-template='article'] .sf-article-metrics dd span {
  display: block;
  margin-block-start: 0.55rem;
  color: var(--sp-neutral-muted);
  font-size: 0.76rem;
  line-height: 1.35;
}
[data-page-template='article'] .sf-article-faq {
  background: var(--sp-neutral-subtle);
}
[data-page-template='article'] .sf-article-faq > .ds-container {
  max-inline-size: 82rem;
}
[data-page-template='article'] .sf-faq-layout {
  display: grid;
  grid-template-columns: minmax(14rem, 0.6fr) minmax(0, 1.4fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: start;
}
[data-page-template='article'] .sf-faq-layout .ds-section-intro {
  position: sticky;
  inset-block-start: 7rem;
}

/* Unified evidence bands use the brighter homepage lavender treatment on every route. */
html[data-theme='spartan'] main .ds-section-shell.ds-stats {
  background: var(--sp-neutral-strong) !important;
  background-image: none !important;
  color: var(--sp-neutral-ink) !important;
  border-block: 0 !important;
}
html[data-theme='spartan'] main .ds-section-shell.ds-stats .ds-section-intro .ds-heading,
html[data-theme='spartan'] main .ds-section-shell.ds-stats .ds-stat-item dd > .ds-heading,
html[data-theme='spartan'] main .ds-section-shell.ds-stats .ds-stat-item dd > strong {
  color: var(--sp-neutral-muted) !important;
}
html[data-theme='spartan'] main .ds-section-shell.ds-stats .ds-stat-item dt,
html[data-theme='spartan'] main .ds-section-shell.ds-stats .ds-stat-item dt .ds-text,
html[data-theme='spartan'] main .ds-section-shell.ds-stats .ds-tone-muted {
  color: var(--sp-neutral-ink) !important;
}
html[data-theme='spartan'] main .ds-section-shell.ds-stats .ds-stat-item dd > .ds-text {
  color: var(--sp-neutral-muted) !important;
}

/* Contact location pairs editorial details with a browser-lazy real Google Map. */
.sf-location-layout {
  display: grid;
  grid-template-columns: minmax(18rem, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: stretch;
}
.sf-location-layout .ds-locations-section {
  min-inline-size: 0;
}
.sf-location-layout .ds-section-intro {
  margin-block-end: clamp(1.5rem, 3vw, 2.5rem);
}
.sf-location-layout .ds-m5-collection {
  grid-template-columns: 1fr;
}
.sf-location-card {
  min-block-size: 100%;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--sp-neutral-subtle) !important;
  border-block-start: 4px solid var(--spartan-dark-70);
}
.sf-map-shell {
  position: relative;
  display: grid;
  min-inline-size: 0;
  min-block-size: 32rem;
  margin: 0;
  overflow: hidden;
  background: var(--sp-neutral-strong);
  border: 1px solid var(--sp-neutral-border);
}
.sf-map-loading {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  margin: 0;
  padding: 2rem;
  color: var(--sp-neutral-muted);
  font-weight: 700;
  text-align: center;
}
.sf-map-loading[hidden] {
  display: none;
}
.sf-map-frame {
  position: relative;
  z-index: 1;
  display: block;
  inline-size: 100%;
  block-size: 100%;
  min-block-size: 32rem;
  background: var(--sp-neutral-strong);
  border: 0;
}
.sf-map-frame[hidden] {
  display: none;
}
.sf-map-shell noscript {
  display: block;
  min-block-size: 32rem;
}

/* Header keeps existing popover/mobile behavior while adding hubs and one fixed Agencija link. */
html[data-theme='spartan'] .ds-site-navigation-panel [data-navigation-panel-header='true'] {
  min-block-size: 3rem;
  justify-content: flex-end;
  padding-block-end: 0.25rem;
  border-block-end: 0;
}
html[data-theme='spartan'] .ds-site-navigation-panel nav {
  padding-block-start: 0.25rem;
}
.ds-site-navigation-list {
  column-gap: clamp(0.35rem, 0.9vw, 1rem);
}
.ds-site-navigation-children .sf-nav-overview {
  border-block-end: 1px solid var(--sp-neutral-strong);
  padding-block-end: 0.35rem;
  margin-block-end: 0.35rem;
  font-weight: 780;
}
html[data-theme='spartan']
  .ds-site-navigation-list
  > .ds-site-navigation-item
  > a[aria-current='page'],
html[data-theme='spartan']
  .ds-site-navigation-children
  .ds-site-navigation-item
  > a[aria-current='page'] {
  color: var(--spartan-dark-70);
  box-shadow: none !important;
  background: transparent;
}
.ds-site-navigation-item > a {
  white-space: nowrap;
}

/* Expanded, square-edged footer with primary and service discovery. */
.ds-site-footer[data-feedback-footer='true'] {
  border-block-start: 1px solid var(--sp-neutral-border);
}
html[data-theme='spartan']
  .ds-site-footer[data-footer-restructured='true'][data-feedback-footer='true']
  .ds-site-footer-inner {
  display: block !important;
  max-inline-size: 86rem;
  padding-inline: clamp(1rem, 3vw, 2.25rem);
}
.sf-footer-grid {
  display: grid;
  inline-size: 100%;
  grid-template-columns: minmax(14rem, 1.2fr) minmax(9rem, 0.75fr) minmax(14rem, 1fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: start;
}
.sf-footer-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.sf-footer-brand p {
  max-inline-size: 36ch;
  margin: 0;
  color: var(--sp-neutral-muted);
  line-height: 1.55;
}
.sf-footer-heading {
  margin: 0 0 1rem;
  color: var(--sp-neutral-ink);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.sf-footer-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.65rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-footer-list a {
  color: var(--sp-neutral-muted);
  text-underline-offset: 0.2em;
}
html[data-theme='spartan']
  .ds-site-footer[data-footer-restructured='true'][data-feedback-footer='true']
  .sf-footer-list
  a,
html[data-theme='spartan']
  .ds-site-footer[data-footer-restructured='true'][data-feedback-footer='true']
  .sf-footer-brand
  p
  a,
html[data-theme='spartan']
  .ds-site-footer[data-footer-restructured='true'][data-feedback-footer='true']
  .sf-footer-bottom
  a {
  font-weight: 500;
}
.sf-footer-bottom {
  display: flex;
  inline-size: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  margin-block-start: clamp(2rem, 5vw, 4rem);
  padding-block-start: 1.5rem;
  border-block-start: 1px solid var(--sp-neutral-border);
}
.sf-footer-bottom p {
  margin: 0;
  color: var(--sp-neutral-muted);
}
.ds-site-footer[data-feedback-footer='true'] .ds-site-footer-social {
  margin: 0;
}
html[data-theme='spartan']
  .ds-site-footer[data-footer-restructured='true'][data-feedback-footer='true']
  .ds-site-logo {
  inline-size: 159px !important;
  block-size: 55px !important;
}

/* Global keyboard visibility for all new controls and links. */
.sf-section a:focus-visible,
.sf-section button:focus-visible,
.sf-breadcrumbs a:focus-visible,
.ds-site-footer[data-feedback-footer='true'] a:focus-visible {
  outline: 3px solid var(--spartan-blue);
  outline-offset: 4px;
}

/* Content lists remain typographic—not a stack of floating cards. */
.ds-block-list > .ds-m5-item {
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Article tables finish cleanly without a doubled bottom rule. */
.sf-article-body .ds-m5-table-region {
  border-block-end: 0 !important;
}
.sf-article-body .ds-m5-table tbody tr:last-child > * {
  border-block-end: 0 !important;
}

@media (min-width: 48.001rem) {
  [data-section-instance-id='spartan-feedback-profile-andrej-002'] .ds-m5-collection {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 68rem) {
  .sf-service-directory {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sf-logo-grid,
  html[data-theme='spartan'] main .sf-client-logo-grid,
  html[data-theme='spartan'] main .sf-client-logo-grid[data-logo-count='6'] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sf-grid--three,
  .sf-grid--four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sf-reference-intro,
  .sf-case-hero,
  .sf-profile-card,
  .sf-location-layout {
    grid-template-columns: 1fr;
  }
  .sf-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sf-footer-brand {
    grid-column: 1 / -1;
  }
  [data-page-template='article'] .sf-faq-layout {
    grid-template-columns: 1fr;
  }
  [data-page-template='article'] .sf-faq-layout .ds-section-intro {
    position: static;
  }
}
@media (max-width: 48rem) {
  .sf-service-directory {
    grid-template-columns: 1fr;
  }
  [data-theme='spartan'] main .ds-heading-h1,
  [data-theme='spartan'] main h1.ds-heading {
    font-size: clamp(2.25rem, 10vw, 2.75rem);
  }
  [data-theme='spartan'] main .ds-heading-h2,
  [data-theme='spartan'] main h2.ds-heading {
    font-size: clamp(1.8rem, 7.5vw, 2rem);
  }
  .sf-grid--two,
  .sf-grid--three,
  .sf-grid--four {
    grid-template-columns: 1fr;
  }
  .sf-logo-grid {
    grid-template-columns: 1fr;
  }
  .sf-logo-well {
    min-block-size: 8.5rem;
  }
  html[data-theme='spartan'] main .sf-client-logo-link {
    min-block-size: 8rem;
    padding: 1rem;
  }
  .sf-pending-metrics {
    grid-template-columns: 1fr;
  }
  .sf-pending-metric {
    border-inline-end: 0;
    border-block-end: 1px solid var(--sp-neutral-border);
  }
  .sf-pending-metric:last-child {
    border-block-end: 0;
  }
  [data-page-template='article'] .sf-article-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [data-page-template='article'] .sf-article-metrics > div:nth-child(2n) {
    border-inline-end: 0;
  }
  [data-page-template='article'] .sf-article-metrics > div:nth-child(n + 3) {
    border-block-start: 1px solid var(--sp-neutral-border);
  }
  .sf-footer-grid {
    grid-template-columns: 1fr;
  }
  .sf-footer-brand {
    grid-column: auto;
  }
  .sf-map-shell,
  .sf-map-frame {
    min-block-size: 22rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sf-section *,
  .sf-section *::before,
  .sf-section *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
  .sf-client-logo-link::after {
    transition: none;
  }
}
@media (forced-colors: active) {
  .sf-card,
  .sf-logo-grid,
  .sf-client-logo-grid,
  .sf-map-shell,
  .sf-case-logo,
  .sf-pending-metrics,
  .sf-placeholder-badge {
    border-color: CanvasText;
  }
  .sf-section a:focus-visible,
  .sf-section button:focus-visible {
    outline-color: Highlight;
  }
}

/* Spartan Agency single semantic theme authority — V26, 2026-08-28. */
html[data-theme='spartan'] {
  --spartan-light-10: #e6f6fa;
  --spartan-light-20: #ccedf5;
  --spartan-light-30: #b3e5ef;
  --spartan-light-40: #99dcea;
  --spartan-light-50: #80d3e5;
  --spartan-light-60: #66cae0;
  --spartan-light-70: #4dc1db;
  --spartan-light-80: #33b9d5;
  --spartan-light-90: #19b0d0;
  --spartan-blue: #00a7cb;
  --spartan-dark-90: #0096b7;
  --spartan-dark-80: #0086a2;
  --spartan-dark-70: #00758e;
  --spartan-dark-60: #00647a;
  --spartan-dark-50: #005466;
  --spartan-dark-40: #004351;
  --spartan-dark-30: #00323d;
  --spartan-dark-20: #002129;
  --spartan-dark-10: #001114;
  --sp-neutral-canvas: color-mix(in srgb, #000000 3%, #ffffff);
  --sp-neutral-surface: #ffffff;
  --sp-neutral-subtle: color-mix(in srgb, #000000 5%, #ffffff);
  --sp-neutral-strong: color-mix(in srgb, #000000 8%, #ffffff);
  --sp-neutral-border: color-mix(in srgb, #000000 15%, #ffffff);
  --sp-neutral-border-strong: color-mix(in srgb, #000000 45%, #ffffff);
  --sp-neutral-ink: color-mix(in srgb, #000000 88%, #ffffff);
  --sp-neutral-muted: color-mix(in srgb, #000000 62%, #ffffff);
  --sp-role-brand-logo: var(--spartan-blue);
  --sp-role-heading-accent: var(--spartan-dark-90);
  --sp-role-action-primary: var(--spartan-dark-70);
  --sp-role-action-hover: var(--spartan-dark-60);
  --sp-role-action-active: var(--spartan-dark-50);
  --sp-role-action-text: #ffffff;
  --sp-role-link: var(--spartan-dark-60);
  --sp-role-link-hover: var(--spartan-dark-50);
  --sp-role-focus: var(--spartan-dark-70);
  --sp-role-inverse-accent: var(--spartan-light-80);
  --sp-role-dark-start: var(--spartan-dark-10);
  --sp-role-dark-middle: var(--spartan-dark-20);
  --sp-role-dark-end: var(--spartan-dark-30);
  --sp-role-dark-action: #ffffff;
  --sp-role-dark-action-hover: var(--spartan-light-10);
  --sp-role-dark-action-text: var(--spartan-dark-30);
  --sp-role-evidence-surface: var(--spartan-dark-30);
  --sp-role-evidence-heading: #ffffff;
  --sp-role-evidence-text: var(--spartan-light-20);
  --sp-role-evidence-border: var(--spartan-dark-40);
  --sp-role-inverse-form-panel: var(--spartan-dark-50);
  --sp-role-inverse-form-panel-border: var(--spartan-dark-70);
  --sp-role-inverse-form-action: var(--spartan-light-10);
  --sp-role-inverse-form-action-hover: var(--spartan-light-20);
  --sp-role-inverse-form-action-active: var(--spartan-light-30);
  --sp-role-inverse-form-action-text: var(--spartan-dark-30);
  --v10-purple: var(--sp-role-heading-accent);
  --v10-purple-ink: var(--sp-role-link);
  --v10-purple-dark: var(--sp-role-link-hover);
  --v10-purple-deep: var(--spartan-dark-30);
  --v10-lavender: var(--sp-neutral-strong);
  --v10-lavender-faint: var(--sp-neutral-subtle);
  --v10-paper: var(--sp-neutral-surface);
  --v10-navy: var(--sp-role-dark-middle);
  --v10-navy-deep: var(--sp-role-dark-start);
  --v10-cyan: var(--sp-role-brand-logo);
  --v10-cyan-ink: var(--spartan-dark-60);
  --ds-color-action-primary: var(--sp-role-action-primary) !important;
  --ds-color-action-primary-hover: var(--sp-role-action-hover) !important;
  --ds-color-action-primary-text: var(--sp-role-action-text) !important;
  --ds-color-accent-foreground: var(--sp-role-link) !important;
  --ds-color-accent-foreground-inverse: var(--sp-role-inverse-accent) !important;
  --ds-color-accent-surface: var(--sp-neutral-subtle) !important;
  --ds-color-border-default: var(--sp-neutral-border) !important;
  --ds-color-border-strong: var(--sp-neutral-border-strong) !important;
  --ds-color-canvas: var(--sp-neutral-canvas) !important;
  --ds-color-focus: var(--sp-role-focus) !important;
  --ds-color-surface-brand: var(--sp-role-dark-middle) !important;
  --ds-color-surface-default: var(--sp-neutral-surface) !important;
  --ds-color-surface-inverse: var(--sp-role-dark-start) !important;
  --ds-color-surface-raised: #ffffff !important;
  --ds-color-surface-subtle: var(--sp-neutral-subtle) !important;
  --ds-color-text-default: var(--sp-neutral-ink) !important;
  --ds-color-text-muted: var(--sp-neutral-muted) !important;
  --ds-color-text-on-brand: #ffffff !important;
  --ds-color-text-on-inverse: #ffffff !important;
  --ds-surface-context-default-action: var(--sp-role-action-primary) !important;
  --ds-surface-context-default-action-hover: var(--sp-role-action-hover) !important;
  --ds-surface-context-default-action-text: var(--sp-role-action-text) !important;
  --ds-surface-context-default-background: var(--sp-neutral-surface) !important;
  --ds-surface-context-default-border: var(--sp-neutral-border) !important;
  --ds-surface-context-default-muted: var(--sp-neutral-muted) !important;
  --ds-surface-context-default-text: var(--sp-neutral-ink) !important;
  --ds-surface-context-raised-action: var(--sp-role-action-primary) !important;
  --ds-surface-context-raised-action-hover: var(--sp-role-action-hover) !important;
  --ds-surface-context-raised-action-text: var(--sp-role-action-text) !important;
  --ds-surface-context-raised-background: #ffffff !important;
  --ds-surface-context-raised-border: var(--sp-neutral-border) !important;
  --ds-surface-context-raised-muted: var(--sp-neutral-muted) !important;
  --ds-surface-context-raised-text: var(--sp-neutral-ink) !important;
  --ds-surface-context-subtle-action: var(--sp-role-action-primary) !important;
  --ds-surface-context-subtle-action-hover: var(--sp-role-action-hover) !important;
  --ds-surface-context-subtle-action-text: var(--sp-role-action-text) !important;
  --ds-surface-context-subtle-background: var(--sp-neutral-subtle) !important;
  --ds-surface-context-subtle-border: var(--sp-neutral-border) !important;
  --ds-surface-context-subtle-muted: var(--sp-neutral-muted) !important;
  --ds-surface-context-subtle-text: var(--sp-neutral-ink) !important;
  --ds-surface-context-brand-action: var(--sp-role-dark-action) !important;
  --ds-surface-context-brand-action-hover: var(--sp-role-dark-action-hover) !important;
  --ds-surface-context-brand-action-text: var(--sp-role-dark-action-text) !important;
  --ds-surface-context-brand-background: var(--sp-role-dark-middle) !important;
  --ds-surface-context-brand-border: var(--spartan-light-80) !important;
  --ds-surface-context-brand-muted: var(--spartan-light-20) !important;
  --ds-surface-context-brand-text: #ffffff !important;
  --ds-surface-context-inverse-action: var(--sp-role-dark-action) !important;
  --ds-surface-context-inverse-action-hover: var(--sp-role-dark-action-hover) !important;
  --ds-surface-context-inverse-action-text: var(--sp-role-dark-action-text) !important;
  --ds-surface-context-inverse-background: var(--sp-role-dark-start) !important;
  --ds-surface-context-inverse-border: var(--spartan-light-80) !important;
  --ds-surface-context-inverse-muted: var(--spartan-light-20) !important;
  --ds-surface-context-inverse-text: #ffffff !important;
}

html[data-theme='spartan'] .ds-site-header {
  position: sticky;
  inset-block-start: 0;
  z-index: 80;
  background: rgb(255 255 255 / 0.96);
}
html[data-theme='spartan'] .ds-site-header .ds-site-logo {
  inline-size: 8.25rem;
  block-size: auto;
}
html[data-theme='spartan'] .ds-site-footer .ds-site-logo {
  inline-size: 9.9375rem;
  block-size: auto;
}
html[data-theme='spartan'] {
  scroll-padding-block-start: 6.5rem;
}
html[data-theme='spartan'] main [id] {
  scroll-margin-block-start: 6.5rem;
}

.sf-skip-link {
  position: fixed;
  inset-block-start: 0.75rem;
  inset-inline-start: 0.75rem;
  z-index: 200;
  padding: 0.75rem 1rem;
  border: 2px solid #ffffff;
  background: var(--spartan-dark-10);
  color: #ffffff !important;
  font-weight: 800;
  text-decoration: none;
  transform: translateY(calc(-100% - 2rem));
  transition: transform 130ms ease;
}
.sf-skip-link:focus-visible {
  outline: 3px solid var(--sp-role-brand-logo);
  outline-offset: 2px;
  transform: translateY(0);
}

html[data-theme='spartan'] :where(main, .ds-site-footer) a[href]:not(.ds-action) {
  color: var(--sp-role-link);
}
html[data-theme='spartan']
  :where(main, .ds-site-footer)
  a[href]:not(.ds-action):is(:hover, :focus-visible) {
  color: var(--sp-role-link-hover);
}
html[data-theme='spartan']
  :is(.ds-surface-inverse, .ds-surface-brand, .sf-surface-ink)
  a[href]:not(.ds-action) {
  color: var(--spartan-light-80);
}
html[data-theme='spartan']
  :is(.ds-surface-inverse, .ds-surface-brand, .sf-surface-ink)
  a[href]:not(.ds-action):is(:hover, :focus-visible) {
  color: var(--spartan-light-60);
}
html[data-theme='spartan']
  :is(
    .ds-inline-link,
    .sf-text-link,
    .sf-card-link,
    .sf-service-card__link,
    .sf-blog-title-link,
    .sf-logo-card__case-link,
    .sf-logo-card__external
  ) {
  text-decoration-color: currentColor;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.22em;
}
html[data-theme='spartan'] .ds-inline-link {
  text-decoration-line: underline;
}
html[data-theme='spartan'] .ds-action-primary {
  border-color: var(--sp-role-action-primary) !important;
  background: var(--sp-role-action-primary) !important;
  color: var(--sp-role-action-text) !important;
}
html[data-theme='spartan'] .ds-action-primary:hover {
  background: var(--sp-role-action-hover) !important;
}
html[data-theme='spartan'] .ds-action-primary:active {
  background: var(--sp-role-action-active) !important;
}
html[data-theme='spartan'] :is(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--sp-role-focus) !important;
  outline-offset: 3px !important;
}
html[data-theme='spartan']
  :is(.ds-surface-inverse, .ds-surface-brand, .sf-surface-ink)
  :is(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline-color: #ffffff !important;
  box-shadow: 0 0 0 6px var(--spartan-blue);
}
html[data-theme='spartan'] .ds-action-primary:focus-visible {
  outline-color: #ffffff !important;
  box-shadow: 0 0 0 6px var(--spartan-dark-30);
}

html[data-theme='spartan']
  :is(
    [data-section-instance-id='spartan-c6-home-services-004'] .ds-c6-collection,
    .sf-service-directory,
    .sf-logo-grid,
    [data-section-id='preview.blog-list'] .sf-grid,
    .ds-team-grid-section[data-variant='cards'] .ds-c6-collection
  ) {
  grid-auto-rows: 1fr;
  align-items: stretch;
}
html[data-theme='spartan']
  :is(
    [data-section-instance-id='spartan-c6-home-services-004'] .ds-feature-item,
    .sf-service-card,
    .sf-logo-card,
    .sf-blog-card,
    .ds-team-grid-section[data-variant='cards'] .ds-c6-person
  ) {
  block-size: 100%;
}
html[data-theme='spartan'] .sf-blog-card > .sf-card__body {
  display: flex;
  block-size: 100%;
  flex-direction: column;
}
html[data-theme='spartan'] .sf-blog-card .sf-blog-title-link {
  color: var(--sp-role-link);
}
html[data-theme='spartan'] .sf-blog-card .sf-blog-card__excerpt {
  flex: 1;
}
html[data-theme='spartan'] main .ds-c6-person:has(.ds-standalone-link) .ds-heading a {
  color: var(--sp-role-link) !important;
}
html[data-theme='spartan']
  main
  .ds-c6-person:has(.ds-standalone-link):is(:hover, :focus-within)
  .ds-heading
  a {
  color: var(--sp-role-link) !important;
  text-decoration-line: underline !important;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.2em;
}
html[data-theme='spartan']
  main
  :is(.ds-surface-brand, .ds-surface-inverse, .sf-surface-ink)
  .ds-c6-person:has(.ds-standalone-link)
  .ds-heading
  a,
html[data-theme='spartan']
  main
  :is(.ds-surface-brand, .ds-surface-inverse, .sf-surface-ink)
  .ds-c6-person:has(.ds-standalone-link):is(:hover, :focus-within)
  .ds-heading
  a {
  color: var(--sp-role-inverse-accent) !important;
}

.sf-standalone-phone,
.sf-agency-phones {
  margin-block: 0.75rem 0;
  font-weight: 700;
}
.sf-agency-phones {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 1.25rem;
  padding: 0;
  list-style: none;
}
.sf-footer-phones {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 1rem;
  margin-block-start: 0.75rem;
  padding: 0;
  list-style: none;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-home-contact-010']
  [data-contact-benefits] {
  row-gap: 1rem !important;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-home-contact-010']
  [data-contact-benefits]
  > .ds-m5-item {
  padding-block: 0.4rem;
}
@media (min-width: 42.01rem) {
  html[data-theme='spartan']
    [data-section-instance-id='spartan-c6-kontakt-002']
    [data-field-name='telefon'] {
    grid-column: auto !important;
  }
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-development-13-contact-form']
  .ds-m5-content {
  display: grid !important;
  grid-template-columns: minmax(16rem, 0.8fr) minmax(0, 1.65fr) !important;
  grid-template-areas:
    'intro form'
    'agency form' !important;
  align-items: start;
  gap: 1.25rem 3rem !important;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-development-13-contact-form']
  .ds-m5-item-body {
  grid-area: intro;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-development-13-contact-form']
  [data-form-panel] {
  grid-area: form;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-development-13-contact-form']
  .ds-m5-form-aside {
  grid-area: agency !important;
  grid-column: auto !important;
  margin: 0 !important;
  padding: 0.75rem 0 0 !important;
}

@media (max-width: 48rem) {
  html[data-theme='spartan'] :is(#home-reference-carousel, #home-team-carousel) {
    display: grid !important;
    grid-template-columns: none !important;
    grid-auto-flow: column;
    grid-auto-columns: min(84vw, 22rem);
    grid-auto-rows: 1fr;
    gap: 1rem !important;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding-block-end: 0.75rem;
    scroll-padding-inline: 0.25rem;
    scroll-snap-type: inline mandatory;
    scrollbar-width: thin;
  }
  html[data-theme='spartan'] :is(#home-reference-carousel, #home-team-carousel) > * {
    block-size: 100%;
    scroll-snap-align: start;
  }
}

html[data-theme='spartan'] .sf-blog-card {
  display: grid;
  grid-template-rows: auto 1fr;
}
html[data-theme='spartan'] .sf-blog-card::before {
  display: block;
  aspect-ratio: 16 / 9;
  border-block-end: 1px solid var(--sp-neutral-border);
  background:
    linear-gradient(135deg, rgb(0 17 20 / 0.08), rgb(0 167 203 / 0.22)),
    url('/media/spartan-news-placeholder-1600x900.ceb147c3609d.webp') center / cover no-repeat;
  content: '';
}
html[data-theme='spartan'] .sf-level3-hero[data-section-id='template.article-header'] {
  background:
    linear-gradient(
      90deg,
      rgb(0 17 20 / 0.97) 0%,
      rgb(0 33 41 / 0.94) 58%,
      rgb(0 50 61 / 0.9) 100%
    ),
    url('/media/spartan-news-placeholder-1600x900.ceb147c3609d.webp') center / cover no-repeat !important;
  color: #ffffff;
}
html[data-theme='spartan']
  .sf-level3-hero[data-section-id='template.article-header']
  :is(.ds-heading, .ds-tone-default) {
  color: #ffffff !important;
}
html[data-theme='spartan']
  .sf-level3-hero[data-section-id='template.article-header']
  :is(.ds-tone-muted, .sf-breadcrumbs, .sf-breadcrumbs a) {
  color: var(--spartan-light-20) !important;
}
html[data-theme='spartan'] .sf-level3-hero[data-section-id='template.article-header'] .ds-eyebrow {
  color: var(--spartan-light-80) !important;
}
html[data-theme='spartan'] .sf-article-body .ds-c6-article-body-content > h2 {
  max-inline-size: none !important;
  font-size: clamp(1.65rem, 2.4vw, 2.2rem) !important;
  line-height: 1.2;
  text-wrap: pretty;
}
html[data-theme='spartan'] .ds-m5-table-region {
  border: 1px solid var(--spartan-dark-70) !important;
  background: #ffffff;
  scrollbar-color: var(--spartan-dark-70) var(--sp-neutral-subtle);
}
html[data-theme='spartan'] .ds-m5-table {
  border-collapse: collapse;
}
html[data-theme='spartan'] .ds-m5-table thead {
  background: var(--spartan-dark-30) !important;
  color: #ffffff !important;
}
html[data-theme='spartan'] .ds-m5-table thead th {
  border-color: var(--spartan-dark-70) !important;
  color: #ffffff !important;
}
html[data-theme='spartan'] .ds-m5-table tbody tr:nth-child(even) {
  background: var(--sp-neutral-subtle);
}
html[data-theme='spartan'] .ds-m5-table tbody :is(th, td) {
  border-color: var(--sp-neutral-border) !important;
}

@media (max-width: 58rem) {
  html[data-theme='spartan']
    [data-section-instance-id='spartan-development-13-contact-form']
    .ds-m5-content {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: 'intro' 'agency' 'form' !important;
    gap: 1.25rem !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sf-skip-link {
    transition: none;
  }
  html[data-theme='spartan'] :is(#home-reference-carousel, #home-team-carousel) {
    scroll-behavior: auto !important;
  }
}

html[data-theme='spartan']
  .ds-team-grid-section[data-variant='cards']
  .ds-c6-person:has(.ds-standalone-link) {
  border: 1px solid transparent !important;
}
html[data-theme='spartan'] .ds-team-grid-section > .ds-container > .sf-standalone-phone {
  text-align: center;
}

/* V26 semantic component recipes; no page-instance color exceptions. */
html[data-theme='spartan'] :is(.sf-surface-default) {
  background: var(--sp-neutral-surface);
  color: var(--sp-neutral-ink);
}
html[data-theme='spartan'] :is(.sf-surface-subtle, .sf-surface-lavender) {
  background: var(--sp-neutral-subtle);
  color: var(--sp-neutral-ink);
}
html[data-theme='spartan'] :is(.sf-surface-ink, .sf-logo-well--dark) {
  background: var(--sp-role-dark-middle);
  color: #ffffff;
}
html[data-theme='spartan'] main .sf-client-logo-item--dark .sf-client-logo-link {
  background: var(--sp-role-dark-middle);
}
html[data-theme='spartan'] .ds-site-footer[data-footer-restructured='true'] {
  background: var(--sp-neutral-subtle) !important;
  border-block-start-color: rgb(0 117 142 / 0.1);
}
html[data-theme='spartan'] .ds-hero-centered.ds-surface-default,
html[data-theme='spartan'] .ds-hero-split.ds-surface-default {
  background:
    radial-gradient(circle at 84% 12%, rgb(0 117 142 / 0.04), transparent 31rem),
    linear-gradient(
      145deg,
      var(--sp-neutral-surface) 0%,
      var(--sp-neutral-canvas) 56%,
      var(--sp-neutral-subtle) 100%
    );
  border-block-end-color: rgb(0 117 142 / 0.1);
}
html[data-theme='spartan'] .ds-hero-title-accent {
  color: var(--sp-role-heading-accent) !important;
}
html[data-theme='spartan'] .ds-action .ds-icon {
  color: currentColor !important;
}
html[data-theme='spartan'] .ds-section-shell.ds-surface-inverse,
html[data-theme='spartan'] .ds-section-shell.ds-surface-brand,
html[data-theme='spartan'] [data-section-id='content.process'],
html[data-theme='spartan'] .ds-section-shell.ds-stats {
  background:
    radial-gradient(circle at 88% 10%, rgb(51 185 213 / 0.05), transparent 30rem),
    linear-gradient(
      145deg,
      var(--sp-role-dark-start),
      var(--sp-role-dark-middle) 64%,
      var(--sp-role-dark-end)
    ) !important;
  background-image:
    radial-gradient(circle at 88% 10%, rgb(51 185 213 / 0.05), transparent 30rem),
    linear-gradient(
      145deg,
      var(--sp-role-dark-start),
      var(--sp-role-dark-middle) 64%,
      var(--sp-role-dark-end)
    ) !important;
}
html[data-theme='spartan']
  main
  :is(.ds-surface-brand, .ds-surface-inverse, .sf-surface-ink)
  .ds-action.ds-action-primary {
  border-color: var(--sp-role-dark-action) !important;
  background: var(--sp-role-dark-action) !important;
  color: var(--sp-role-dark-action-text) !important;
}
html[data-theme='spartan']
  main
  :is(.ds-surface-brand, .ds-surface-inverse, .sf-surface-ink)
  .ds-action.ds-action-primary:hover {
  background: var(--sp-role-dark-action-hover) !important;
  color: var(--sp-role-dark-action-text) !important;
}
html[data-theme='spartan']
  main
  :is(.ds-surface-brand, .ds-surface-inverse, .sf-surface-ink)
  .ds-action.ds-action-primary:active {
  background: var(--spartan-light-20) !important;
  color: var(--sp-role-dark-action-text) !important;
}
html[data-theme='spartan']
  main
  :is(.ds-surface-brand, .ds-surface-inverse, .sf-surface-ink)
  .ds-action.ds-action-primary:focus-visible {
  outline-color: var(--sp-role-inverse-accent) !important;
  box-shadow: 0 0 0 6px #ffffff;
}
html[data-theme='spartan']
  main
  [data-section-id='contact.form']
  [data-form-panel]
  button[type='submit'].ds-action.ds-action-primary {
  border: 2px solid #ffffff !important;
  background: var(--sp-role-action-primary) !important;
  color: var(--sp-role-action-text) !important;
}
html[data-theme='spartan']
  main
  [data-section-id='contact.form']
  [data-form-panel]
  button[type='submit'].ds-action.ds-action-primary:hover {
  background: var(--sp-role-action-hover) !important;
  color: var(--sp-role-action-text) !important;
}
html[data-theme='spartan']
  main
  [data-section-id='contact.form']
  [data-form-panel]
  button[type='submit'].ds-action.ds-action-primary:active {
  background: var(--sp-role-action-active) !important;
  color: var(--sp-role-action-text) !important;
}
html[data-theme='spartan'] .sf-level3-hero[data-section-id='template.article-header'] {
  background-color: var(--sp-role-dark-start) !important;
}
html[data-theme='spartan'] .sf-level3-hero[data-section-id='template.article-header'] .ds-eyebrow {
  background: #ffffff !important;
  color: var(--sp-role-link-hover) !important;
}
html[data-theme='spartan']
  .sf-level3-hero[data-section-id='template.article-header']
  :is(a[href], .sf-breadcrumbs a) {
  color: var(--sp-role-inverse-accent) !important;
}
html[data-theme='spartan']
  .sf-level3-hero[data-section-id='template.article-header']
  :is(a[href], .sf-breadcrumbs a):is(:hover, :focus-visible) {
  color: var(--spartan-light-60) !important;
}

/* Native anchor navigation is smooth while reduced-motion users keep immediate movement. */
html[data-theme='spartan'] {
  scroll-behavior: smooth;
  scroll-padding-block-start: 6rem;
}
@media (prefers-reduced-motion: reduce) {
  html[data-theme='spartan'] {
    scroll-behavior: auto;
  }
}

/* V26 relative-color restoration: keep the approved palette while preserving V22 luminance hierarchy. */
html[data-theme='spartan'] main [data-section-id='trust.stats'].ds-section-shell.ds-stats {
  background: var(--sp-role-evidence-surface) !important;
  background-image: none !important;
  color: var(--sp-role-evidence-text) !important;
  border-block-color: var(--sp-role-evidence-border) !important;
}
html[data-theme='spartan']
  main
  [data-section-id='trust.stats'].ds-section-shell.ds-stats
  .ds-section-intro
  .ds-heading,
html[data-theme='spartan']
  main
  [data-section-id='trust.stats'].ds-section-shell.ds-stats
  .ds-stat-item
  dd
  > .ds-heading {
  color: var(--sp-role-evidence-heading) !important;
}
html[data-theme='spartan']
  main
  [data-section-id='trust.stats'].ds-section-shell.ds-stats
  .ds-stat-item
  dt
  .ds-tone-muted,
html[data-theme='spartan']
  main
  [data-section-id='trust.stats'].ds-section-shell.ds-stats
  .ds-stat-item
  dt
  .ds-text {
  color: var(--sp-role-evidence-text) !important;
}
html[data-theme='spartan'] main [data-section-id='contact.form'] [data-form-panel] {
  background: var(--sp-role-inverse-form-panel) !important;
  background-image: none !important;
  border-color: var(--sp-role-inverse-form-panel-border) !important;
  color: #ffffff !important;
}
html[data-theme='spartan']
  main
  [data-section-id='contact.form']
  [data-form-panel]
  button[type='submit'].ds-action.ds-action-primary {
  border-color: var(--sp-role-inverse-form-action) !important;
  background: var(--sp-role-inverse-form-action) !important;
  color: var(--sp-role-inverse-form-action-text) !important;
}
html[data-theme='spartan']
  main
  [data-section-id='contact.form']
  [data-form-panel]
  button[type='submit'].ds-action.ds-action-primary:hover {
  background: var(--sp-role-inverse-form-action-hover) !important;
  color: var(--sp-role-inverse-form-action-text) !important;
}
html[data-theme='spartan']
  main
  [data-section-id='contact.form']
  [data-form-panel]
  button[type='submit'].ds-action.ds-action-primary:active {
  background: var(--sp-role-inverse-form-action-active) !important;
  color: var(--sp-role-inverse-form-action-text) !important;
}

/* Whole-card service and team links share underline-only hover/focus feedback. */
html[data-theme='spartan'] main a.ds-feature-item[href] .ds-heading,
html[data-theme='spartan'] main a.ds-feature-item[href]:is(:hover, :focus-visible) .ds-heading {
  color: var(--sp-neutral-ink) !important;
}
html[data-theme='spartan'] main a.ds-feature-item[href]:is(:hover, :focus-visible) .ds-heading {
  text-decoration-line: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.2em;
}

/* Article-image overlays keep the complete breadcrumb trail readable in white. */
html[data-theme='spartan']
  main
  .sf-level3-hero[data-section-id='template.article-header']
  .sf-breadcrumbs,
html[data-theme='spartan']
  main
  .sf-level3-hero[data-section-id='template.article-header']
  .sf-breadcrumbs
  :is(a, [aria-current='page'], .sf-breadcrumb-separator),
html[data-theme='spartan']
  main
  .sf-level3-hero[data-section-id='template.article-header']
  .sf-breadcrumbs
  a:is(:hover, :focus-visible) {
  color: #ffffff !important;
}

/* Article support blocks use restrained Agency Blue accents instead of neutral gray slabs. */
html[data-theme='spartan']
  [data-page-template='article']
  .ds-c6-article-body-content
  .ds-card-tinted {
  border: 0 !important;
  border-inline-start: 0.3rem solid var(--sp-role-action-primary) !important;
  background: var(--spartan-light-10) !important;
  color: var(--sp-neutral-ink) !important;
}
html[data-theme='spartan']
  [data-page-template='article']
  .ds-c6-article-body-content
  .ds-card-tinted
  strong:first-child {
  color: var(--spartan-dark-50) !important;
}
html[data-theme='spartan'] [data-page-template='article'] .sf-article-metrics {
  border-block: 2px solid var(--sp-role-action-primary) !important;
  background: #ffffff !important;
}
html[data-theme='spartan'] [data-page-template='article'] .sf-article-metrics > div {
  border-color: var(--spartan-light-20) !important;
  background: #ffffff !important;
}
html[data-theme='spartan'] [data-page-template='article'] .sf-article-metrics dd strong {
  color: var(--spartan-dark-70) !important;
}
html[data-theme='spartan'] [data-page-template='article'] .sf-article-metrics dd span {
  color: var(--spartan-dark-60) !important;
}

/* Contact-benefit checks have balanced inset and true vertical centering. */
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-home-contact-010']
  [data-contact-benefits]
  > .ds-m5-item {
  padding: 0.75rem 1rem 0.75rem 3rem !important;
}
html[data-theme='spartan']
  [data-section-instance-id='spartan-c6-home-contact-010']
  [data-contact-benefits]
  > .ds-m5-item::before {
  inset-block-start: 50%;
  inset-inline-start: 1rem;
  transform: translateY(-50%);
}

/* Hero CTA hierarchy: white primary action plus a text-only secondary action. */
html[data-theme='spartan']
  main
  :is(.ds-hero-centered, .ds-hero-split, .sf-level3-hero)
  .ds-action.ds-action-primary {
  border-color: var(--spartan-light-20) !important;
  background: #ffffff !important;
  color: var(--spartan-dark-50) !important;
  box-shadow: 0 0.75rem 1.8rem rgb(0 50 61 / 0.14) !important;
}
html[data-theme='spartan']
  main
  :is(.ds-hero-centered, .ds-hero-split, .sf-level3-hero)
  .ds-action.ds-action-primary:hover {
  background: var(--spartan-light-10) !important;
  color: var(--spartan-dark-30) !important;
}
html[data-theme='spartan']
  main
  :is(.ds-hero-centered, .ds-hero-split, .sf-level3-hero)
  .ds-action.ds-action-primary:active {
  background: var(--spartan-light-20) !important;
  color: var(--spartan-dark-30) !important;
}
html[data-theme='spartan']
  main
  :is(.ds-hero-centered, .ds-hero-split, .sf-level3-hero)
  .ds-action.ds-action-secondary,
html[data-theme='spartan']
  main
  :is(.ds-hero-centered, .ds-hero-split, .sf-level3-hero)
  .ds-action.ds-action-secondary:is(:hover, :active) {
  border-color: transparent !important;
  background: transparent !important;
  color: var(--spartan-dark-50) !important;
  box-shadow: none !important;
}
html[data-theme='spartan']
  main
  :is(.ds-hero-centered, .ds-hero-split, .sf-level3-hero)
  .ds-action.ds-action-secondary:is(:hover, :focus-visible)
  .ds-section-action-label {
  text-decoration-line: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.2em;
}

.sf-location-phones {
  display: grid;
  gap: 0.3rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sf-form-direct-contact {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 3rem;
  margin-block-start: 1.5rem;
  padding-block-start: 1.25rem;
  border-block-start: 1px solid var(--spartan-light-50);
  color: #ffffff;
}
.sf-form-direct-contact p {
  display: grid;
  gap: 0.35rem;
  margin: 0;
}
.sf-form-direct-contact p > span:first-child {
  color: var(--spartan-light-20);
  font-size: 0.875rem;
}
.sf-form-direct-contact a,
.sf-form-direct-contact a:is(:hover, :focus-visible) {
  color: #ffffff !important;
  font-weight: 700;
  text-decoration-line: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.2em;
}
.sf-form-direct-contact__phones {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1rem;
}

.sf-carousel-shell {
  display: contents;
}
@media (max-width: 48rem) {
  .sf-carousel-shell {
    position: relative;
    display: block;
  }
  html[data-theme='spartan']
    .sf-carousel-shell
    > :is(#home-reference-carousel, #home-team-carousel) {
    grid-auto-columns: 100% !important;
    gap: 1rem !important;
    padding-block-end: 0;
    scroll-padding-inline: 0;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  html[data-theme='spartan']
    .sf-carousel-shell
    > :is(#home-reference-carousel, #home-team-carousel)::-webkit-scrollbar {
    display: none;
  }
  html[data-theme='spartan']
    .sf-carousel-shell
    > :is(#home-reference-carousel, #home-team-carousel)
    > * {
    position: relative;
    overflow: hidden;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
  html[data-theme='spartan']
    .sf-carousel-shell
    > :is(#home-reference-carousel, #home-team-carousel)
    > .sf-carousel-progressing::after {
    position: absolute;
    z-index: 4;
    inset-inline: 0;
    inset-block-end: 0;
    block-size: 0.25rem;
    background: var(--sp-role-brand-logo);
    content: '';
    pointer-events: none;
    transform: scaleX(0);
    transform-origin: left center;
    animation: sf-carousel-progress var(--sf-carousel-duration, 3000ms) linear both;
  }
  .sf-carousel-shell.sf-carousel-paused .sf-carousel-progressing::after {
    animation-play-state: paused !important;
  }
}

@keyframes sf-carousel-progress {
  to {
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sf-carousel-progressing::after {
    content: none !important;
    animation: none !important;
  }
}

/* V27 mobile offer-grid correction: readable full-width cards, then tablet and desktop columns. */
@container (max-width: 47.999rem) {
  html[data-theme="spartan"]
    [data-section-instance-id="spartan-development-07-conversion-offer-grid"]
    .ds-offer-grid-collection {
    grid-template-columns: minmax(0, 1fr) !important;
    inline-size: 100%;
    max-inline-size: 100%;
    gap: 1rem !important;
    overflow: visible;
  }
  html[data-theme="spartan"]
    [data-section-instance-id="spartan-development-07-conversion-offer-grid"]
    .ds-offer-grid-offer {
    inline-size: 100%;
    min-inline-size: 0;
    max-inline-size: 100%;
    padding: 1.25rem !important;
  }
  html[data-theme="spartan"]
    [data-section-instance-id="spartan-development-07-conversion-offer-grid"]
    .ds-offer-grid-badge {
    inline-size: fit-content;
    max-inline-size: 100%;
    white-space: normal;
  }
}

@container (min-width: 48rem) and (max-width: 63.999rem) {
  html[data-theme="spartan"]
    [data-section-instance-id="spartan-development-07-conversion-offer-grid"]
    .ds-offer-grid-collection {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@container (min-width: 64rem) {
  html[data-theme="spartan"]
    [data-section-instance-id="spartan-development-07-conversion-offer-grid"]
    .ds-offer-grid-collection {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}