.beta-pioneer-offer-card{margin-top:16px;padding:22px;border:1px solid rgba(245,196,66,.55);border-radius:22px;background:linear-gradient(145deg,rgba(34,30,15,.96),rgba(7,31,36,.97));box-shadow:0 18px 50px rgba(0,0,0,.32)}
.beta-pioneer-offer-card>span{color:#f5c442;font-size:.72rem;font-weight:900;letter-spacing:.16em}.beta-pioneer-offer-card h2{margin:7px 0 10px}.beta-pioneer-offer-card p{color:#cad7da;line-height:1.5}.pioneer-offer-actions{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:16px}.pioneer-offer-actions button,.pioneer-photo-upload{min-height:48px;border:1px solid rgba(245,196,66,.55);border-radius:14px;background:rgba(245,196,66,.12);color:#f8df84;font-weight:800}.pioneer-offer-actions button{padding:0 16px}.pioneer-photo-upload{display:grid;gap:8px;margin-top:16px;padding:14px}.pioneer-photo-upload input{width:100%;color:#fff}.pioneer-photo-upload small{color:#9eb1b5;font-weight:400}.pioneer-photo-sent{color:#63e6ad!important;font-weight:800}@media(max-width:520px){.pioneer-offer-actions{grid-template-columns:1fr}}
.pioneer-withdraw-button{margin-top:12px;border:0;background:transparent;color:#b9c5c8;text-decoration:underline;font-weight:700}

/* The offer is injected into the compact home-card grid, but its content is
   intentionally taller than the 164px dashboard summaries. */
.home-insight-cards > .card.beta-pioneer-offer-card:not([open]) {
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 22px;
  overflow: visible;
}

@media (max-width: 620px) {
  .home-insight-cards > .card.beta-pioneer-offer-card:not([open]) {
    height: auto;
    min-height: 0;
    padding: 20px 18px;
  }

  .beta-pioneer-offer-card h2 {
    font-size: clamp(1.35rem, 6.2vw, 1.7rem) !important;
    overflow-wrap: break-word;
  }

  .beta-pioneer-offer-card p {
    font-size: 0.94rem;
    line-height: 1.5;
  }
}