/* Start:/local/assets/designers/designers.css?179251592822571*/
/* Designers: native Aspro shell + shared native-family first-screen contract.
 * Load this route stylesheet before native-family.css. No global gutters. */
.dz-page {
  --dz-accent: var(--theme-base-color, #ffb400);
  --dz-text: var(--white_text_black, #242424);
  --dz-muted: var(--lite_basic_text_black, #666);
  --dz-soft: #f5f6f2;
  --dz-border: var(--stroke_black, #e8e8e8);
  width: 100%;
  min-width: 0;
  margin: 0 0 72px;
  font-family: inherit;
  color: var(--dz-text);
  font-size: 17px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.dz-page *, .dz-page *::before, .dz-page *::after { box-sizing: border-box; }
.dz-page a { color: inherit; }
.dz-page img { display: block; max-width: 100%; }
.dz-page p { text-wrap: pretty; }
.dz-page :is(h1, h2) { text-wrap: balance; }
.dz-page :is(a, button, summary):focus-visible { outline: 3px solid #805610; outline-offset: 5px; }
.dz-page .dz-section { margin-top: 88px; }
.dz-page .dz-h2 {
  max-width: 900px;
  margin: 0 0 20px;
  color: var(--dz-text);
  font-size: clamp(30px, 2.65vw, 38px);
  line-height: 1.2;
  letter-spacing: -.025em;
  font-weight: 600;
}
.dz-page .dz-lead { max-width: 720px; margin: 0 0 32px; color: var(--dz-muted); font-size: 17px; line-height: 1.65; }
.dz-page .dz-kicker { margin-bottom: 16px; color: var(--dz-muted); font-size: 12px; line-height: 1.4; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.dz-page .dz-btn-row { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-top: 28px; }
.dz-page .dz-btn-row .btn, .dz-page .dz-custom .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  margin: 0;
  padding: 14px 28px;
  border: 1px solid var(--dz-accent);
  border-radius: 6px;
  background: var(--dz-accent);
  color: #252525;
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
  white-space: normal;
  transition: background-color .18s ease, border-color .18s ease;
}
.dz-page .dz-btn-row .btn:hover { background: #f0a900; border-color: #f0a900; }
.dz-page .dz-btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 10px 0;
  border: 0;
  background: transparent;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  text-decoration: underline;
  text-decoration-color: #b1b1a9;
  text-underline-offset: 5px;
  transition: text-decoration-color .18s ease;
}
.dz-page .dz-btn-outline:hover { text-decoration-color: currentColor; }
/* Title, lead and action are kept together, ahead of the photograph on mobile. */
.dz-page .dz-hero__lead { max-width: 550px; color: var(--dz-muted); font-size: 18px; line-height: 1.65; }
.dz-page .dz-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 58% center; outline: 1px solid rgba(0,0,0,.1); outline-offset: -1px; }
.dz-page .dz-hero__details { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; margin-top: 32px; padding: 28px 0; border-bottom: 1px solid var(--dz-border); }
.dz-page .dz-hero__note { max-width: 540px; color: var(--dz-muted); font-size: 16px; line-height: 1.6; }
.dz-page .dz-hero__label { margin-bottom: 10px; font-size: 16px; font-weight: 600; }
.dz-page .dz-hero__bullets { display: grid; gap: 7px; list-style: none; padding: 0; margin: 0; }
.dz-page .dz-hero__bullets li { position: relative; margin: 0; padding-left: 16px; color: var(--dz-muted); font-size: 16px; line-height: 1.55; }
.dz-page .dz-hero__bullets li::before { content: ''; position: absolute; left: 0; top: .65em; width: 5px; height: 5px; background: #aaa99e; border-radius: 50%; }
.dz-page .dz-hero__stats { display: grid; flex-wrap: wrap; gap: 8px 18px; margin-top: 20px; }
.dz-page .dz-hero__stat { color: var(--dz-muted); font-size: 12px; line-height: 1.5; }
.dz-page .dz-logos { margin-top: 24px; text-align: center; }
.dz-page .dz-logos__title { margin-bottom: 20px; color: var(--dz-muted); font-size: 13px; }
.dz-page .dz-logos__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 28px; }
.dz-page .dz-logos__row span { color: var(--dz-muted); font-size: 15px; font-weight: 600; letter-spacing: .02em; }
/* A light numbered index, without eight separate card surfaces. */
.dz-page .dz-inside { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 32px; }
.dz-page .dz-inside__item { padding: 22px 0; border-top: 1px solid var(--dz-border); }
.dz-page .dz-inside__tag { margin-bottom: 16px; color: var(--dz-muted); font-size: 13px; font-variant-numeric: tabular-nums; }
.dz-page .dz-inside__title { margin-bottom: 9px; font-size: 18px; font-weight: 600; line-height: 1.35; }
.dz-page .dz-inside__text { margin: 0; color: var(--dz-muted); font-size: 15px; line-height: 1.6; }
/* Portfolio: photographs carry the emphasis; all captions are below them. */
.dz-page .dz-cases { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 28px; }
.dz-page .dz-case { display: block; min-width: 0; text-decoration: none; }
.dz-page .dz-case img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 8px; outline: 1px solid rgba(0,0,0,.1); outline-offset: -1px; }
.dz-page .dz-case__body { padding-top: 18px; }
.dz-page .dz-case__style { margin-bottom: 7px; color: var(--dz-muted); font-size: 12px; line-height: 1.5; letter-spacing: .065em; text-transform: uppercase; }
.dz-page .dz-case__title { margin: 0; font-size: 20px; font-weight: 500; line-height: 1.4; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 5px; transition: text-decoration-color .18s ease; }
.dz-page .dz-case:hover .dz-case__title { text-decoration-color: #a9a99e; }
/* Explanations use columns, comparison and a sequence, rather than repeating cards. */
.dz-page :is(.dz-tool, .dz-trust) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.dz-page :is(.dz-tool__item, .dz-trust__item) { border-top: 1px solid var(--dz-border); padding-top: 24px; }
.dz-page .dz-tool__num { margin-bottom: 18px; color: var(--dz-muted); font-size: 13px; }
.dz-page :is(.dz-tool__title, .dz-problem__title, .dz-request__title, .dz-benefit__title, .dz-trust__title) { margin: 0 0 12px; color: var(--dz-text); font-size: 20px; font-weight: 600; line-height: 1.35; }
.dz-page :is(.dz-tool__text, .dz-benefit__text, .dz-trust__quote) { margin: 0; color: var(--dz-muted); font-size: 16px; line-height: 1.65; }
.dz-page .dz-problem { display: grid; grid-template-columns: 1fr 1fr; background: var(--dz-soft); padding: 32px 0; border-radius: 8px; }
.dz-page .dz-problem__col { padding: 0 32px; }
.dz-page .dz-problem__col + .dz-problem__col { border-left: 1px solid var(--dz-border); }
.dz-page .dz-problem__col--good .dz-problem__title { padding-left: 14px; border-left: 3px solid var(--dz-accent); }
.dz-page .dz-list { margin: 0; padding: 0; list-style: none; }
.dz-page .dz-list li { position: relative; margin: 0; padding: 8px 0 8px 16px; color: var(--dz-muted); font-size: 16px; line-height: 1.6; }
.dz-page .dz-list li::before { content: ''; position: absolute; left: 0; top: 19px; width: 4px; height: 4px; border-radius: 50%; background: #9b9b91; }
.dz-page .dz-solutions { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; }
.dz-page .dz-solution__image { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; margin-bottom: 20px; border-radius: 8px; }
.dz-page .dz-solution__title { margin-bottom: 10px; font-size: 18px; font-weight: 600; line-height: 1.4; }
.dz-page .dz-solution__text { margin: 0; color: var(--dz-muted); font-size: 15px; line-height: 1.6; }
.dz-page .dz-styles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 28px; }
.dz-page .dz-style { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 3px 18px; align-content: center; padding: 20px 0; border-top: 1px solid var(--dz-border); }
.dz-page .dz-style img { grid-row: span 2; width: 76px; height: 76px; object-fit: cover; border-radius: 6px; }
.dz-page .dz-style__name { align-self: end; font-size: 16px; line-height: 1.35; font-weight: 600; }
.dz-page .dz-style__count { color: var(--dz-muted); font-size: 13px; line-height: 1.5; }
.dz-page .dz-formats { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 24px 40px; align-items: center; padding: 40px; border-radius: 8px; background: var(--dz-soft); }
.dz-page .dz-formats__image { grid-row: span 2; width: 100%; height: auto; border-radius: 6px; background: #fff; }
.dz-page .dz-formats__title { margin-bottom: 16px; font-size: 28px; font-weight: 600; letter-spacing: -.02em; line-height: 1.3; }
.dz-page .dz-formats__text { margin: 0; color: var(--dz-muted); font-size: 16px; line-height: 1.65; }
.dz-page .dz-formats__chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.dz-page .dz-formats__chip { padding: 4px 9px; border: 1px solid var(--dz-border); border-radius: 8px; font: 13px/1.5 monospace; }
.dz-page .dz-formats__soft { color: var(--dz-muted); font-size: 14px; line-height: 1.6; }
.dz-page .dz-formats__soft strong { font-weight: 500; color: var(--dz-text); }
.dz-page .dz-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 36px; }
.dz-page .dz-step { position: relative; padding: 0 28px 0 0; }
.dz-page .dz-step::before { content: ''; position: absolute; height: 1px; background: #d6d6cc; top: 22px; left: 44px; right: 0; }
.dz-page .dz-step:last-child::before { display: none; }
.dz-page .dz-step__num { position: relative; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid #d6d6cc; border-radius: 50%; margin-bottom: 24px; background: var(--white_bg_black, #fff); font-size: 16px; font-variant-numeric: tabular-nums; }
.dz-page .dz-step__title { display: block; margin-bottom: 12px; font-size: 18px; line-height: 1.4; font-weight: 600; }
.dz-page .dz-step__text { margin: 0; color: var(--dz-muted); font-size: 16px; line-height: 1.6; }
.dz-page .dz-cta { margin-top: 72px; padding: 40px 0; }
.dz-page .dz-cta--inline { border-block: 1px solid var(--dz-border); }
.dz-page .dz-cta__badge { margin-bottom: 16px; color: var(--dz-muted); font-size: 12px; line-height: 1.5; text-transform: uppercase; letter-spacing: .08em; }
.dz-page .dz-cta__title { max-width: 800px; margin-bottom: 20px; font-size: 32px; font-weight: 600; line-height: 1.25; letter-spacing: -.02em; text-wrap: balance; }
.dz-page .dz-cta__text { max-width: 720px; color: var(--dz-muted); font-size: 17px; line-height: 1.65; }
.dz-page .dz-cta .dz-btn-row { justify-content: flex-start !important; }
.dz-page .dz-cta__legal { max-width: 720px; margin-top: 20px; color: var(--dz-muted); font-size: 13px; line-height: 1.6; }
.dz-page .dz-cta__legal a { text-decoration: underline; text-underline-offset: 3px; }
.dz-page .dz-benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.dz-page .dz-benefit { padding-top: 24px; border-top: 1px solid var(--dz-border); }
.dz-page .dz-benefit__mark { display: none; }
.dz-page .dz-custom { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 32px; align-items: center; margin-top: 48px; padding: 28px 32px; border-radius: 8px; background: var(--dz-soft); }
.dz-page .dz-custom__title { margin-bottom: 12px; font-size: 21px; font-weight: 600; line-height: 1.4; }
.dz-page .dz-custom__text { max-width: 800px; margin: 0; color: var(--dz-muted); font-size: 16px; line-height: 1.6; }
.dz-page .dz-custom__text a { text-decoration: underline; text-underline-offset: 4px; }
.dz-page .dz-custom .btn { border-color: #aaa99e; background: transparent; }
.dz-page .dz-custom .btn:hover { background: #ebebe5; border-color: #85857b; }
.dz-page .dz-request { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
.dz-page .dz-request__box { border-top: 1px solid var(--dz-border); padding-top: 24px; }
.dz-page .dz-trust__quote { margin-bottom: 18px; }
.dz-page .dz-trust__title { font-size: 18px; }
.dz-page .dz-faq { border-top: 1px solid var(--dz-border); margin-top: 32px; }
.dz-page .dz-faq__item { border-bottom: 1px solid var(--dz-border); }
.dz-page .dz-faq__q { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 8px; color: var(--dz-text); font-size: 18px; font-weight: 500; line-height: 1.5; cursor: pointer; list-style: none; }
.dz-page .dz-faq__q::-webkit-details-marker { display: none; }
.dz-page .dz-faq__toggle { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 32px; height: 32px; color: var(--dz-muted); font-size: 25px; font-weight: 400; }
.dz-page .dz-faq__item[open] .dz-faq__toggle { transform: rotate(45deg); }
.dz-page .dz-faq__a { max-width: 830px; padding: 0 48px 28px 8px; color: var(--dz-muted); font-size: 16px; line-height: 1.7; }
.dz-page .dz-cta--final { margin-top: 80px; padding: 56px; border-radius: 8px; background: #272925; color: #fff; }
.dz-page .dz-cta--final :is(.dz-cta__badge, .dz-cta__text, .dz-cta__legal) { color: #cdcec8; }
.dz-page .dz-cta--final .dz-cta__title { max-width: 760px; font-size: 38px; color: #fff; }
.dz-page .dz-cta--final .dz-btn-outline { color: #fff; }
@media (max-width: 1100px) {
  .dz-page .dz-solutions { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
  .dz-page .dz-styles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dz-page .dz-inside { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dz-page .dz-formats { padding: 28px; gap: 24px; }
}
@media (max-width: 800px) {
  .dz-page .dz-hero__details { gap: 28px; }
  .dz-page .dz-logos__row { justify-content: center; }
  .dz-page .dz-section { margin-top: 64px; }
  .dz-page :is(.dz-tool, .dz-benefits, .dz-trust) { grid-template-columns: 1fr; gap: 24px; }
  .dz-page .dz-tool__item { display: grid; grid-template-columns: 130px 1fr; gap: 0 24px; }
  .dz-page .dz-tool__num { grid-row: span 2; }
  .dz-page .dz-problem__col { padding: 0 24px; }
  .dz-page .dz-solutions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dz-page .dz-steps { grid-template-columns: 1fr; gap: 0; }
  .dz-page .dz-step { padding: 0 0 32px 68px; }
  .dz-page .dz-step__num { position: absolute; top: 0; left: 0; }
  .dz-page .dz-step::before { top: 44px; left: 22px; width: 1px; height: auto; bottom: 0; right: auto; }
  .dz-page .dz-step:last-child { padding-bottom: 0; }
  .dz-page .dz-custom { grid-template-columns: 1fr; gap: 24px; }
  .dz-page .dz-cta--final { padding: 36px; }
}
@media (max-width: 540px) {
  .dz-page { margin-bottom: 48px; font-size: 16px; }
  .dz-page .dz-section { margin-top: 56px; }
  .dz-page .dz-h2 { font-size: 28px; line-height: 1.25; margin-bottom: 18px; }
  .dz-page .dz-lead { font-size: 16px; margin-bottom: 26px; }
  .dz-page .dz-hero__lead { font-size: 17px; line-height: 1.6; }
  .dz-page .dz-hero__details { grid-template-columns: 1fr; gap: 24px; margin-top: 24px; padding: 0 0 28px; }
  .dz-page .dz-hero__stats { gap: 6px 14px; }
  .dz-page .dz-logos { margin-top: 24px; }
  .dz-page .dz-logos__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .dz-page .dz-logos__row span { font-size: 14px; }
  .dz-page .dz-inside { gap: 0 20px; }
  .dz-page .dz-inside__item { padding: 18px 0; }
  .dz-page .dz-inside__tag { margin-bottom: 12px; }
  .dz-page .dz-inside__title { font-size: 16px; overflow-wrap: anywhere; }
  .dz-page .dz-inside__text { font-size: 14px; line-height: 1.6; }
  .dz-page .dz-cases { grid-template-columns: 1fr; gap: 28px; }
  .dz-page .dz-case__title { font-size: 18px; }
  .dz-page .dz-case__body { padding-top: 14px; }
  .dz-page .dz-tool__item { display: block; }
  .dz-page .dz-tool__num { margin-bottom: 12px; }
  .dz-page .dz-problem { grid-template-columns: 1fr; padding: 24px; gap: 24px; }
  .dz-page .dz-problem__col { padding: 0; }
  .dz-page .dz-problem__col + .dz-problem__col { border-left: 0; border-top: 1px solid var(--dz-border); padding-top: 24px; }
  .dz-page .dz-solutions { grid-template-columns: 1fr; gap: 24px; }
  .dz-page .dz-solution { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 0 18px; }
  .dz-page .dz-solution__image { grid-row: span 2; aspect-ratio: 1; margin: 0; }
  .dz-page .dz-solution__title { font-size: 17px; margin-bottom: 8px; }
  .dz-page .dz-solution__text { font-size: 15px; }
  .dz-page .dz-styles { grid-template-columns: 1fr; }
  .dz-page .dz-style { grid-template-columns: 64px minmax(0, 1fr); padding: 16px 0; }
  .dz-page .dz-style img { width: 64px; height: 64px; }
  .dz-page .dz-formats { grid-template-columns: 1fr; padding: 24px; gap: 24px; }
  .dz-page .dz-formats__image { grid-row: auto; }
  .dz-page .dz-formats__title { font-size: 26px; }
  .dz-page .dz-step { padding-left: 60px; }
  .dz-page .dz-cta { margin-top: 56px; padding: 28px 0; }
  .dz-page .dz-cta__title { font-size: 28px; }
  .dz-page .dz-cta__text { font-size: 16px; }
  .dz-page .dz-custom { padding: 24px; }
  .dz-page .dz-custom__title { font-size: 20px; }
  .dz-page .dz-request { grid-template-columns: 1fr; gap: 28px; }
  .dz-page .dz-faq__q { padding: 20px 0; font-size: 17px; gap: 16px; }
  .dz-page .dz-faq__a { padding: 0 20px 24px 0; }
  .dz-page .dz-cta--final { padding: 32px 24px; }
  .dz-page .dz-cta--final .dz-cta__title { font-size: 28px; }
  .dz-page .dz-btn-row { gap: 12px 20px; margin-top: 24px; }
}


.dz-page .dz-layout { container-type: inline-size; container-name: dz-designers; }
.dz-page .dz-custom .dz-cta__legal { margin-top: 16px; max-width: 360px; }
.dz-page .dz-catalog-preview { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; gap: 32px 48px; margin-block: 36px 48px; }
.dz-page .dz-catalog-preview__pages { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.dz-page .dz-catalog-preview__pages a { display: block; background: #fff; border: 1px solid var(--dz-border); border-radius: 3px; box-shadow: 0 3px 10px rgb(0 0 0 / 5%); }
.dz-page .dz-catalog-preview__pages a:hover { outline: 2px solid var(--dz-accent); outline-offset: 3px; }
.dz-page .dz-catalog-preview__pages img { display: block; width: 100%; height: auto; border-radius: 2px; }
.dz-page .dz-catalog-preview__copy { min-width: 0; }
.dz-page .dz-catalog-preview__title { margin: 0 0 12px; color: var(--dz-text); font-size: clamp(23px, 2.2vw, 30px); line-height: 1.25; letter-spacing: -.02em; }
.dz-page .dz-catalog-preview__meta { margin: 0; color: var(--dz-muted); font-size: 15px; line-height: 1.6; }
.dz-page .dz-catalog-preview .dz-btn-row { margin-top: 24px; gap: 12px; }
@media (max-width: 980px) {
  .dz-page .dz-catalog-preview { grid-template-columns: 1fr; gap: 28px; }
  .dz-page .dz-catalog-preview__pages { max-width: 650px; }
}
@media (max-width: 540px) {
  .dz-page .dz-catalog-preview { margin-block: 28px 36px; }
  .dz-page .dz-catalog-preview__pages { gap: 8px; }
  .dz-page .dz-catalog-preview .dz-btn-row { align-items: stretch; }
  .dz-page .dz-catalog-preview .dz-btn-row > a { width: 100%; text-align: center; }
}
.dz-page .dz-layout > * { width: 100%; max-width: calc(1500px - 64px); margin-inline: auto; }
.dz-page .dz-hero__grid { display: grid; }
.dz-page .dz-hero__content { min-width: 0; }
.dz-page .dz-hero__title { margin-top: 0; color: var(--dz-text); }
.dz-page .dz-hero__eyebrow::before { content: ''; width: 24px; height: 2px; background: var(--dz-accent); flex: 0 0 auto; }
.dz-page .dz-hero__media { height: auto; overflow: hidden; }
.dz-page .dz-hero__media img { outline: 0; object-position: center; }
.dz-page .dz-hero__stats { counter-reset: dz-proof; }
.dz-page .dz-hero__stat { display: flex; align-items: baseline; gap: 14px; font-size: 14px; font-weight: 600; color: var(--dz-text); }
.dz-page .dz-hero__stat::before { counter-increment: dz-proof; content: '0' counter(dz-proof); color: #a06c00; font-size: 11px; }
.dz-page .dz-hero__details { margin-top: 0; padding-top: 0; padding-bottom: 32px; }
.dz-page .dz-logos { margin-top: 28px; margin-bottom: 56px; }
.dz-page .dz-section { margin-top: 0; padding-block: 64px; }
.dz-page .dz-section + .dz-section:not(.dz-section--soft) { padding-top: 64px; }
.dz-page .dz-h2 { max-width: 960px; font-size: clamp(30px, 3.1vw, 42px); line-height: 1.15; letter-spacing: -.035em; }
.dz-page .dz-section--soft { position: relative; isolation: isolate; background: var(--dz-soft); border-block: 1px solid var(--dz-border); }
.dz-page .dz-section--soft::before { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--dz-soft); box-shadow: 0 0 0 100vmax var(--dz-soft); clip-path: inset(0 -100vmax); }
.dz-page .dz-case__body { padding: 20px 0 0; }
.dz-page .dz-btn-outline { border: 1px solid var(--dz-border); border-radius: 6px; padding: 14px 21px; text-decoration: none; }
.dz-page .dz-btn-outline:hover { border-color: var(--dz-accent); }
.dz-page .dz-cta--inline { margin-block: 0 32px; padding-block: 40px; }
.dz-page .dz-cta--final { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 48px; align-items: center; margin-top: 0; padding: 64px clamp(24px, 3cqw, 40px); background: #262826; }
.dz-page .dz-cta__actions { min-width: 0; padding: 32px; border-radius: 8px; background: #fff; color: #242424; }
.dz-page .dz-cta__actions .dz-btn-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 0; }
.dz-page .dz-cta__actions .dz-btn-row > * { width: 100%; }
.dz-page .dz-cta__actions .dz-btn-outline { color: #242424; border-color: #deded8; }
.dz-page .dz-cta__actions .dz-cta__legal { color: #666; }
.theme-dark .dz-page { --dz-soft: #262826; }
.theme-dark .dz-page.dz-native .dz-hero .dz-hero__eyebrow { color: #b9bab6; }
.theme-dark .dz-page .dz-hero__stat::before { color: var(--dz-accent); }
.theme-dark .dz-page .dz-custom .btn { color: var(--dz-text); }
.theme-dark .dz-page .dz-custom .btn:hover { background: #333630; }
@media (max-width: 980px) {
  .dz-page .dz-cta--final { grid-template-columns: 1fr; gap: 28px; }
  .dz-page .dz-section { padding-block: 48px; }
  .dz-page .dz-section + .dz-section:not(.dz-section--soft) { padding-top: 48px; }
}
@media (max-width: 600px) {
  .dz-page .dz-hero__details { grid-template-columns: 1fr; }
  .dz-page .dz-logos { margin-bottom: 40px; }
  .dz-page .dz-cta--final { padding: 40px 24px; }
  .dz-page .dz-cta__actions { padding: 24px; }
  .dz-page .dz-h2 { font-size: 30px; }
}

/* End */


/* Start:/local/tools/dc-light-b2b/native-family.css?179249318928533*/
/* DC-Light native B2B family — shared first-screen contract, 15.09.2026.
 * Loaded only on reviewed native routes, after each route stylesheet.
 * The route namespaces and form/content implementations remain independent. */

:is(
  .dch-page.dch-native,
  .dsv-page.dsv-native,
  .dz-page.dz-native,
  .dco-page.dco-native,
  .dck-page.dck-native,
  .dcl-calc.dcl-native,
  .ddp-page.ddp-native,
  .dhr-page.dhr-native,
  .dtr-page.dtr-native,
  .dcbs-page.dcbs-native,
  .dht-page.dht-native,
  .dmi-page.dmi-native,
  .ded-page.ded-native,
  .dci-page.dci-native,
  .dsf-page.dsf-native,
  .dwh-page.dwh-native,
  .ddt-page.ddt-native,
  .dac-page.dac-native,
  .dmc-page.dmc-native,
  .dzh-page.dzh-native
) {
  --dc-native-hero-gap: clamp(40px, 4cqw, 56px);
  --dc-native-line: var(--stroke_black, #e8e8e8);
}

:is(
  .dch-page.dch-native .dch-hero h1,
  .dsv-page.dsv-native .dsv-hero h1,
  .dz-page.dz-native .dz-hero h1,
  .dco-page.dco-native .dco-hero h1,
  .dck-page.dck-native .dck-hero h1,
  .dcl-calc.dcl-native .dcl-hero h1,
  .ddp-page.ddp-native .ddp-hero h1,
  .dhr-page.dhr-native .dhr-hero h1,
  .dtr-page.dtr-native .dtr-hero h1,
  .dcbs-page.dcbs-native .dcbs-hero h1,
  .dht-page.dht-native .dht-hero h1,
  .dmi-page.dmi-native .dmi-hero h1,
  .ded-page.ded-native .ded-hero h1,
  .dci-page.dci-native .dci-hero h1,
  .dsf-page.dsf-native .dsf-hero h1,
  .dwh-page.dwh-native .dwh-hero h1,
  .ddt-page.ddt-native .ddt-hero h1,
  .dac-page.dac-native .dac-hero h1,
  .dmc-page.dmc-native .dmc-hero h1,
  .dzh-page.dzh-native .dzh-hero h1
) {
  max-width: 680px;
  margin-bottom: 23px;
  font-size: clamp(38px, 3.5vw, 56px);
  font-weight: 600;
  line-height: 1.09;
  letter-spacing: -.04em;
  text-wrap: balance;
}

:is(
  .dch-page.dch-native .dch-breadcrumbs,
  .dsv-page.dsv-native .dsv-breadcrumbs,
  .dco-page.dco-native .dco-breadcrumb,
  .dck-page.dck-native .dck-breadcrumbs,
  .dz-page.dz-native .dz-breadcrumbs,
  .dcl-calc.dcl-native .dcl-breadcrumbs,
  .ddp-page.ddp-native .ddp-breadcrumbs,
  .dhr-page.dhr-native .dhr-breadcrumbs,
  .dtr-page.dtr-native .dtr-breadcrumbs,
  .dcbs-page.dcbs-native .dcbs-breadcrumbs,
  .dht-page.dht-native .dht-breadcrumbs,
  .dmi-page.dmi-native .dmi-breadcrumbs,
  .ded-page.ded-native .ded-breadcrumbs,
  .dci-page.dci-native .dci-breadcrumbs,
  .dsf-page.dsf-native .dsf-breadcrumbs,
  .dwh-page.dwh-native .dwh-breadcrumbs,
  .ddt-page.ddt-native .ddt-breadcrumbs,
  .dac-page.dac-native .dac-breadcrumbs,
  .dmc-page.dmc-native .dmc-breadcrumbs,
  .dzh-page.dzh-native .dzh-breadcrumbs
) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 0;
  margin: 0;
  padding: 25px 0 34px;
  gap: 0;
  color: #888;
  font-size: 12px;
  line-height: 1.7;
}

.dch-page.dch-native .dch-breadcrumbs ol,
.dsv-page.dsv-native .dsv-breadcrumbs ol,
.dck-page.dck-native .dck-breadcrumbs ol,
.ddp-page.ddp-native .ddp-breadcrumbs ol,
.dhr-page.dhr-native .dhr-breadcrumbs ol,
.dtr-page.dtr-native .dtr-breadcrumbs ol,
.dcbs-page.dcbs-native .dcbs-breadcrumbs ol,
.dht-page.dht-native .dht-breadcrumbs ol,
.dmi-page.dmi-native .dmi-breadcrumbs ol,
.ded-page.ded-native .ded-breadcrumbs ol,
.dci-page.dci-native .dci-breadcrumbs ol,
.dsf-page.dsf-native .dsf-breadcrumbs ol,
.dwh-page.dwh-native .dwh-breadcrumbs ol,
.ddt-page.ddt-native .ddt-breadcrumbs ol,
.dac-page.dac-native .dac-breadcrumbs ol,
.dmc-page.dmc-native .dmc-breadcrumbs ol,
.dzh-page.dzh-native .dzh-breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  min-height: 20.4px;
  margin: 0;
  padding: 0;
  gap: 0;
  list-style: none;
}

.dch-page.dch-native .dch-breadcrumbs li,
.dsv-page.dsv-native .dsv-breadcrumbs li,
.dck-page.dck-native .dck-breadcrumbs li,
.ddp-page.ddp-native .ddp-breadcrumbs li,
.dhr-page.dhr-native .dhr-breadcrumbs li,
.dtr-page.dtr-native .dtr-breadcrumbs li,
.dcbs-page.dcbs-native .dcbs-breadcrumbs li,
.dht-page.dht-native .dht-breadcrumbs li,
.dmi-page.dmi-native .dmi-breadcrumbs li,
.ded-page.ded-native .ded-breadcrumbs li,
.dci-page.dci-native .dci-breadcrumbs li,
.dsf-page.dsf-native .dsf-breadcrumbs li,
.dwh-page.dwh-native .dwh-breadcrumbs li,
.ddt-page.ddt-native .ddt-breadcrumbs li,
.dac-page.dac-native .dac-breadcrumbs li,
.dmc-page.dmc-native .dmc-breadcrumbs li,
.dzh-page.dzh-native .dzh-breadcrumbs li,
.dco-page.dco-native .dco-breadcrumb > :is(a, span),
.dz-page.dz-native .dz-breadcrumbs .breadcrumbs__item,
.dcl-calc.dcl-native .dcl-breadcrumbs .breadcrumbs__item {
  display: flex;
  align-items: center;
  min-height: 20.4px;
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style: none;
}

.dch-page.dch-native .dch-breadcrumbs :is(a, [aria-current]),
.dsv-page.dsv-native .dsv-breadcrumbs :is(a, [aria-current]),
.dck-page.dck-native .dck-breadcrumbs :is(a, [aria-current]),
.ddp-page.ddp-native .ddp-breadcrumbs :is(a, [aria-current]),
.dhr-page.dhr-native .dhr-breadcrumbs :is(a, [aria-current]),
.dtr-page.dtr-native .dtr-breadcrumbs :is(a, [aria-current]),
.dcbs-page.dcbs-native .dcbs-breadcrumbs :is(a, [aria-current]),
.dht-page.dht-native .dht-breadcrumbs :is(a, [aria-current]),
.dmi-page.dmi-native .dmi-breadcrumbs :is(a, [aria-current]),
.ded-page.ded-native .ded-breadcrumbs :is(a, [aria-current]),
.dci-page.dci-native .dci-breadcrumbs :is(a, [aria-current]),
.dsf-page.dsf-native .dsf-breadcrumbs :is(a, [aria-current]),
.dwh-page.dwh-native .dwh-breadcrumbs :is(a, [aria-current]),
.ddt-page.ddt-native .ddt-breadcrumbs :is(a, [aria-current]),
.dac-page.dac-native .dac-breadcrumbs :is(a, [aria-current]),
.dmc-page.dmc-native .dmc-breadcrumbs :is(a, [aria-current]),
.dzh-page.dzh-native .dzh-breadcrumbs :is(a, [aria-current]),
.dco-page.dco-native .dco-breadcrumb > :is(a, span),
.dz-page.dz-native .dz-breadcrumbs :is(.breadcrumbs__link, .breadcrumbs__item-name),
.dcl-calc.dcl-native .dcl-breadcrumbs :is(.breadcrumbs__link, .breadcrumbs__item-name) {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.dch-page.dch-native .dch-breadcrumbs li + li::before,
.dsv-page.dsv-native .dsv-breadcrumbs li + li::before,
.dck-page.dck-native .dck-breadcrumbs li + li::before,
.ddp-page.ddp-native .ddp-breadcrumbs li + li::before,
.dhr-page.dhr-native .dhr-breadcrumbs li + li::before,
.dtr-page.dtr-native .dtr-breadcrumbs li + li::before,
.dcbs-page.dcbs-native .dcbs-breadcrumbs li + li::before,
.dht-page.dht-native .dht-breadcrumbs li + li::before,
.dmi-page.dmi-native .dmi-breadcrumbs li + li::before,
.ded-page.ded-native .ded-breadcrumbs li + li::before,
.dci-page.dci-native .dci-breadcrumbs li + li::before,
.dsf-page.dsf-native .dsf-breadcrumbs li + li::before,
.dwh-page.dwh-native .dwh-breadcrumbs li + li::before,
.ddt-page.ddt-native .ddt-breadcrumbs li + li::before,
.dac-page.dac-native .dac-breadcrumbs li + li::before,
.dmc-page.dmc-native .dmc-breadcrumbs li + li::before,
.dzh-page.dzh-native .dzh-breadcrumbs li + li::before {
  content: "/";
  margin: 0 12px;
  color: #aaa;
  font-weight: 400;
}

.dck-page.dck-native .dck-breadcrumbs li:not(:last-child)::after {
  content: none;
}

.dco-page.dco-native .dco-breadcrumb > .dco-icon {
  display: none;
}

.dco-page.dco-native .dco-breadcrumb > a:not(:first-child)::before,
.dco-page.dco-native .dco-breadcrumb > span::before {
  content: "/";
  margin: 0 12px;
  color: #aaa;
  font-weight: 400;
}

.dz-page.dz-native .dz-breadcrumbs .breadcrumbs,
.dcl-calc.dcl-native .dcl-breadcrumbs .breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  min-height: 20.4px;
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.dz-page.dz-native .dz-breadcrumbs .breadcrumbs__separator,
.dcl-calc.dcl-native .dcl-breadcrumbs .breadcrumbs__separator {
  display: none;
}

.dz-page.dz-native .dz-breadcrumbs .breadcrumbs__item:not(:first-child)::before,
.dcl-calc.dcl-native .dcl-breadcrumbs .breadcrumbs__item:not(:first-child)::before {
  content: "/";
  margin: 0 12px;
  color: #aaa;
  font-size: inherit;
  font-weight: 400;
}

:is(
  .dch-page.dch-native .dch-hero,
  .dsv-page.dsv-native .dsv-hero,
  .dz-page.dz-native .dz-hero,
  .dco-page.dco-native .dco-hero,
  .dck-page.dck-native .dck-hero,
  .dcl-calc.dcl-native .dcl-hero,
  .ddp-page.ddp-native .ddp-hero,
  .dhr-page.dhr-native .dhr-hero,
  .dtr-page.dtr-native .dtr-hero,
  .dcbs-page.dcbs-native .dcbs-hero,
  .dht-page.dht-native .dht-hero,
  .dmi-page.dmi-native .dmi-hero,
  .ded-page.ded-native .ded-hero,
  .dci-page.dci-native .dci-hero,
  .dsf-page.dsf-native .dsf-hero,
  .dwh-page.dwh-native .dwh-hero,
  .ddt-page.ddt-native .ddt-hero,
  .dac-page.dac-native .dac-hero,
  .dmc-page.dmc-native .dmc-hero,
  .dzh-page.dzh-native .dzh-hero
) {
  padding-top: 0;
  padding-bottom: 40px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

:is(
  .dch-page.dch-native .dch-hero-grid,
  .dsv-page.dsv-native .dsv-hero-grid,
  .dz-page.dz-native .dz-hero__grid,
  .dco-page.dco-native .dco-hero-grid,
  .dck-page.dck-native .dck-hero-grid,
  .dcl-calc.dcl-native .dcl-hero-grid,
  .ddp-page.ddp-native .ddp-hero-grid,
  .dhr-page.dhr-native .dhr-hero-grid,
  .dtr-page.dtr-native .dtr-hero-grid,
  .dcbs-page.dcbs-native .dcbs-hero-grid,
  .dht-page.dht-native .dht-hero-grid,
  .dmi-page.dmi-native .dmi-hero-grid,
  .ded-page.ded-native .ded-hero-grid,
  .dci-page.dci-native .dci-hero-grid,
  .dsf-page.dsf-native .dsf-hero-grid,
  .dwh-page.dwh-native .dwh-hero-grid,
  .ddt-page.ddt-native .ddt-hero-grid,
  .dac-page.dac-native .dac-hero-grid,
  .dmc-page.dmc-native .dmc-hero-grid,
  .dzh-page.dzh-native .dzh-hero-grid
) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--dc-native-hero-gap);
  align-items: start;
}

:is(
  .dch-page.dch-native .dch-hero-copy,
  .dsv-page.dsv-native .dsv-hero-copy,
  .dz-page.dz-native .dz-hero__content,
  .dco-page.dco-native .dco-hero-copy,
  .dck-page.dck-native .dck-hero-copy,
  .dcl-calc.dcl-native .dcl-hero-copy,
  .ddp-page.ddp-native .ddp-hero-copy,
  .dhr-page.dhr-native .dhr-hero-copy,
  .dtr-page.dtr-native .dtr-hero-copy,
  .dcbs-page.dcbs-native .dcbs-hero-grid > div:first-child,
  .dht-page.dht-native .dht-hero-copy,
  .dmi-page.dmi-native .dmi-hero-copy,
  .ded-page.ded-native .ded-hero-grid > div:first-child,
  .dci-page.dci-native .dci-hero-copy,
  .dsf-page.dsf-native .dsf-hero-copy,
  .dwh-page.dwh-native .dwh-hero-copy,
  .ddt-page.ddt-native .ddt-hero-copy,
  .dac-page.dac-native .dac-hero-copy,
  .dmc-page.dmc-native .dmc-hero-copy,
  .dzh-page.dzh-native .dzh-hero-copy
) {
  min-width: 0;
  padding: 8px 0;
}

:is(
  .dch-page.dch-native .dch-hero .dch-kicker,
  .dsv-page.dsv-native .dsv-hero .dsv-kicker,
  .dz-page.dz-native .dz-hero .dz-hero__eyebrow,
  .dco-page.dco-native .dco-hero .dco-overline,
  .dck-page.dck-native .dck-hero .dck-kicker,
  .dcl-calc.dcl-native .dcl-hero .dcl-eyebrow,
  .ddp-page.ddp-native .ddp-hero .ddp-kicker,
  .dhr-page.dhr-native .dhr-hero .dhr-kicker,
  .dtr-page.dtr-native .dtr-hero .dtr-kicker,
  .dcbs-page.dcbs-native .dcbs-hero .dcbs-kicker,
  .dht-page.dht-native .dht-hero .dht-kicker,
  .dmi-page.dmi-native .dmi-hero .dmi-kicker,
  .ded-page.ded-native .ded-hero .ded-kicker,
  .dci-page.dci-native .dci-hero .dci-kicker,
  .dsf-page.dsf-native .dsf-hero .dsf-kicker,
  .dwh-page.dwh-native .dwh-hero .dwh-kicker,
  .ddt-page.ddt-native .ddt-hero .ddt-kicker,
  .dac-page.dac-native .dac-hero .dac-kicker,
  .dmc-page.dmc-native .dmc-hero .dmc-kicker,
  .dzh-page.dzh-native .dzh-hero .dzh-kicker
) {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 17px;
  color: #666;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .09em;
  text-transform: uppercase;
}

:is(
  .dch-page.dch-native .dch-hero .dch-lead,
  .dsv-page.dsv-native .dsv-hero .dsv-lead,
  .dz-page.dz-native .dz-hero .dz-hero__lead,
  .dco-page.dco-native .dco-hero .dco-lead,
  .dck-page.dck-native .dck-hero .dck-lead,
  .dcl-calc.dcl-native .dcl-hero .dcl-hero-lead,
  .ddp-page.ddp-native .ddp-hero .ddp-lead,
  .dhr-page.dhr-native .dhr-hero .dhr-lead,
  .dtr-page.dtr-native .dtr-hero .dtr-lead,
  .dcbs-page.dcbs-native .dcbs-hero .dcbs-lead,
  .dht-page.dht-native .dht-hero .dht-lead,
  .dmi-page.dmi-native .dmi-hero .dmi-lead,
  .ded-page.ded-native .ded-hero .ded-lead,
  .dci-page.dci-native .dci-hero .dci-hero-lead,
  .dsf-page.dsf-native .dsf-hero .dsf-lead,
  .dwh-page.dwh-native .dwh-hero .dwh-lead,
  .ddt-page.ddt-native .ddt-hero .ddt-lead,
  .dac-page.dac-native .dac-hero .dac-lead,
  .dmc-page.dmc-native .dmc-hero .dmc-lead,
  .dzh-page.dzh-native .dzh-hero .dzh-lead
) {
  font-size: 18px;
  line-height: 1.6;
}

:is(
  .dch-page.dch-native .dch-hero .dch-actions,
  .dsv-page.dsv-native .dsv-hero .dsv-actions,
  .dz-page.dz-native .dz-hero .dz-btn-row,
  .dco-page.dco-native .dco-hero .dco-actions,
  .dck-page.dck-native .dck-hero .dck-hero-actions,
  .dcl-calc.dcl-native .dcl-hero .dcl-actions,
  .ddp-page.ddp-native .ddp-hero .ddp-actions,
  .dhr-page.dhr-native .dhr-hero .dhr-actions,
  .dtr-page.dtr-native .dtr-hero .dtr-actions,
  .dcbs-page.dcbs-native .dcbs-hero .dcbs-actions,
  .dht-page.dht-native .dht-hero .dht-actions,
  .dmi-page.dmi-native .dmi-hero .dmi-actions,
  .ded-page.ded-native .ded-hero .ded-actions,
  .dci-page.dci-native .dci-hero .dci-actions,
  .dsf-page.dsf-native .dsf-hero .dsf-actions,
  .dwh-page.dwh-native .dwh-hero .dwh-actions,
  .ddt-page.ddt-native .ddt-hero .ddt-actions,
  .dac-page.dac-native .dac-hero .dac-actions,
  .dmc-page.dmc-native .dmc-hero .dmc-actions,
  .dzh-page.dzh-native .dzh-hero .dzh-actions
) {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 12px;
}

:is(
  .dch-page.dch-native .dch-hero .dch-btn,
  .dsv-page.dsv-native .dsv-hero .dsv-btn,
  .dz-page.dz-native .dz-hero .btn,
  .dco-page.dco-native .dco-hero .dco-btn,
  .dck-page.dck-native .dck-hero .dck-btn,
  .dck-page.dck-native .dck-hero .dck-textlink,
  .dcl-calc.dcl-native .dcl-hero .dcl-button,
  .ddp-page.ddp-native .ddp-hero .ddp-btn,
  .dhr-page.dhr-native .dhr-hero .dhr-btn,
  .dtr-page.dtr-native .dtr-hero .dtr-btn,
  .dcbs-page.dcbs-native .dcbs-hero .dcbs-btn,
  .dht-page.dht-native .dht-hero .dht-btn,
  .dmi-page.dmi-native .dmi-hero .dmi-btn,
  .ded-page.ded-native .ded-hero .ded-btn,
  .dci-page.dci-native .dci-hero .dci-button,
  .dsf-page.dsf-native .dsf-hero .dsf-btn,
  .dwh-page.dwh-native .dwh-hero .dwh-btn,
  .ddt-page.ddt-native .ddt-hero .ddt-btn,
  .dac-page.dac-native .dac-hero .dac-btn,
  .dmc-page.dmc-native .dmc-hero .dmc-btn,
  .dzh-page.dzh-native .dzh-hero .dzh-btn
) {
  min-height: 52px;
  padding: 14px 21px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
}

.dck-page.dck-native .dck-hero .dck-textlink,
.dcl-calc.dcl-native .dcl-hero .dcl-button--text {
  border: 1px solid #d9d9d9;
  background: transparent;
  color: inherit;
  text-decoration: none !important;
}

.dck-page.dck-native .dck-hero .dck-textlink:hover,
.dcl-calc.dcl-native .dcl-hero .dcl-button--text:hover {
  border-color: var(--theme-base-color, #ffb400);
  background: #fff8e5;
}

.dck-page.dck-native .dck-hero-actions .dck-small {
  order: 3;
  flex-basis: 100%;
  margin: 2px 0 0;
}

:is(
  .dch-page.dch-native .dch-hero-media,
  .dsv-page.dsv-native .dsv-hero-media,
  .dz-page.dz-native .dz-hero__media,
  .dco-page.dco-native .dco-hero-visual,
  .dck-page.dck-native .dck-hero-photo,
  .dhr-page.dhr-native .dhr-hero-media,
  .dtr-page.dtr-native .dtr-hero-media,
  .dcbs-page.dcbs-native .dcbs-hero-media,
  .dht-page.dht-native .dht-hero-media,
  .dmi-page.dmi-native .dmi-hero-photo,
  .ded-page.ded-native .ded-hero-media,
  .dci-page.dci-native .dci-hero-product,
  .dsf-page.dsf-native .dsf-hero-media,
  .dwh-page.dwh-native .dwh-hero-media,
  .ddt-page.ddt-native .ddt-hero-media,
  .dac-page.dac-native .dac-hero-photo,
  .dmc-page.dmc-native .dmc-hero-photo,
  .dzh-page.dzh-native .dzh-hero-photo
) {
  width: 100%;
  min-height: 0;
  max-height: none;
  align-self: auto;
  aspect-ratio: 1.42;
  border: 0;
  border-radius: 8px;
  outline: 1px solid rgba(0, 0, 0, .10);
  outline-offset: -1px;
  box-shadow: none;
}

.dcl-calc.dcl-native .dcl-hero-picture img {
  outline: 1px solid rgba(0, 0, 0, .10);
  outline-offset: -1px;
}

:is(
  .dch-page.dch-native .dch-proof-row,
  .dz-page.dz-native .dz-hero__stats,
  .dco-page.dco-native .dco-proof-row,
  .dck-page.dck-native .dck-hero-mini,
  .dcl-calc.dcl-native .dcl-hero-facts,
  .ddp-page.ddp-native .ddp-proof-row,
  .dhr-page.dhr-native .dhr-proof,
  .dtr-page.dtr-native .dtr-proof,
  .dcbs-page.dcbs-native .dcbs-proof,
  .dht-page.dht-native .dht-proof,
  .dmi-page.dmi-native .dmi-proof,
  .ded-page.ded-native .ded-proof,
  .dci-page.dci-native .dci-facts,
  .dsf-page.dsf-native .dsf-proof,
  .dwh-page.dwh-native .dwh-proof,
  .ddt-page.ddt-native .ddt-proof,
  .dac-page.dac-native .dac-proof,
  .dmc-page.dmc-native .dmc-proof,
  .dzh-page.dzh-native .dzh-proof
) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  margin-top: 32px;
  padding-top: 27px;
  border-top: 1px solid var(--dc-native-line);
}

.dcl-calc.dcl-native .dcl-hero-facts > div {
  padding-right: 14px;
}

.dcl-calc.dcl-native .dcl-hero-facts {
  width: 100%;
  max-width: var(--dcl-site-inner-max, 1436px);
  margin-inline: auto;
}

.dcl-calc.dcl-native .dcl-hero-facts > div + div {
  padding-left: 0;
  border-left: 0;
}

@media (max-width: 980px) {
  :is(
    .dch-page.dch-native .dch-hero-grid,
    .dsv-page.dsv-native .dsv-hero-grid,
    .dz-page.dz-native .dz-hero__grid,
    .dco-page.dco-native .dco-hero-grid,
    .dck-page.dck-native .dck-hero-grid,
    .dcl-calc.dcl-native .dcl-hero-grid,
    .ddp-page.ddp-native .ddp-hero-grid,
    .dhr-page.dhr-native .dhr-hero-grid,
    .dtr-page.dtr-native .dtr-hero-grid,
    .dcbs-page.dcbs-native .dcbs-hero-grid,
    .dht-page.dht-native .dht-hero-grid,
    .dmi-page.dmi-native .dmi-hero-grid,
    .ded-page.ded-native .ded-hero-grid,
    .dci-page.dci-native .dci-hero-grid,
    .dsf-page.dsf-native .dsf-hero-grid,
    .dwh-page.dwh-native .dwh-hero-grid,
    .ddt-page.ddt-native .ddt-hero-grid,
    .dac-page.dac-native .dac-hero-grid,
    .dmc-page.dmc-native .dmc-hero-grid,
    .dzh-page.dzh-native .dzh-hero-grid
  ) {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }

  :is(
    .dch-page.dch-native .dch-hero-media,
    .dsv-page.dsv-native .dsv-hero-media,
    .dz-page.dz-native .dz-hero__media,
    .dco-page.dco-native .dco-hero-visual,
    .dck-page.dck-native .dck-hero-photo,
    .dhr-page.dhr-native .dhr-hero-media,
    .dtr-page.dtr-native .dtr-hero-media,
    .dcbs-page.dcbs-native .dcbs-hero-media,
    .dht-page.dht-native .dht-hero-media,
    .dmi-page.dmi-native .dmi-hero-photo,
    .ded-page.ded-native .ded-hero-media,
    .dci-page.dci-native .dci-hero-product,
    .dsf-page.dsf-native .dsf-hero-media,
    .dwh-page.dwh-native .dwh-hero-media,
    .ddt-page.ddt-native .ddt-hero-media,
    .dac-page.dac-native .dac-hero-photo,
    .dmc-page.dmc-native .dmc-hero-photo,
    .dzh-page.dzh-native .dzh-hero-photo
  ) {
    aspect-ratio: 1.75;
  }
}

@media (max-width: 767px) {
  :is(
    .dch-page.dch-native .dch-breadcrumbs,
    .dsv-page.dsv-native .dsv-breadcrumbs,
    .dco-page.dco-native .dco-breadcrumb,
    .dck-page.dck-native .dck-breadcrumbs,
    .dz-page.dz-native .dz-breadcrumbs,
    .dcl-calc.dcl-native .dcl-breadcrumbs,
    .ddp-page.ddp-native .ddp-breadcrumbs,
    .dhr-page.dhr-native .dhr-breadcrumbs,
    .dtr-page.dtr-native .dtr-breadcrumbs,
    .dcbs-page.dcbs-native .dcbs-breadcrumbs,
    .dht-page.dht-native .dht-breadcrumbs,
    .dmi-page.dmi-native .dmi-breadcrumbs,
    .ded-page.ded-native .ded-breadcrumbs,
    .dci-page.dci-native .dci-breadcrumbs,
    .dsf-page.dsf-native .dsf-breadcrumbs,
    .dwh-page.dwh-native .dwh-breadcrumbs,
    .ddt-page.ddt-native .ddt-breadcrumbs,
    .dac-page.dac-native .dac-breadcrumbs,
    .dmc-page.dmc-native .dmc-breadcrumbs,
    .dzh-page.dzh-native .dzh-breadcrumbs
  ) {
    padding: 20px 0 27px;
    font-size: 11px;
  }

  .dch-page.dch-native .dch-breadcrumbs ol,
  .dsv-page.dsv-native .dsv-breadcrumbs ol,
  .dck-page.dck-native .dck-breadcrumbs ol,
  .ddp-page.ddp-native .ddp-breadcrumbs ol,
  .dhr-page.dhr-native .dhr-breadcrumbs ol,
  .dtr-page.dtr-native .dtr-breadcrumbs ol,
  .dcbs-page.dcbs-native .dcbs-breadcrumbs ol,
  .dht-page.dht-native .dht-breadcrumbs ol,
  .dmi-page.dmi-native .dmi-breadcrumbs ol,
  .ded-page.ded-native .ded-breadcrumbs ol,
  .dci-page.dci-native .dci-breadcrumbs ol,
  .dsf-page.dsf-native .dsf-breadcrumbs ol,
  .dwh-page.dwh-native .dwh-breadcrumbs ol,
  .ddt-page.ddt-native .ddt-breadcrumbs ol,
  .dac-page.dac-native .dac-breadcrumbs ol,
  .dmc-page.dmc-native .dmc-breadcrumbs ol,
  .dzh-page.dzh-native .dzh-breadcrumbs ol,
  .dch-page.dch-native .dch-breadcrumbs li,
  .dsv-page.dsv-native .dsv-breadcrumbs li,
  .dck-page.dck-native .dck-breadcrumbs li,
  .ddp-page.ddp-native .ddp-breadcrumbs li,
  .dhr-page.dhr-native .dhr-breadcrumbs li,
  .dtr-page.dtr-native .dtr-breadcrumbs li,
  .dcbs-page.dcbs-native .dcbs-breadcrumbs li,
  .dht-page.dht-native .dht-breadcrumbs li,
  .dmi-page.dmi-native .dmi-breadcrumbs li,
  .ded-page.ded-native .ded-breadcrumbs li,
  .dci-page.dci-native .dci-breadcrumbs li,
  .dsf-page.dsf-native .dsf-breadcrumbs li,
  .dwh-page.dwh-native .dwh-breadcrumbs li,
  .ddt-page.ddt-native .ddt-breadcrumbs li,
  .dac-page.dac-native .dac-breadcrumbs li,
  .dmc-page.dmc-native .dmc-breadcrumbs li,
  .dzh-page.dzh-native .dzh-breadcrumbs li,
  .dco-page.dco-native .dco-breadcrumb > :is(a, span),
  .dz-page.dz-native .dz-breadcrumbs .breadcrumbs,
  .dcl-calc.dcl-native .dcl-breadcrumbs .breadcrumbs,
  .dz-page.dz-native .dz-breadcrumbs .breadcrumbs__item,
  .dcl-calc.dcl-native .dcl-breadcrumbs .breadcrumbs__item {
    min-height: 18.7px;
  }

  :is(
    .dch-page.dch-native .dch-hero .dch-kicker,
    .dsv-page.dsv-native .dsv-hero .dsv-kicker,
    .dz-page.dz-native .dz-hero .dz-hero__eyebrow,
    .dco-page.dco-native .dco-hero .dco-overline,
    .dck-page.dck-native .dck-hero .dck-kicker,
    .dcl-calc.dcl-native .dcl-hero .dcl-eyebrow,
    .ddp-page.ddp-native .ddp-hero .ddp-kicker,
    .dhr-page.dhr-native .dhr-hero .dhr-kicker,
    .dtr-page.dtr-native .dtr-hero .dtr-kicker,
    .dcbs-page.dcbs-native .dcbs-hero .dcbs-kicker,
    .dht-page.dht-native .dht-hero .dht-kicker,
    .dmi-page.dmi-native .dmi-hero .dmi-kicker,
    .ded-page.ded-native .ded-hero .ded-kicker,
    .dci-page.dci-native .dci-hero .dci-kicker,
    .dsf-page.dsf-native .dsf-hero .dsf-kicker,
    .dwh-page.dwh-native .dwh-hero .dwh-kicker,
    .ddt-page.ddt-native .ddt-hero .ddt-kicker,
    .dac-page.dac-native .dac-hero .dac-kicker,
    .dmc-page.dmc-native .dmc-hero .dmc-kicker,
    .dzh-page.dzh-native .dzh-hero .dzh-kicker
  ) {
    margin-bottom: 16px;
    font-size: 10px;
  }

  :is(
    .dch-page.dch-native .dch-hero h1,
    .dsv-page.dsv-native .dsv-hero h1,
    .dz-page.dz-native .dz-hero h1,
    .dco-page.dco-native .dco-hero h1,
    .dck-page.dck-native .dck-hero h1,
    .dcl-calc.dcl-native .dcl-hero h1,
    .ddp-page.ddp-native .ddp-hero h1,
    .dhr-page.dhr-native .dhr-hero h1,
    .dtr-page.dtr-native .dtr-hero h1,
    .dcbs-page.dcbs-native .dcbs-hero h1,
    .dht-page.dht-native .dht-hero h1,
    .dmi-page.dmi-native .dmi-hero h1,
    .ded-page.ded-native .ded-hero h1,
    .dci-page.dci-native .dci-hero h1,
    .dsf-page.dsf-native .dsf-hero h1,
    .dwh-page.dwh-native .dwh-hero h1,
    .ddt-page.ddt-native .ddt-hero h1,
    .dac-page.dac-native .dac-hero h1,
    .dmc-page.dmc-native .dmc-hero h1,
    .dzh-page.dzh-native .dzh-hero h1
  ) {
    max-width: 620px;
    font-size: clamp(34px, 9.2vw, 40px);
    line-height: 1.11;
    letter-spacing: -.035em;
  }
}

@media (max-width: 600px) {
  :is(
    .dch-page.dch-native .dch-hero .dch-actions,
    .dsv-page.dsv-native .dsv-hero .dsv-actions,
    .dz-page.dz-native .dz-hero .dz-btn-row,
    .dco-page.dco-native .dco-hero .dco-actions,
    .dck-page.dck-native .dck-hero .dck-hero-actions,
    .dcl-calc.dcl-native .dcl-hero .dcl-actions,
    .ddp-page.ddp-native .ddp-hero .ddp-actions,
    .dhr-page.dhr-native .dhr-hero .dhr-actions,
    .dtr-page.dtr-native .dtr-hero .dtr-actions,
    .dcbs-page.dcbs-native .dcbs-hero .dcbs-actions,
    .dht-page.dht-native .dht-hero .dht-actions,
    .dmi-page.dmi-native .dmi-hero .dmi-actions,
    .ded-page.ded-native .ded-hero .ded-actions,
    .dci-page.dci-native .dci-hero .dci-actions,
    .dsf-page.dsf-native .dsf-hero .dsf-actions,
    .dwh-page.dwh-native .dwh-hero .dwh-actions,
    .ddt-page.ddt-native .ddt-hero .ddt-actions,
    .dac-page.dac-native .dac-hero .dac-actions,
    .dmc-page.dmc-native .dmc-hero .dmc-actions,
    .dzh-page.dzh-native .dzh-hero .dzh-actions
  ) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
  }

  :is(
    .dch-page.dch-native .dch-hero .dch-btn,
    .dsv-page.dsv-native .dsv-hero .dsv-btn,
    .dz-page.dz-native .dz-hero .btn,
    .dco-page.dco-native .dco-hero .dco-btn,
    .dck-page.dck-native .dck-hero .dck-btn,
    .dck-page.dck-native .dck-hero .dck-textlink,
    .dcl-calc.dcl-native .dcl-hero .dcl-button,
    .ddp-page.ddp-native .ddp-hero .ddp-btn,
    .dhr-page.dhr-native .dhr-hero .dhr-btn,
    .dtr-page.dtr-native .dtr-hero .dtr-btn,
    .dcbs-page.dcbs-native .dcbs-hero .dcbs-btn,
    .dht-page.dht-native .dht-hero .dht-btn,
    .dmi-page.dmi-native .dmi-hero .dmi-btn,
    .ded-page.ded-native .ded-hero .ded-btn,
    .dci-page.dci-native .dci-hero .dci-button,
    .dsf-page.dsf-native .dsf-hero .dsf-btn,
    .dwh-page.dwh-native .dwh-hero .dwh-btn,
    .ddt-page.ddt-native .ddt-hero .ddt-btn,
    .dac-page.dac-native .dac-hero .dac-btn,
    .dmc-page.dmc-native .dmc-hero .dmc-btn,
    .dzh-page.dzh-native .dzh-hero .dzh-btn
  ) {
    width: 100%;
    justify-content: space-between;
  }

  .dck-page.dck-native .dck-hero-actions .dck-small {
    grid-row: 3;
  }

  :is(
    .dch-page.dch-native .dch-hero-media,
    .dsv-page.dsv-native .dsv-hero-media,
    .dz-page.dz-native .dz-hero__media,
    .dco-page.dco-native .dco-hero-visual,
    .dck-page.dck-native .dck-hero-photo,
    .dhr-page.dhr-native .dhr-hero-media,
    .dtr-page.dtr-native .dtr-hero-media,
    .dcbs-page.dcbs-native .dcbs-hero-media,
    .dht-page.dht-native .dht-hero-media,
    .dmi-page.dmi-native .dmi-hero-photo,
    .ded-page.ded-native .ded-hero-media,
    .dci-page.dci-native .dci-hero-product,
    .dsf-page.dsf-native .dsf-hero-media,
    .dwh-page.dwh-native .dwh-hero-media,
    .ddt-page.ddt-native .ddt-hero-media,
    .dac-page.dac-native .dac-hero-photo,
    .dmc-page.dmc-native .dmc-hero-photo,
    .dzh-page.dzh-native .dzh-hero-photo
  ) {
    aspect-ratio: 1.25;
  }

  :is(
    .dch-page.dch-native .dch-proof-row,
    .dz-page.dz-native .dz-hero__stats,
    .dco-page.dco-native .dco-proof-row,
    .dck-page.dck-native .dck-hero-mini,
    .dcl-calc.dcl-native .dcl-hero-facts,
    .ddp-page.ddp-native .ddp-proof-row,
    .dhr-page.dhr-native .dhr-proof,
    .dtr-page.dtr-native .dtr-proof,
    .dcbs-page.dcbs-native .dcbs-proof,
    .dht-page.dht-native .dht-proof,
    .dmi-page.dmi-native .dmi-proof,
    .ded-page.ded-native .ded-proof,
    .dci-page.dci-native .dci-facts,
    .dwh-page.dwh-native .dwh-proof,
    .ddt-page.ddt-native .ddt-proof,
    .dac-page.dac-native .dac-proof,
    .dmc-page.dmc-native .dmc-proof,
    .dzh-page.dzh-native .dzh-proof
  ) {
    grid-template-columns: minmax(0, 1fr);
    gap: 17px;
    margin-top: 26px;
    padding-top: 21px;
  }
}

.theme-dark :is(
  .dch-page.dch-native .dch-hero-media,
  .dsv-page.dsv-native .dsv-hero-media,
  .dz-page.dz-native .dz-hero__media,
  .dco-page.dco-native .dco-hero-visual,
  .dck-page.dck-native .dck-hero-photo,
  .dcl-calc.dcl-native .dcl-hero-picture img,
  .dhr-page.dhr-native .dhr-hero-media,
  .dtr-page.dtr-native .dtr-hero-media,
  .dcbs-page.dcbs-native .dcbs-hero-media,
  .dht-page.dht-native .dht-hero-media,
  .dmi-page.dmi-native .dmi-hero-photo,
  .ded-page.ded-native .ded-hero-media,
  .dwh-page.dwh-native .dwh-hero-media,
  .ddt-page.ddt-native .ddt-hero-media,
  .dac-page.dac-native .dac-hero-photo,
  .dmc-page.dmc-native .dmc-hero-photo,
  .dzh-page.dzh-native .dzh-hero-photo
) {
  outline-color: rgba(255, 255, 255, .10);
}

/* End */


/* Start:/bitrix/templates/aspro-lite/components/bitrix/breadcrumb/main/style.min.css?17440085131308*/
.breadcrumbs__item{display:inline;padding-right:16px;margin-right:-16px;}.breadcrumbs__separator{bottom:-1px;margin:0 10px 0 9px;color:#DDD;}.breadcrumbs__dropdown-select__icon-down{fill:#999;margin:0 4px;}.breadcrumbs__dropdown-select__icon-down:hover{color:var(--fill_dark_lite_ccc);}.breadcrumbs__item-name{color:#999;}.breadcrumbs__link:hover .breadcrumbs__item-name{color:#555;color:var(--fill_dark_lite_white_hover);}.breadcrumbs__link:hover .breadcrumbs__dropdown-select__icon-down{fill:var(--fill_dark_lite_white_hover);}.breadcrumbs__item--with-dropdown:hover .breadcrumbs__dropdown-wrapper{opacity:1;visibility:visible;top:100%;margin-top:8px;}.breadcrumbs__dropdown-wrapper.dropdown-menu-wrapper{left:-15px;z-index:108;box-shadow:0 5px 30px #22222219;overflow:hidden;}.breadcrumbs__dropdown{padding:8px;display:flex;flex-direction:column;gap:1px;}.breadcrumbs__dropdown-select__list-item>a{padding:7px 15px;display:block;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}.breadcrumbs__dropdown-wrapper .breadcrumbs__dropdown{max-height:288px;}@media (max-width:600px){.breadcrumbs{white-space:nowrap;overflow-x:auto;margin-right:calc(var(--theme-page-width-padding) * -1);margin-left:calc(var(--theme-page-width-padding) * -1);padding-left:var(--theme-page-width-padding);padding-bottom:5px}}
/* End */
/* /local/assets/designers/designers.css?179251592822571 */
/* /local/tools/dc-light-b2b/native-family.css?179249318928533 */
/* /bitrix/templates/aspro-lite/components/bitrix/breadcrumb/main/style.min.css?17440085131308 */