/* Custom request banner + modal */

.tk-custom {
  padding: 56px 0;
  background:
    linear-gradient(180deg, var(--white) 0%, var(--white) 40%, var(--gray-bg) 40%, var(--gray-bg) 100%);
}

.tk-custom-card {
  position: relative;
  background: var(--dark);
  color: var(--white);
  padding: 48px 56px 48px 120px;
  border-left: 6px solid var(--primary);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
}

.tk-custom-card::before {
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0; width: 40%;
  background:
    repeating-linear-gradient(
      135deg,
      transparent 0 22px,
      rgba(232,102,26,0.06) 22px 23px
    );
  pointer-events: none;
}

.tk-custom-mark {
  position: absolute;
  left: 40px; top: 48px;
  width: 56px; height: 56px;
  background: var(--primary);
  color: var(--white);
  display: flex; align-items: center; justify-content: center;
}

.tk-custom-body { position: relative; z-index: 1; max-width: 780px; }

.tk-eyebrow-on-dark { color: var(--primary); }

.tk-custom-title {
  font-size: 30px; line-height: 1.2; font-weight: 700;
  margin: 0 0 16px; letter-spacing: -0.01em; text-wrap: balance;
}

.tk-custom-text {
  font-size: 15px; line-height: 1.7; color: #d4d4d4;
  margin: 0 0 20px; max-width: 62ch;
}

.tk-custom-list {
  list-style: none; padding: 0; margin: 0 0 28px;
  display: flex; flex-direction: column; gap: 8px;
}
.tk-custom-list li {
  display: flex; align-items: center; gap: 10px;
  font-size: 14px; color: #e5e5e5;
}
.tk-custom-list svg { color: var(--primary); flex: 0 0 auto; }

.tk-custom-cta { display: flex; gap: 12px; flex-wrap: wrap; }

@media (max-width: 860px) {
  .tk-custom-card { padding: 40px 28px 40px 28px; }
  .tk-custom-mark { position: relative; left: 0; top: 0; margin-bottom: 20px; }
  .tk-custom-title { font-size: 24px; }
}

/* Request modal */
.tk-modal-request { max-width: 640px; }
.tk-custom-submit {
  display: flex; justify-content: flex-end; gap: 10px;
  padding-top: 18px; margin-top: 8px;
  border-top: 1px solid var(--gray-border);
}
@media (max-width: 560px) {
  .tk-custom-submit { flex-direction: column-reverse; }
  .tk-custom-submit .tk-btn { width: 100%; }
}