/* ============================================================
   STAMPRESSO — stranica /start (Start paket + kako se koristi)
   Nasleđuje site.css (nav, btn, sec-*, device/ph, coupon, foot)
   i pro.css (.pro-* raspored, chips, scan demo, koraci, cena) —
   ovde su SAMO dodaci specifični za /start, pod .start-* prefiksom.
   ============================================================ */

/* 04 šta dobijaš: checklist u dve kolone */
.start-checks {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 14px 32px;
  margin-top: clamp(26px, 4vh, 40px);
  max-width: 760px;
}

/* Pro upsell kartica ispod checkliste */
.start-upsell {
  display: flex; align-items: center; justify-content: space-between;
  gap: clamp(18px, 3vw, 40px); flex-wrap: wrap;
  margin-top: clamp(36px, 6vh, 60px);
  background: #fff; border: 1.5px solid var(--cream-deep);
  border-radius: var(--r); padding: clamp(22px, 3vw, 36px);
}
.start-upsell h3 {
  font-family: var(--disp); font-weight: 700; letter-spacing: -.02em;
  font-size: clamp(20px, 2.4vw, 26px);
}
.start-upsell p {
  margin-top: 8px; font-size: 15.5px; max-width: 520px;
  color: color-mix(in srgb, var(--ink) 72%, transparent);
}

@media (max-width: 640px) {
  .start-checks { grid-template-columns: 1fr; }
  .start-upsell .btn { width: 100%; }
}