/* Start page Pro section: the feature name above each outcome headline, the iCloud photo card, and
   the to-do card's backdrop (its phone mockup: assets/mockups.css and assets/todos.js). */
.pro-kicker { margin: 0 0 0.35rem !important; text-align: center; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #EC911C; }
.pro-row > .wpb_column { align-self: stretch; }
.pro-photo-card > .vc_column-inner { display: flex; flex-direction: column; height: 100%; }
.pro-photo-wrap { margin-top: auto; padding: 0 16px 16px; }
.pro-photo-wrap img.pro-photo { display: block; width: 100%; height: 300px; object-fit: cover; border-radius: 18px; }

/* To-do card: a warm backdrop under the phone. */
.todo-card { background: linear-gradient(180deg, #fff 0%, #fff 36%, #F6E3C8 72%, #EFCFA4 100%) !important; }
.todo-card .wpb_text_column { margin-bottom: 1.5rem !important; }
@media (max-width: 600px) {
  .pro-photo-wrap img.pro-photo { height: 220px; }
}