body.page-contact-negotiation .negotiation-intro {
      width: min(100%, 960px);
      margin: 0 auto 8px;
      color: var(--muted);
      font-size: 16px;
      line-height: 1.95;
      letter-spacing: 0.01em;
      text-align: center;
    }

    body.page-contact-negotiation .negotiation-form-card {
      width: min(100%, 960px);
      margin: 0 auto;
      padding: clamp(20px, 2.6vw, 28px);
    }

    body.page-contact-negotiation .negotiation-form {
      --section-gap: 14px;
      --section-overlap: 12px;
      --staple-height: 60px;
      --staple-raise: 18px;
      --staple-inset: 12px;
      gap: var(--section-gap);
    }

    body.page-contact-negotiation .negotiation-form .form-section {
      position: relative;
      padding: 20px 20px 18px;
    }

    body.page-contact-negotiation .negotiation-form .form-section legend {
      display: table;
      margin: 0 auto;
      padding: 0 14px;
      text-align: center;
      font-size: clamp(16px, 1.2vw, 18px);
      letter-spacing: 0.14em;
    }

    body.page-contact-negotiation .negotiation-form .form-section + .form-section {
      margin-top: calc(var(--section-overlap) * -1);
    }

    body.page-contact-negotiation .negotiation-form .form-section + .form-section::before,
    body.page-contact-negotiation .negotiation-form .form-section + .form-section::after {
      content: "";
      position: absolute;
      top: calc((var(--section-overlap) - var(--section-gap) - var(--staple-height)) / 2 - var(--staple-raise));
      width: 14px;
      height: var(--staple-height);
  background: center / contain no-repeat url("staple.svg");
      pointer-events: none;
      transform: none;
      z-index: 1;
    }

    body.page-contact-negotiation .negotiation-form .form-section + .form-section::before {
      left: var(--staple-inset);
    }

    body.page-contact-negotiation .negotiation-form .form-section + .form-section::after {
      right: var(--staple-inset);
    }

    body.page-contact-negotiation .negotiation-form .company-grid {
      grid-template-columns: minmax(0, 2.8fr) minmax(0, 1fr);
      gap: 14px;
    }

    body.page-contact-negotiation .negotiation-form .contact-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }

    body.page-contact-negotiation .negotiation-form .business-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }

    body.page-contact-negotiation .negotiation-form :is(.field, .compound-field, .compound-part) {
      gap: 8px;
    }

    body.page-contact-negotiation .negotiation-form .control {
      min-height: 48px;
      padding: 10px 14px;
    }

    body.page-contact-negotiation .negotiation-form textarea.control {
      line-height: 1.5;
    }

    body.page-contact-negotiation .negotiation-form .auto-grow-control {
      overflow: hidden;
      resize: none;
    }

    body.page-contact-negotiation .negotiation-form .auto-grow-control--compact {
      min-height: 48px;
    }

    body.page-contact-negotiation .negotiation-form .phone-field {
      grid-column: 1 / 2;
    }

    body.page-contact-negotiation .negotiation-form .wechat-field {
      grid-column: 2 / 3;
    }

    body.page-contact-negotiation .negotiation-form .whatsapp-field {
      grid-column: 2 / 3;
    }

    body.page-contact-negotiation .negotiation-form .compound-row.compound-row--dial {
      grid-template-columns: auto 88px minmax(0, 1fr);
      gap: 10px;
    }

    body.page-contact-negotiation .negotiation-form .compound-prefix {
      min-height: 48px;
      padding: 0 14px;
    }

    body.page-contact-negotiation .negotiation-form .compound-mini-label.on-border {
      position: absolute;
      top: 0;
      left: 8px;
      padding: 0 4px;
      background: rgba(255, 255, 255, 0.96);
      transform: translateY(-45%);
      z-index: 1;
    }

    body.page-contact-negotiation .negotiation-form .business-section textarea.control {
      min-height: 88px;
      padding-top: 12px;
      padding-bottom: 12px;
    }

    body.page-contact-negotiation .negotiation-form .submit-row {
      margin-top: 2px;
    }

    body.page-contact-negotiation .negotiation-form .submit-row .action {
      min-height: 48px;
    }

    body.page-contact-negotiation .negotiation-form .form-status {
      min-height: 20px;
      padding-top: 0;
    }

    body.page-contact-negotiation select.control:required:invalid {
      color: #7d8898;
    }

    body.page-contact-negotiation select.control:not(:invalid) {
      color: var(--ink);
    }

    @media (max-width: 960px) {
      body.page-contact-negotiation .negotiation-form .company-grid,
      body.page-contact-negotiation .negotiation-form .contact-grid,
      body.page-contact-negotiation .negotiation-form .business-grid {
        grid-template-columns: 1fr;
      }

      body.page-contact-negotiation .negotiation-form .phone-field,
      body.page-contact-negotiation .negotiation-form .wechat-field,
      body.page-contact-negotiation .negotiation-form .whatsapp-field {
        grid-column: auto;
      }
    }

    @media (max-width: 760px) {
      body.page-contact-negotiation .negotiation-form .compound-row.compound-row--dial {
        grid-template-columns: minmax(64px, 1fr) minmax(0, 3fr);
        gap: 8px;
      }

      body.page-contact-negotiation .negotiation-form .compound-prefix {
        display: none;
      }

      body.page-contact-negotiation .negotiation-form .compound-row.compound-row--dial .control {
        padding-left: 12px;
        padding-right: 12px;
      }
    }

    @media (max-width: 340px) {
      body.page-contact-negotiation .negotiation-form .compound-row.compound-row--dial {
        grid-template-columns: 1fr;
      }

      body.page-contact-negotiation .negotiation-form .compound-prefix {
        justify-content: flex-start;
      }
    }