/* Mobile release polish. Desktop geometry and all copy stay untouched. */
      body.reference-only[data-artboard="390"] [data-reveal] {
        transform: none !important;
        transition-property: opacity !important;
        transition-duration: 180ms !important;
        transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
      }

      body.reference-only[data-artboard="390"] #top #hero-title {
        width: 100% !important;
        max-width: 100% !important;
        margin-inline: auto !important;
        font-size: clamp(36px, 9.8cqw, 38.5px) !important;
        line-height: 1.04 !important;
        letter-spacing: -0.025em !important;
        text-wrap: balance;
      }

      body.reference-only[data-artboard="390"] :is(#guarantee, #request, #faq, #contacts) {
        padding-top: 52px !important;
        padding-bottom: 52px !important;
        scroll-margin-top: 72px;
      }

      body.reference-only[data-artboard="390"] #guarantee .guarantee-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: none !important;
        grid-auto-rows: auto !important;
        gap: 18px !important;
        margin-top: 36px !important;
      }

      body.reference-only[data-artboard="390"] #guarantee .guarantee-card {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 0 128px !important;
        border-radius: 20px !important;
        background-image:
          linear-gradient(145deg, rgba(255, 255, 255, 0.045), transparent 42%),
          linear-gradient(160deg, #171a1b 0%, #0d1011 68%, #141714 100%) !important;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.045),
          0 18px 42px rgba(0, 0, 0, 0.2) !important;
      }

      body.reference-only[data-artboard="390"] #guarantee .guarantee-card::after,
      body.reference-only[data-artboard="390"] #guarantee .guarantee-card-primary::after {
        content: none !important;
        display: none !important;
        background: none !important;
      }

      body.reference-only[data-artboard="390"] #guarantee .guarantee-card-copy {
        width: 100% !important;
        max-width: none !important;
        padding: 22px 22px 0 !important;
      }

      body.reference-only[data-artboard="390"] #guarantee .guarantee-card-copy > span {
        display: inline-grid !important;
        width: 34px !important;
        height: 24px !important;
        margin: 0 0 18px !important;
        place-items: center !important;
        border: 1px solid rgba(255, 255, 255, 0.13) !important;
        border-radius: 999px !important;
        color: rgba(255, 255, 255, 0.58) !important;
        font-family: Consolas, monospace !important;
        font-size: 11px !important;
        letter-spacing: 0.06em !important;
      }

      body.reference-only[data-artboard="390"] #guarantee .guarantee-card-primary .guarantee-card-copy > span {
        border-color: rgba(255, 255, 255, 0.13) !important;
        color: rgba(255, 255, 255, 0.58) !important;
      }

      body.reference-only[data-artboard="390"] #guarantee .guarantee-card h3 {
        max-width: 100% !important;
        font-size: clamp(20px, 5.65cqw, 22px) !important;
        line-height: 1.12 !important;
        letter-spacing: -0.015em !important;
        white-space: normal !important;
        text-wrap: balance;
      }

      body.reference-only[data-artboard="390"] #guarantee .guarantee-card p,
      body.reference-only[data-artboard="390"] #guarantee .guarantee-card-new p {
        max-width: 100% !important;
        margin-top: 16px !important;
        color: rgba(255, 255, 255, 0.67) !important;
        font-size: clamp(13px, 3.6cqw, 14px) !important;
        line-height: 1.52 !important;
        white-space: normal !important;
      }

      body.reference-only[data-artboard="390"] #guarantee .guarantee-card img {
        position: absolute !important;
        top: auto !important;
        right: 0 !important;
        bottom: -2% !important;
        left: auto !important;
        z-index: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 174px !important;
        margin: 0 !important;
        object-fit: cover !important;
        object-position: right bottom !important;
        transform: none !important;
        transform-origin: right bottom !important;
        filter: brightness(0.94) contrast(1.03) !important;
        -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.12) 10%, rgba(0, 0, 0, 0.42) 28%, rgba(0, 0, 0, 0.8) 48%, #000 68%) !important;
        mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.12) 10%, rgba(0, 0, 0, 0.42) 28%, rgba(0, 0, 0, 0.8) 48%, #000 68%) !important;
      }

      body.reference-only[data-artboard="390"] #guarantee .guarantee-card-primary {
        padding-bottom: 150px !important;
      }

      body.reference-only[data-artboard="390"] #guarantee .guarantee-card-primary img {
        width: 100% !important;
        height: 196px !important;
        right: 0 !important;
        object-position: right bottom !important;
        transform: none !important;
      }

      body.reference-only[data-artboard="390"] #guarantee .guarantee-card-new {
        padding-bottom: 126px !important;
      }

      body.reference-only[data-artboard="390"] #guarantee .guarantee-card-new img {
        width: 100% !important;
        height: 164px !important;
        object-position: right bottom !important;
        transform: none !important;
      }

      body.reference-only[data-artboard="390"] #guarantee .guarantee-card-exchange {
        padding-bottom: 120px !important;
      }

      body.reference-only[data-artboard="390"] #guarantee .guarantee-card-exchange img {
        width: 100% !important;
        height: 158px !important;
        object-position: right bottom !important;
        transform: none !important;
      }

      body.reference-only[data-artboard="390"] #guarantee .guarantee-card-receiving {
        padding-bottom: 126px !important;
      }

      body.reference-only[data-artboard="390"] #guarantee .guarantee-card-receiving img {
        width: 100% !important;
        height: 166px !important;
        object-position: right bottom !important;
        transform: none !important;
        filter: brightness(0.96) contrast(1.03) saturate(1.02) !important;
      }

      body.reference-only[data-artboard="390"] #faq .reference-faq-contact h3 {
        max-width: 100% !important;
        white-space: normal !important;
      }

      body.reference-only[data-artboard="390"] #faq .reference-faq-side .reference-faq-contact {
        background: #111416 !important;
        background-image: none !important;
      }

      body.reference-only[data-artboard="390"] #faq .reference-faq-side .reference-faq-contact a {
        width: auto !important;
        min-width: 0 !important;
        min-height: 44px !important;
        height: 44px !important;
        padding-inline: 14px !important;
        gap: 9px !important;
        font-size: 12px !important;
        line-height: 1 !important;
      }

      body.reference-only[data-artboard="390"] #faq .reference-faq-side .reference-faq-contact a span {
        font-size: 18px !important;
      }

      body.reference-only[data-artboard="390"] #faq .reference-faq-side .reference-faq-contact::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        inset: 0 0 auto !important;
        width: 100% !important;
        height: 70% !important;
        z-index: 1 !important;
        background: linear-gradient(
          180deg,
          #111416 0%,
          rgba(17, 20, 22, 0.96) 24%,
          rgba(17, 20, 22, 0.68) 50%,
          rgba(17, 20, 22, 0.22) 78%,
          transparent 100%
        ) !important;
        pointer-events: none !important;
      }

      body.reference-only[data-artboard="390"] #faq .reference-faq-side .reference-faq-contact img {
        top: auto !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 72% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: right bottom !important;
        -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.12) 14%, rgba(0, 0, 0, 0.55) 32%, #000 58%), linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.12) 22%, rgba(0, 0, 0, 0.65) 44%, #000 66%) !important;
        mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.12) 14%, rgba(0, 0, 0, 0.55) 32%, #000 58%), linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.12) 22%, rgba(0, 0, 0, 0.65) 44%, #000 66%) !important;
        -webkit-mask-composite: source-in !important;
        mask-composite: intersect !important;
      }

      body.reference-only[data-artboard="390"] #about .process-card h3 {
        width: auto !important;
        max-width: 100% !important;
        font-size: 14px !important;
        letter-spacing: -0.01em !important;
        white-space: normal !important;
      }

      @media (max-width: 700px) {
        body.reference-only #about.reference-process {
          height: auto !important;
          min-height: 0 !important;
          padding-bottom: 48px !important;
          overflow: visible !important;
        }

        body.reference-only #about .reference-process-shell {
          width: calc(100% - 32px) !important;
          min-height: 0 !important;
          grid-template-columns: minmax(0, 1fr) !important;
          grid-template-rows: auto auto auto !important;
          gap: 16px !important;
          margin: 32px 16px 0 !important;
        }

        body.reference-only #about .process-card {
          grid-column: 1 !important;
          grid-row: 2 !important;
          height: 320px !important;
          min-height: 320px !important;
          border-radius: 16px !important;
        }

        body.reference-only #about .process-card::after {
          background:
            linear-gradient(180deg, rgba(14, 16, 14, 0.98) 0%, rgba(14, 16, 14, 0.86) 48%, rgba(14, 16, 14, 0.2) 78%),
            linear-gradient(90deg, rgba(14, 16, 14, 0.96) 0%, rgba(14, 16, 14, 0.62) 54%, transparent 84%) !important;
        }

        body.reference-only #about .process-card-copy {
          height: 100% !important;
          padding: 22px 20px !important;
        }

        body.reference-only #about .process-card-intro--desktop {
          position: relative !important;
          top: 0 !important;
        }

        body.reference-only #about .process-card-copy h3 {
          max-width: 270px !important;
          font-size: 20px !important;
          line-height: 1.12 !important;
          letter-spacing: -0.02em !important;
          white-space: normal !important;
        }

        body.reference-only #about .process-card-copy p {
          max-width: 270px !important;
          margin-top: 12px !important;
          font-size: 14px !important;
          line-height: 1.5 !important;
        }

        body.reference-only #about .process-card-offer--desktop {
          position: absolute !important;
          right: auto !important;
          bottom: 22px !important;
          left: 20px !important;
          z-index: 3 !important;
          display: flex !important;
          width: auto !important;
          align-items: flex-end !important;
          gap: 14px !important;
          margin: 0 !important;
          line-height: 1 !important;
        }

        body.reference-only #about .process-card-offer--desktop > b {
          display: flex !important;
          align-items: flex-start !important;
          flex: 0 0 auto !important;
          font-size: 78px !important;
          font-weight: 500 !important;
          line-height: 0.72 !important;
          letter-spacing: -0.07em !important;
        }

        body.reference-only #about .process-card-offer--desktop > b > sup {
          margin: 3px 0 0 5px !important;
          font-size: 26px !important;
          line-height: 1 !important;
          letter-spacing: 0 !important;
        }

        body.reference-only #about .process-card-offer--desktop > span {
          position: static !important;
          display: flex !important;
          width: auto !important;
          flex-direction: column !important;
          align-items: flex-start !important;
          gap: 5px !important;
          margin: 0 0 1px !important;
          padding-left: 12px !important;
          border-left: 1px solid rgba(255, 255, 255, 0.24) !important;
          line-height: 1 !important;
          white-space: nowrap !important;
        }

        body.reference-only #about .process-card-offer--desktop > span > small {
          position: static !important;
          width: auto !important;
          margin: 0 !important;
          font-size: 10px !important;
          line-height: 1 !important;
          letter-spacing: 0.08em !important;
          white-space: nowrap !important;
        }

        body.reference-only #about .process-card-offer--desktop > span > em {
          font-size: 15px !important;
          font-style: normal !important;
          font-weight: 500 !important;
          line-height: 1.05 !important;
          letter-spacing: 0.05em !important;
        }

        body.reference-only #about .process-card-disc {
          right: -37% !important;
          bottom: -1% !important;
          width: 112% !important;
          max-width: none !important;
          filter: brightness(0.72) contrast(1.14) !important;
        }

        body.reference-only #about .process-content {
          display: contents !important;
        }

        body.reference-only #about .process-content h2 {
          grid-column: 1 !important;
          grid-row: 1 !important;
        }

        body.reference-only #about .process-benefits {
          box-sizing: border-box !important;
          width: 100% !important;
          height: auto !important;
          min-height: 390px !important;
          grid-column: 1 !important;
          grid-row: 3 !important;
          grid-template-rows: auto auto !important;
          align-content: start !important;
          padding: 22px 20px 158px !important;
          overflow: hidden !important;
          border-radius: 16px !important;
        }

        body.reference-only #about .process-benefits article {
          padding: 0 0 18px !important;
        }

        body.reference-only #about .process-benefits article + article {
          padding: 18px 0 0 !important;
          border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
        }

        body.reference-only #about .process-benefits h3 {
          margin-bottom: 8px !important;
          font-size: 18px !important;
          line-height: 1.2 !important;
        }

        body.reference-only #about .process-benefits p {
          font-size: 14px !important;
          line-height: 1.5 !important;
        }

        body.reference-only #about .process-actions {
          position: relative !important;
          z-index: 2 !important;
          display: grid !important;
          box-sizing: border-box !important;
          width: calc(100% - 40px) !important;
          grid-column: 1 !important;
          grid-row: 3 !important;
          grid-template-columns: 1fr !important;
          justify-self: center !important;
          align-self: end !important;
          gap: 10px !important;
          margin: 0 20px !important;
          padding: 16px 0 18px !important;
          border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
        }

        body.reference-only #about .process-primary,
        body.reference-only #about .process-secondary {
          width: 100% !important;
          min-height: 48px !important;
          font-size: 13px !important;
        }

        body.reference-only #about .process-primary {
          height: 56px !important;
          border-radius: 8px !important;
        }

        body.reference-only #about .process-secondary {
          height: 48px !important;
          justify-content: center !important;
        }
      }

      @media (max-width: 700px) {
        html body.reference-only #company.company-autoscale {
          height: 720px !important;
          min-height: 720px !important;
        }

        body.reference-only #company .as-company__artboard {
          height: 720px !important;
          min-height: 720px !important;
          overflow: hidden !important;
        }

        body.reference-only #company .as-company__title {
          top: 84px !important;
          left: 16px !important;
          width: calc(100% - 32px) !important;
          font-size: 23px !important;
          line-height: 1.08 !important;
          letter-spacing: -0.025em !important;
        }

        body.reference-only #company .as-company__visual {
          top: 200px !important;
          left: 0 !important;
          width: 100% !important;
          height: 220px !important;
          overflow: hidden !important;
          transform: none !important;
        }

        body.reference-only #company .as-company__case {
          top: 0 !important;
          right: auto !important;
          left: 20px !important;
          width: calc(100% - 40px) !important;
          height: auto !important;
        }

        body.reference-only #company .as-company__stats {
          /* Keep the desktop 16.4% / 18% / 72% placement relative to the case. */
          top: calc(10.286cqw - 4.114px) !important;
          left: calc(18% + 12.8px) !important;
          width: calc(72% - 28.8px) !important;
          transform: none !important;
        }

        body.reference-only #company .as-company__stats-title {
          font-size: calc(1.218cqw - 0.487px) !important;
          line-height: 1 !important;
        }

        body.reference-only #company .as-company__stats-grid {
          margin-top: calc(0.897cqw - 0.359px) !important;
        }

        body.reference-only #company .as-company__stat {
          min-height: calc(11.154cqw - 4.462px) !important;
          padding-inline: 2px !important;
        }

        body.reference-only #company .as-company__stat strong {
          font-size: calc(5.513cqw - 2.205px) !important;
          line-height: 0.98 !important;
        }

        body.reference-only #company .as-company__stat span {
          max-width: 68px !important;
          margin-top: calc(0.897cqw - 0.359px) !important;
          font-size: calc(1.41cqw - 0.564px) !important;
          line-height: 1.2 !important;
        }

        body.reference-only #company .as-company__stat--region strong {
          --company-region-size: calc(2.628cqw - 1.051px);
          line-height: 1.12 !important;
        }

        body.reference-only #company .as-company__copy {
          top: 455px !important;
          left: 20px !important;
          width: calc(100% - 40px) !important;
          height: auto !important;
          padding: 0 !important;
          overflow: visible !important;
          border: 0 !important;
          border-radius: 0 !important;
          background: transparent !important;
        }

        body.reference-only #company .as-company__copy::before {
          content: none !important;
        }

        body.reference-only #company .as-company__copy::after {
          content: none !important;
        }

        body.reference-only #company .as-company__copy h3 {
          margin-bottom: 14px !important;
          font-size: 20px !important;
          line-height: 1.2 !important;
        }

        body.reference-only #company .as-company__copy p {
          font-size: 13px !important;
          line-height: 1.56 !important;
        }

        body.reference-only #company .as-company__copy br {
          display: none !important;
        }

        body.reference-only #company .as-company__actions {
          grid-template-columns: minmax(0, 1fr) auto !important;
          gap: 12px !important;
          margin-top: 14px !important;
        }

        body.reference-only #company .as-company__primary,
        body.reference-only #company .as-company__catalog {
          height: 56px !important;
          min-height: 56px !important;
          font-size: 12px !important;
        }

        body.reference-only #company .as-company__primary {
          width: 100% !important;
          min-width: 0 !important;
          border-radius: 8px !important;
        }

        body.reference-only #company .as-company__catalog {
          width: auto !important;
          padding-inline: 8px !important;
          white-space: nowrap !important;
        }
      }

      body.reference-only[data-artboard="390"] #request .reference-request-next-card[hidden] {
        display: none !important;
      }

      body.reference-only[data-artboard="390"] #request .reference-request-next-card:not([hidden]) {
        display: grid !important;
      }

      body.reference-only[data-artboard="390"] :is(
        .reference-header .reference-logo,
        .reference-header .reference-phone,
        #top .reference-secondary,
        #catalog .reference-catalog-preview-heading > a,
        #catalog .catalog-preview-disclaimer a,
        #about .process-card p > a,
        #about .process-primary,
        #about .process-secondary,
        #company .as-company__primary,
        #company .as-company__catalog,
        #orders .orders-all,
        #faq .reference-faq-contact a,
        #request .reference-request-next,
        #contacts .reference-contact-map-copy a,
        #contacts .reference-contact-details button,
        #contacts .reference-contact-vk-link,
        #contacts .reference-footer-brand,
        #contacts .reference-footer > button
      ) {
        min-height: 56px !important;
      }

      @media (max-width: 700px) {
        html body.reference-only[data-artboard="390"] #company .as-company__actions {
          grid-template-columns: 164px auto !important;
          justify-content: start !important;
          gap: 10px !important;
          margin-top: 24px !important;
        }

        html body.reference-only[data-artboard="390"][data-artboard="390"] #company .as-company__primary,
        html body.reference-only[data-artboard="390"][data-artboard="390"] #company .as-company__catalog {
          position: relative !important;
          height: 48px !important;
          min-height: 48px !important;
          font-size: 11px !important;
        }

        html body.reference-only[data-artboard="390"] #company .as-company__primary::before,
        html body.reference-only[data-artboard="390"] #company .as-company__catalog::before {
          content: "";
          position: absolute;
          inset: -4px 0;
        }

        html body.reference-only[data-artboard="390"] #company .as-company__primary {
          width: 164px !important;
        }

        html body.reference-only[data-artboard="390"] #company .as-company__catalog {
          width: auto !important;
          padding-inline: 4px !important;
          justify-content: flex-start !important;
        }
      }

      body.reference-only[data-artboard="390"] .reference-header :is(.reference-logo, .reference-phone, .menu-toggle) {
        min-width: 48px !important;
      }

      body.reference-only .reference-header .reference-phone {
        width: max-content !important;
        min-width: max-content !important;
        flex: 0 0 auto !important;
        white-space: nowrap !important;
      }

      @media (max-width: 700px) {
        body.reference-only .reference-header .reference-phone {
          display: none !important;
        }

        body.reference-only #top .reference-eyebrow {
          display: inline-flex !important;
          width: auto !important;
          min-height: 28px !important;
          align-self: center !important;
          align-items: center !important;
          justify-content: center !important;
          margin: 0 0 14px !important;
          padding: 0 12px !important;
          border: 1px solid rgba(255, 255, 255, 0.16) !important;
          border-radius: 999px !important;
          background: rgba(4, 6, 7, 0.36) !important;
          font-size: 10px !important;
          line-height: 1 !important;
          letter-spacing: 0.08em !important;
          text-transform: uppercase !important;
        }
      }

      @media (max-width: 700px) {
        body.reference-only .reference-header .menu-toggle {
          width: 48px !important;
          height: 48px !important;
          min-width: 48px !important;
          min-height: 48px !important;
          flex: 0 0 48px !important;
          grid-column: -2 / -1 !important;
          align-self: center !important;
          translate: 0 -2px;
        }
      }

      body.reference-only[data-artboard="390"] #workflow :is(button, [role="button"]) {
        min-width: 56px !important;
        min-height: 56px !important;
      }

      body.reference-only[data-artboard="390"] #contacts :is(.reference-contact-phone, .reference-contact-email) {
        display: flex !important;
        width: fit-content !important;
        min-height: 56px !important;
        align-items: center !important;
      }

      html body.reference-only[data-artboard="390"] #catalog.catalog-autoscale .catalog-preview-disclaimer a,
      html body.reference-only[data-artboard="390"] #contacts .reference-contact-actions a {
        height: 48px !important;
        min-height: 48px !important;
      }

      body.reference-only[data-artboard="390"] #workflow .workflow-steps h3 {
        max-width: 100% !important;
        font-size: 24px !important;
        white-space: normal !important;
      }

      @media (max-width: 700px) {
        html body.reference-only[data-artboard="390"] #workflow.reference-workflow {
          height: 680px !important;
        }

        html body.reference-only[data-artboard="390"] #workflow #workflow-title {
          width: 88cqw !important;
          margin-top: 21cqw !important;
          font-size: 5.65cqw !important;
        }

        html body.reference-only[data-artboard="390"] #workflow .workflow-steps {
          margin-top: 5.2cqw !important;
        }

        html body.reference-only[data-artboard="390"] #workflow .workflow-steps > li,
        html body.reference-only[data-artboard="390"] #workflow .workflow-steps > li:nth-child(n) {
          height: 100cqw !important;
          min-height: 100cqw !important;
        }

        html body.reference-only[data-artboard="390"] #workflow .workflow-pagination {
          margin-top: 2.8cqw !important;
        }
      }

      body.reference-only[data-artboard="390"] #contacts .reference-contact-card-main {
        height: auto !important;
        min-height: 370px !important;
      }

      body.reference-only[data-artboard="390"] #contacts .reference-contact-map-copy p {
        width: auto !important;
        max-width: 240px !important;
        white-space: normal !important;
      }

      body.reference-only[data-artboard="390"] #contacts .reference-contact-map::after {
        background:
          linear-gradient(90deg, rgba(7, 9, 10, 0.94) 0%, rgba(7, 9, 10, 0.72) 30%, rgba(7, 9, 10, 0.18) 56%, transparent 76%),
          linear-gradient(180deg, rgba(5, 7, 8, 0.04), rgba(5, 7, 8, 0.12)) !important;
      }

      body.reference-only[data-artboard="390"] #contacts .reference-contact-map .reference-map-frame iframe {
        opacity: 0.92 !important;
        filter: grayscale(0.72) invert(0.92) brightness(1.12) contrast(1.04) !important;
      }

      body.reference-only[data-artboard="390"] #contacts .reference-contact-map-copy a {
        min-height: 40px !important;
        height: 40px !important;
        padding: 0 12px !important;
        gap: 10px !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        border-radius: 8px !important;
        background: rgba(7, 9, 10, 0.68) !important;
        color: rgba(255, 255, 255, 0.92) !important;
        font-size: 12px !important;
        line-height: 1 !important;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
      }

      body.reference-only[data-artboard="390"] #contacts .reference-contact-map-copy a span {
        font-size: 17px !important;
      }

      body.reference-only[data-artboard="390"] #contacts .reference-contact-vk .reference-contact-vk-link {
        width: auto !important;
        min-width: 0 !important;
        min-height: 44px !important;
        height: 44px !important;
        margin-top: 12px !important;
        padding-inline: 12px !important;
        gap: 8px !important;
        font-size: 12px !important;
        line-height: 1 !important;
      }

      body.reference-only[data-artboard="390"] #contacts .reference-contact-vk .reference-contact-vk-link span {
        font-size: 17px !important;
      }

      body.reference-only[data-artboard="390"] :is(button, a):focus-visible {
        outline-width: 2px !important;
        outline-offset: 3px !important;
      }

      @media (prefers-reduced-motion: reduce) {
        body.reference-only[data-artboard="390"] [data-reveal] {
          opacity: 1 !important;
          transition: none !important;
        }
      }

      /* Unified section canvas: local light, identical dark edges, no seams. */
      body.reference-only main {
        background: #050708;
      }

      html body.reference-only[data-artboard] main > :is(
        #about,
        #company,
        #workflow,
        #orders,
        #guarantee,
        #faq,
        #request,
        #contacts
      ) {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        box-shadow: none !important;
      }

      html body.reference-only[data-artboard] #about.reference-process {
        background:
          radial-gradient(ellipse 44% 22% at 78% 24%, rgba(255, 255, 255, 0.025), transparent 74%),
          #050708 !important;
      }

      html body.reference-only[data-artboard] #company.company-autoscale {
        background:
          radial-gradient(ellipse 58% 32% at 58% 60%, rgba(255, 255, 255, 0.075), transparent 72%),
          #050708 !important;
      }

      html body.reference-only[data-artboard] :is(
        #workflow.reference-workflow,
        #guarantee.guarantee-section,
        #faq.reference-faq
      ) {
        background:
          radial-gradient(ellipse 46% 24% at 50% 46%, rgba(255, 255, 255, 0.025), transparent 74%),
          #050708 !important;
      }

      html body.reference-only[data-artboard] :is(
        #orders.reference-orders,
        #request.reference-request,
        #contacts.reference-contacts
      ) {
        background:
          radial-gradient(ellipse 42% 22% at 50% 42%, rgba(255, 247, 5, 0.025), transparent 76%),
          #050708 !important;
      }

      body.reference-only[data-artboard="1920"] #company.company-autoscale {
        aspect-ratio: 48 / 25;
      }

      body.reference-only[data-artboard="390"] #company.company-autoscale,
      body.reference-only[data-artboard="390"] #company .as-company__artboard {
        height: 720px !important;
        min-height: 720px !important;
      }

      body.reference-only :is(#orders, #guarantee, #faq, #request, #contacts) {
        padding-top: var(--kt-section-space) !important;
        padding-bottom: var(--kt-section-space) !important;
      }

      body.reference-only[data-artboard="1920"] :is(#about, #workflow) {
        padding-top: var(--kt-section-space) !important;
        padding-bottom: var(--kt-section-space) !important;
      }

      body.reference-only[data-artboard="1920"] #orders .orders-track {
        gap: 12px !important;
        width: 100% !important;
      }

      body.reference-only[data-artboard="1920"] #orders .orders-viewport {
        width: 92% !important;
        margin-inline: auto !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        overflow-x: hidden !important;
      }

      body.reference-only[data-artboard="1920"] #orders .orders-controls {
        display: none !important;
      }

      body.reference-only[data-artboard="1920"] #orders .orders-controls button {
        pointer-events: auto !important;
      }

      body.reference-only[data-artboard="1920"] #orders .order-card {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        height: clamp(460px, 56vh, 520px) !important;
        border-radius: 16px !important;
      }

      body.reference-only[data-artboard="1920"] #orders .order-card-featured {
        flex-basis: 0 !important;
      }

      body.reference-only[data-artboard="1920"] #orders .order-card > div {
        right: 18px !important;
        bottom: 28px !important;
        left: 18px !important;
      }

      body.reference-only[data-artboard="1920"] #orders .order-card h3 {
        margin-top: 12px !important;
        font-size: clamp(22px, 1.45vw, 26px) !important;
      }

      body.reference-only[data-artboard="1920"] #orders .order-card p {
        margin-top: 10px !important;
        font-size: 14px !important;
      }

      body.reference-only[data-artboard="1920"] #orders .orders-progress {
        display: none !important;
      }

      body.reference-only[data-artboard="1920"] #workflow .workflow-lead {
        width: 100% !important;
        max-width: none !important;
        white-space: nowrap !important;
      }

      body.reference-only[data-artboard="1920"] #workflow .workflow-steps {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
      }

      body.reference-only[data-artboard="1920"] #workflow .workflow-steps > li,
      body.reference-only[data-artboard="1920"] #workflow .workflow-steps > li:nth-child(n) {
        grid-column: auto !important;
        grid-row: auto !important;
        aspect-ratio: 1.35 / 1 !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        border-radius: 18px !important;
        background-color: #111416 !important;
        background-image:
          linear-gradient(132deg, rgba(255, 255, 255, 0.035), transparent 44%),
          repeating-radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 4px),
          linear-gradient(138deg, #15191a 0%, #0d1011 58%, #171a16 100%) !important;
        background-size: auto, 5px 5px, auto !important;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.035),
          0 24px 60px rgba(0, 0, 0, 0.22) !important;
      }

      body.reference-only[data-artboard="1920"] #workflow .workflow-steps > li::before {
        content: none !important;
        background: none !important;
      }

      body.reference-only[data-artboard="1920"] #workflow .workflow-steps > li::after,
      body.reference-only[data-artboard="1920"] #workflow .workflow-steps > li:nth-child(n)::after {
        content: "" !important;
        background: linear-gradient(
          135deg,
          #111416 0%,
          rgba(17, 20, 22, 0.98) 24%,
          rgba(17, 20, 22, 0.78) 38%,
          rgba(17, 20, 22, 0.34) 52%,
          rgba(17, 20, 22, 0.08) 62%,
          transparent 70%
        ) !important;
      }

      body.reference-only[data-artboard="1920"] #workflow .workflow-step-media,
      body.reference-only[data-artboard="1920"] #workflow .workflow-steps > li:nth-child(n) .workflow-step-media {
        inset: 0 -8% 0 auto !important;
        width: 112% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: right center !important;
        filter: none !important;
        opacity: 1 !important;
        -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.06) 18%, rgba(0, 0, 0, 0.32) 34%, rgba(0, 0, 0, 0.72) 49%, rgba(0, 0, 0, 0.94) 63%, #000 74%) !important;
        mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.06) 18%, rgba(0, 0, 0, 0.32) 34%, rgba(0, 0, 0, 0.72) 49%, rgba(0, 0, 0, 0.94) 63%, #000 74%) !important;
      }

      body.reference-only[data-artboard="1920"] #workflow .workflow-steps > li h3,
      body.reference-only[data-artboard="1920"] #workflow .workflow-steps > li p {
        max-width: 48% !important;
      }

      body.reference-only[data-artboard="1920"] #workflow .workflow-steps > li:nth-child(4) .workflow-step-media {
        right: -22% !important;
      }

      body.reference-only[data-artboard="1920"] #workflow .workflow-steps > li:nth-child(6) .workflow-step-media {
        right: -16% !important;
      }

      body.reference-only[data-artboard="1920"] #workflow .workflow-steps > li:nth-child(5) .workflow-step-media {
        right: -15% !important;
      }

      /* Desktop request form: remove the redundant progress card and reuse its grid space. */
      @media (min-width: 1200px) {
        body.reference-only[data-artboard="1920"] #request .reference-request-progress {
          display: none !important;
        }

        body.reference-only[data-artboard="1920"] #request .reference-request-details-card {
          grid-column: 1 / -1 !important;
          grid-row: 1 !important;
          isolation: isolate !important;
          background: #0c0f10 !important;
        }

        body.reference-only[data-artboard="1920"] #request .reference-request-details-card::after {
          content: "" !important;
          position: absolute !important;
          inset: 0 !important;
          z-index: 1 !important;
          background: linear-gradient(
            90deg,
            #0c0f10 0%,
            rgba(12, 15, 16, 0.98) 42%,
            rgba(12, 15, 16, 0.86) 54%,
            rgba(12, 15, 16, 0.38) 68%,
            rgba(12, 15, 16, 0) 82%
          ) !important;
          pointer-events: none !important;
        }

        body.reference-only[data-artboard="1920"] #request .reference-request-details-card > :not(.reference-request-headlight) {
          position: relative !important;
          z-index: 3 !important;
        }

        body.reference-only[data-artboard="1920"] #request .reference-request-details-card .reference-request-headlight {
          right: -2% !important;
          bottom: 0 !important;
          z-index: 0 !important;
          width: 62% !important;
          height: 100% !important;
          background-position: right center !important;
          background-size: cover !important;
          filter: brightness(0.82) saturate(0.72) contrast(1.04) !important;
          opacity: 1 !important;
          -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.04) 12%, rgba(0, 0, 0, 0.18) 28%, rgba(0, 0, 0, 0.48) 46%, rgba(0, 0, 0, 0.82) 64%, #000 82%) !important;
          mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.04) 12%, rgba(0, 0, 0, 0.18) 28%, rgba(0, 0, 0, 0.48) 46%, rgba(0, 0, 0, 0.82) 64%, #000 82%) !important;
        }

        body.reference-only[data-artboard="1920"] #request .reference-request-form[data-current-step="2"] {
          grid-template-rows: auto auto !important;
        }

        body.reference-only[data-artboard="1920"] #request .reference-request-contact-fields {
          grid-column: 1 / -1 !important;
          grid-row: 1 !important;
          min-height: 0 !important;
        }

        body.reference-only[data-artboard="1920"] #request .reference-request-submit-card {
          grid-column: 1 / -1 !important;
          grid-row: 2 !important;
          min-height: 0 !important;
          height: auto !important;
          padding: 22px 0 !important;
          background: transparent !important;
          border: 0 !important;
          border-top: 1px solid oklch(1 0 0 / 0.12) !important;
          border-radius: 0 !important;
          box-shadow: none !important;
          display: grid !important;
          grid-template-columns: minmax(0, 1fr) auto !important;
          grid-template-rows: auto !important;
          column-gap: 36px !important;
          align-items: center !important;
        }

        body.reference-only[data-artboard="1920"] #request .reference-request-submit-card > h3 {
          display: none !important;
        }

        body.reference-only[data-artboard="1920"] #request .reference-request-submit-card > p {
          grid-column: 1 !important;
          grid-row: 1 !important;
          align-self: center !important;
          max-width: 560px !important;
          margin: 0 !important;
          font-size: 16px !important;
          line-height: 1.5 !important;
        }

        body.reference-only[data-artboard="1920"] #request .reference-request-submit-card > div:first-of-type {
          grid-column: 2 !important;
          grid-row: 1 !important;
          align-self: center !important;
          margin-top: 0 !important;
          position: relative !important;
          z-index: 2 !important;
        }

        body.reference-only[data-artboard="1920"] #request .reference-request-submit-card > .reference-request-case {
          display: none !important;
        }
      }