.spv-service-landing {
  --landing-ink: #17243b;
  --landing-blue: #084bff;
  --landing-ground: #f2f5fc;
  --landing-inverse: #0c2147;
  --landing-space: clamp(64px, 7vw, 112px);
  color: var(--landing-ink);
}
.spv-service-landing .spv-commercial-container { width: min(1248px, calc(100% - 64px)); }
.spv-service-landing .spv-page-hero {
  display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  column-gap: 48px; align-items: center; padding-bottom: var(--landing-space);
}
.spv-service-landing .spv-page-hero h1 {
  grid-column: 1; margin: 0 0 24px; max-width: 17ch;
  font-size: clamp(36px, 4.6vw, 68px); line-height: 1.06; letter-spacing: -.035em; text-wrap: balance;
}
.spv-service-landing .spv-hero-copy { grid-column: 1; max-width: 56ch; font-size: 18px; line-height: 1.6; }
.spv-service-landing .spv-hero-copy p { max-width: none; }
.spv-service-landing .spv-hero-actions { grid-column: 1; margin-top: 28px; gap: 24px; }
.spv-service-landing .spv-hero-price { grid-column: 1; }
.spv-landing-hero-visual { grid-column: 2; grid-row: 1 / span 4; margin: 0; min-width: 0; align-self: center; display: grid; place-items: center; }
.spv-landing-hero-visual img { width: 100%; height: auto; max-height: 570px; object-fit: contain; }
.spv-landing-hero-context { grid-column: 1; max-width: 60ch; margin-top: 28px; font-size: 16px; line-height: 1.6; color: #556176; }
.spv-landing-hero-context p { margin: 0; }
.spv-service-landing .spv-page-layout { display: block; }
.spv-service-landing .spv-copy-content { max-width: none; min-width: 0; }
.spv-service-landing .spv-page-contents {
  position: static; display: flex; flex-direction: row; flex-wrap: wrap; gap: 16px 24px; width: 100%; max-height: none;
  overflow: visible; padding: 24px; margin-bottom: 48px; background: var(--landing-ground);
}
.spv-service-landing .spv-page-contents strong { display: none; }
.spv-service-landing .spv-page-contents a { flex: 1 1 160px; max-width: none; margin: 0; padding: 8px 0; color: var(--landing-ink); font-size: 15px; line-height: 1.45; }
.spv-service-landing .spv-copy-section { padding: 0; margin: 0 0 var(--landing-space); background: transparent; border-radius: 0; scroll-margin-top: 120px; }
.spv-service-landing .spv-copy-section h2 { margin: 0 0 28px; max-width: 24ch; font-size: clamp(28px, 3vw, 42px); line-height: 1.16; letter-spacing: -.025em; text-wrap: balance; }
.spv-service-landing .spv-copy-section h3 { font-size: 23px; line-height: 1.3; max-width: 40ch; }
.spv-service-landing .spv-copy-section p { max-width: 72ch; font-size: 18px; line-height: 1.65; margin: 0 0 20px; }
.spv-service-landing .spv-copy-section li { font-size: 18px; line-height: 1.6; }
.spv-service-landing .spv-landing-section--results { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); column-gap: 64px; align-items: start; }
.spv-landing-section--results > h2 { grid-column: 1; grid-row: 1 / span 4; }
.spv-landing-section--results > p, .spv-landing-section--results > ul { grid-column: 2; }
.spv-service-landing .spv-landing-section--results ul { list-style: none; padding: 0; margin: 12px 0 24px; display: grid; gap: 24px; }
.spv-service-landing .spv-landing-section--results li { padding: 20px 24px; background: var(--landing-ground); }
.spv-service-landing .spv-table-wrap { overflow: visible; margin: 32px 0; }
.spv-landing-document { font-size: 17px; line-height: 1.55; }
.spv-landing-document-head { display: grid; gap: 28px; padding: 24px 28px; background: var(--landing-blue); color: #fff; font-size: 15px; font-weight: 700; }
.spv-landing-document--matrix .spv-landing-document-head { grid-template-columns: .8fr 1fr 1fr; }
.spv-landing-matrix-item { background: var(--landing-ground); margin: 8px 0 0; }
.spv-landing-matrix-item > summary { position: relative; padding: 24px 64px 24px 28px; min-height: 64px; font-size: 20px; line-height: 1.4; font-weight: 700; cursor: pointer; }
.spv-landing-matrix-item[open] > summary { color: var(--landing-blue); }
.spv-landing-matrix-answer { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; padding: 0 28px 28px; }
.spv-landing-source-images { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 44px; }
.spv-landing-source-images figure { margin: 0; min-width: 0; }
.spv-landing-source-images img { display: block; width: 100%; height: auto; }
.spv-service-landing .spv-landing-section--record { background: var(--landing-inverse); color: #fff; padding: 56px; }
.spv-service-landing .spv-landing-section--record h2 { max-width: 26ch; }
.spv-service-landing .spv-landing-section--record p { color: #fff; }
.spv-landing-document--record .spv-landing-document-head { grid-template-columns: 220px 1fr; background: #233d65; }
.spv-landing-record { margin: 0; }
.spv-landing-record > div { display: grid; grid-template-columns: 220px 1fr; gap: 28px; padding: 28px; }
.spv-landing-record > div:nth-child(odd) { background: #edf2fc; }
.spv-landing-section--record .spv-landing-record > div:nth-child(odd) { background: #142e56; }
.spv-landing-record dt { font-weight: 700; }
.spv-landing-record dd { margin: 0; }
.spv-service-landing .spv-landing-section--record code { color: #fff; background: #233d65; }
.spv-service-landing .spv-landing-section--workflow { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); column-gap: 64px; }
.spv-landing-section--workflow > h2 { grid-column: 1; grid-row: 1 / span 5; }
.spv-service-landing .spv-landing-section--workflow > p { grid-column: 2; padding-bottom: 20px; }
.spv-service-landing .spv-landing-section--price { padding: 56px; background: var(--landing-ground); }
.spv-service-landing .spv-landing-section--price > p:first-of-type { font-size: 24px; line-height: 1.5; }
.spv-service-landing .spv-landing-section--answers h3 { max-width: 54ch; margin-top: 32px; }
.spv-service-landing .spv-project-request { padding: 56px; border-radius: 0; background: var(--landing-inverse); color: #fff; gap: 56px; }
.spv-service-landing .spv-project-request h2 { font-size: 36px; line-height: 1.15; letter-spacing: -.025em; }
.spv-service-landing .spv-request-note, .spv-service-landing .spv-request-note p, .spv-service-landing .spv-request-note a { color: #fff; }
.spv-service-landing .spv-project-request form { background: #fff; padding: 28px; color: var(--landing-ink); }
.spv-landing-closing-visual { width: 160px; margin: 28px 0 0; }
.spv-landing-closing-visual img { display: block; width: 100%; height: auto; }
.spv-service-landing .spv-related-pages { margin-top: 64px; }
.spv-service-landing :is(a, button, input, textarea, summary):focus-visible { outline: 3px solid var(--landing-blue); outline-offset: 5px; }
.spv-service-landing ::selection { background: var(--landing-blue); color: #fff; }
.spv-service-landing .spv-landing-section--statement > p:first-of-type { font-size: clamp(23px, 2.2vw, 32px); line-height: 1.45; max-width: 48ch; letter-spacing: -.015em; }
.spv-service-landing .spv-landing-section--split { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); column-gap: 64px; align-items: start; }
.spv-landing-section--split > h2 { grid-column: 1; grid-row: 1 / span 12; }
.spv-landing-section--split > :not(h2) { grid-column: 2; }
.spv-service-landing .spv-landing-section--editorial { columns: 2; column-gap: 64px; }
.spv-landing-section--editorial > h2 { column-span: all; }
.spv-landing-section--editorial > p { break-inside: avoid; }
.spv-service-landing .spv-landing-section--process { padding: 48px; background: #edf2fc; }
.spv-service-landing .spv-landing-section--process > p:first-of-type { max-width: 50ch; font-size: 23px; }
.spv-service-landing .spv-landing-section--process :is(ul,ol) { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; padding-left: 24px; }
.spv-service-landing .spv-landing-section--evidence { padding: 48px; }
.spv-commercial-main.spv-service-landing .spv-landing-section--evidence { background: #0c2147; color: #fff; }
.spv-service-landing .spv-landing-section--evidence :is(p,a,li,h3) { color: #fff; }
.spv-service-landing .spv-landing-section--evidence code { background: #233d65; color: #fff; overflow-wrap: anywhere; }
.spv-service-landing .spv-landing-section--evidence > p:first-of-type { max-width: 48ch; font-size: 23px; }
.spv-landing-document--cols-2 .spv-landing-document-head { grid-template-columns: .6fr 1.4fr; }
.spv-landing-document--cols-3 .spv-landing-document-head { grid-template-columns: 1fr 1fr 1fr; }
.spv-landing-document--cols-4 .spv-landing-document-head { grid-template-columns: 1fr 1fr 1fr 1fr; }
.spv-landing-case { margin-top: 12px; padding: 28px; background: #f2f5fc; }
.spv-service-landing .spv-landing-case h3 { margin: 0 0 22px; max-width: none; color: #17243b; font-size: 23px; }
.spv-landing-case-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
.spv-landing-document--cols-4 .spv-landing-case-fields { grid-template-columns: repeat(3,minmax(0,1fr)); }
.spv-landing-case-fields > div { min-width: 0; overflow-wrap: anywhere; }
.spv-service-landing .spv-landing-faq { background: #f2f5fc; margin-top: 12px; }
.spv-landing-faq > summary { cursor: pointer; padding: 24px 28px; min-height: 64px; font-size: 20px; font-weight: 600; line-height: 1.5; }
.spv-landing-faq[open] > summary { color: #084bff; }
.spv-service-landing .spv-landing-faq > summary > h3 { display: inline; margin: 0; max-width: none; font: inherit; color: inherit; }
.spv-landing-faq > div { padding: 0 28px 24px; }
.spv-service-landing .spv-landing-section--price .spv-landing-faq { background: #fff; }
.spv-service-landing .spv-copy-content code { overflow-wrap: anywhere; white-space: normal; }
.spv-service-landing--catalog .spv-page-hero { grid-template-columns: 1fr 1fr; }
.spv-service-landing--content .spv-landing-hero-visual { align-self: end; }
.spv-service-landing--strategy .spv-landing-section--statement { max-width: 1040px; }
.spv-service-landing--industry .spv-landing-section--statement { padding-left: 8%; }
.spv-service-landing .spv-button { transition: background-color 180ms ease, transform 140ms cubic-bezier(.23,1,.32,1); }
@media (hover: hover) and (pointer: fine) {
  .spv-service-landing .spv-button:hover { background: #0036c7; }
  .spv-service-landing .spv-button:active { transform: scale(.97); }
  .spv-service-landing .spv-page-contents a:hover { color: #084bff; text-decoration: underline; text-underline-offset: .25em; }
}
@media (prefers-reduced-motion: reduce) { .spv-service-landing .spv-button { transition: background-color 100ms ease; } .spv-service-landing .spv-button:active { transform: none; } }
@media (max-width: 900px) {
  .spv-service-landing .spv-page-hero { column-gap: 28px; }
  .spv-service-landing .spv-page-hero h1 { font-size: 42px; }
  .spv-service-landing[data-commercial-id="industry-proizvodstvo"] .spv-page-hero h1 { font-size: 40px; }
  .spv-service-landing .spv-landing-section--results, .spv-service-landing .spv-landing-section--workflow { column-gap: 32px; }
  .spv-service-landing .spv-landing-section--split { column-gap: 32px; }
  .spv-service-landing .spv-landing-section--editorial { column-gap: 32px; }
  .spv-service-landing .spv-landing-section--record, .spv-service-landing .spv-landing-section--price, .spv-service-landing .spv-project-request { padding: 32px; }
  .spv-landing-document--record .spv-landing-document-head, .spv-landing-record > div { grid-template-columns: 150px 1fr; }
}
@media (max-width: 600px) {
  .spv-service-landing .spv-commercial-container { width: calc(100% - 40px); }
  .spv-service-landing .spv-breadcrumbs { margin-bottom: 28px; }
  .spv-service-landing .spv-page-hero { display: flex; flex-direction: column; align-items: stretch; padding-bottom: 48px; }
  .spv-service-landing .spv-page-hero h1 { max-width: 18ch; font-size: 36px; line-height: 1.08; }
  .spv-service-landing[data-commercial-id="industry-proizvodstvo"] .spv-page-hero h1 { font-size: 35px; }
  .spv-service-landing .spv-hero-copy { font-size: 17px; }
  .spv-landing-hero-visual { order: 4; margin-top: 32px; min-height: 0; }
  .spv-landing-hero-visual img { max-height: 350px; }
  .spv-landing-hero-context { order: 5; font-size: 16px; margin-top: 28px; }
  .spv-service-landing .spv-hero-actions { flex-wrap: wrap; gap: 20px; }
  .spv-service-landing .spv-page-contents { margin-bottom: 40px; gap: 12px 20px; padding: 20px; }
  .spv-service-landing .spv-page-contents a { flex-basis: 130px; font-size: 14px; }
  .spv-service-landing .spv-copy-section h2 { font-size: 29px; max-width: 23ch; }
  .spv-service-landing .spv-copy-section p, .spv-service-landing .spv-copy-section li { font-size: 17px; line-height: 1.6; }
  .spv-service-landing .spv-landing-section--split { display: block; }
  .spv-service-landing .spv-landing-section--editorial { columns: 1; }
  .spv-service-landing .spv-landing-section--statement > p:first-of-type { font-size: 23px; }
  .spv-service-landing .spv-landing-section--process, .spv-service-landing .spv-landing-section--evidence { margin-inline: -20px; padding: 36px 20px; }
  .spv-service-landing .spv-landing-section--process :is(ul,ol) { display: block; }
  .spv-service-landing .spv-landing-section--process li + li { margin-top: 20px; }
  .spv-service-landing .spv-landing-section--process > p:first-of-type, .spv-service-landing .spv-landing-section--evidence > p:first-of-type { font-size: 21px; }
  .spv-landing-document--cols-3 .spv-landing-document-head, .spv-landing-document--cols-4 .spv-landing-document-head { display: flex; flex-wrap: wrap; gap: 8px 20px; }
  .spv-landing-case-fields, .spv-landing-document--cols-4 .spv-landing-case-fields { grid-template-columns: 1fr; gap: 20px; }
  .spv-landing-case { padding: 24px 20px; }
  .spv-landing-faq > summary { padding: 20px; font-size: 18px; }
  .spv-landing-faq > div { padding: 0 20px 20px; }
  .spv-service-landing--industry .spv-landing-section--statement { padding-left: 0; }
  .spv-service-landing .spv-landing-section--results, .spv-service-landing .spv-landing-section--workflow { display: block; }
  .spv-service-landing .spv-landing-section--results li { padding: 20px; }
  .spv-landing-document-head { padding: 20px; gap: 12px; font-size: 14px; }
  .spv-landing-document--matrix .spv-landing-document-head { grid-template-columns: 1fr; }
  .spv-landing-matrix-item > summary { padding: 20px; font-size: 18px; }
  .spv-landing-matrix-answer { display: grid; grid-template-columns: 1fr; gap: 20px; padding: 0 20px 24px; font-size: 17px; }
  .spv-landing-matrix-answer > div:last-child { font-weight: 600; }
  .spv-landing-source-images { grid-template-columns: 1fr; gap: 24px; }
  .spv-service-landing .spv-landing-section--record, .spv-service-landing .spv-landing-section--price, .spv-service-landing .spv-project-request { margin-inline: -20px; padding: 36px 20px; }
  .spv-landing-document--record .spv-landing-document-head { grid-template-columns: 1fr 1fr; padding-inline: 0; background: transparent; color: var(--landing-ink); }
  .spv-landing-section--record .spv-landing-document--record .spv-landing-document-head { color: #fff; }
  .spv-landing-record > div { display: block; padding: 24px 16px; }
  .spv-landing-record dt { margin-bottom: 10px; color: var(--landing-ink); }
  .spv-landing-section--record .spv-landing-record dt { color: #b7d0ff; }
  .spv-service-landing .spv-landing-section--price > p:first-of-type { font-size: 21px; }
  .spv-service-landing .spv-project-request { display: block; }
  .spv-service-landing .spv-project-request form { margin-top: 32px; padding: 24px 20px; }
  .spv-service-landing .spv-project-request h2 { font-size: 30px; }
}