/* Propose-a-SIG page: scoped so the shared system remains authoritative. */
.pk-sig-propose .sig-hero { overflow: hidden; }
.pk-sig-propose .sig-hero__inner { grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr); }
.pk-sig-propose .sig-hero .pk-display { max-width: 13ch; }
.pk-sig-propose .sig-hero__brief {
  position: relative;
  padding: clamp(var(--pk-space-6), 4vw, var(--pk-space-10));
  border: 1px solid var(--pk-brand-red-edge);
  border-radius: var(--pk-radius-xl);
  background:
    radial-gradient(circle at 90% 8%, var(--pk-brand-red-tint), transparent 38%),
    var(--pk-surface);
  box-shadow: var(--pk-shadow-lg);
}
.pk-sig-propose .sig-hero__brief::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  border-radius: var(--pk-radius-xl) 0 0 var(--pk-radius-xl);
  background: linear-gradient(var(--pk-brand-red), var(--pk-brand-green-lift));
}
.pk-sig-propose .sig-hero__kicker,
.pk-sig-propose .sig-review__eyebrow {
  margin: 0 0 var(--pk-space-2);
  color: var(--pk-brand-red-ink);
  font-size: var(--pk-text-xs);
  font-weight: var(--pk-weight-bold);
  letter-spacing: var(--pk-tracking-wide);
  text-transform: uppercase;
}
.pk-sig-propose .sig-hero__brief h2 { margin: 0; font-size: var(--pk-text-2xl); line-height: var(--pk-leading-snug); }
.pk-sig-propose .sig-hero__facts { display: grid; gap: var(--pk-space-4); margin: var(--pk-space-6) 0 0; padding: 0; list-style: none; }
.pk-sig-propose .sig-hero__facts li { display: grid; gap: var(--pk-space-1); padding-left: var(--pk-space-5); border-left: 2px solid var(--pk-brand-red-edge); }
.pk-sig-propose .sig-hero__facts strong { color: var(--pk-ink); }
.pk-sig-propose .sig-hero__facts span { color: var(--pk-ink-muted); font-size: var(--pk-text-sm); }
.pk-sig-propose .sig-section-lead { max-width: 68ch; margin-top: var(--pk-space-4); }

.pk-sig-propose .sig-process__grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--pk-space-5);
  margin: var(--pk-space-10) 0 0;
  padding: 0;
  list-style: none;
}
.pk-sig-propose .sig-process__grid::before {
  content: "";
  position: absolute;
  top: 25px;
  right: 8%;
  left: 8%;
  height: 2px;
  background: linear-gradient(90deg, var(--pk-brand-red-edge), var(--pk-brand-green-lift));
}
.pk-sig-propose .sig-process__step {
  position: relative;
  padding: var(--pk-space-8) var(--pk-space-6) var(--pk-space-6);
  border: 1px solid var(--pk-border);
  border-radius: var(--pk-radius-lg);
  background: var(--pk-surface);
  box-shadow: var(--pk-shadow-sm);
}
.pk-sig-propose .sig-process__number {
  position: relative;
  z-index: 1;
  display: inline-grid;
  place-items: center;
  width: 50px;
  height: 50px;
  margin: calc(-1 * var(--pk-space-12)) 0 var(--pk-space-5);
  border: 5px solid var(--pk-bg);
  border-radius: 50%;
  background: var(--pk-brand-red);
  color: var(--pk-on-brand);
  font-size: var(--pk-text-sm);
  font-weight: var(--pk-weight-bold);
}
.pk-sig-propose .sig-process__step h3,
.pk-sig-propose .sig-benefit h3 { margin: 0 0 var(--pk-space-2); font-size: var(--pk-text-xl); }
.pk-sig-propose .sig-process__step p,
.pk-sig-propose .sig-benefit p { margin: 0; color: var(--pk-ink-soft); }

.pk-sig-propose .sig-benefits__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--pk-space-5);
  margin-top: var(--pk-space-10);
}
.pk-sig-propose .sig-benefit {
  min-height: 230px;
  padding: var(--pk-space-7);
  border: 1px solid var(--pk-border);
  border-radius: var(--pk-radius-xl);
  background: var(--pk-surface);
  box-shadow: var(--pk-shadow-sm);
}
.pk-sig-propose .sig-benefit--feature { grid-column: span 2; background: linear-gradient(135deg, var(--pk-brand-red-tint), var(--pk-surface) 72%); }
.pk-sig-propose .sig-benefit--support { grid-column: span 2; background: linear-gradient(135deg, var(--pk-brand-green-tint), var(--pk-surface) 72%); }
.pk-sig-propose .sig-benefit__icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: var(--pk-space-8);
  border-radius: var(--pk-radius-md);
  background: var(--pk-brand-red);
  color: var(--pk-on-brand);
  font-size: var(--pk-text-xl);
  font-weight: var(--pk-weight-bold);
}
.pk-sig-propose .sig-benefit--support .sig-benefit__icon { background: var(--pk-brand-green); }
.pk-sig-propose .sig-benefits__note { max-width: 80ch; margin: var(--pk-space-6) 0 0; color: var(--pk-ink-muted); font-size: var(--pk-text-sm); }

.pk-sig-propose .sig-proposal__heading { display: flex; align-items: end; justify-content: space-between; gap: var(--pk-space-8); }
.pk-sig-propose .sig-proposal { scroll-margin-top: 88px; }
.pk-sig-propose .sig-progress { flex: 0 0 230px; display: grid; grid-template-columns: 1fr auto; gap: var(--pk-space-2); padding: var(--pk-space-4); border: 1px solid var(--pk-border); border-radius: var(--pk-radius-lg); background: var(--pk-surface); }
.pk-sig-propose .sig-progress__label,
.pk-sig-propose .sig-progress__value { color: var(--pk-ink-muted); font-size: var(--pk-text-xs); font-weight: var(--pk-weight-semibold); }
.pk-sig-propose .sig-progress__track { grid-column: 1 / -1; height: 8px; overflow: hidden; border-radius: var(--pk-radius-full); background: var(--pk-surface-sunk); }
.pk-sig-propose .sig-progress__bar { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--pk-brand-red), var(--pk-brand-green-lift)); transition: width var(--pk-dur) var(--pk-ease); }
.pk-sig-propose .sig-proposal__flash { margin-top: var(--pk-space-8); }
.pk-sig-propose .sig-proposal__layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: var(--pk-space-8); align-items: start; margin-top: var(--pk-space-8); }
.pk-sig-propose .sig-form { min-width: 0; padding: clamp(var(--pk-space-5), 4vw, var(--pk-space-8)); border: 1px solid var(--pk-border); border-top: 5px solid var(--pk-brand-red); border-radius: var(--pk-radius-xl); background: var(--pk-surface); box-shadow: var(--pk-shadow-md); }
.pk-sig-propose .sig-form .pk-fieldset { margin-bottom: var(--pk-space-8); padding: var(--pk-space-6); background: color-mix(in srgb, var(--pk-surface-sunk) 45%, var(--pk-surface)); }
.pk-sig-propose .sig-form .pk-fieldset > legend { color: var(--pk-ink); }
.pk-sig-propose .sig-form .pk-fieldset > legend span { display: inline-grid; place-items: center; width: 28px; height: 28px; margin-right: var(--pk-space-2); border-radius: 50%; background: var(--pk-brand-red-tint); color: var(--pk-brand-red-ink); }
.pk-sig-propose .sig-optional { margin-left: var(--pk-space-1); color: var(--pk-ink-faint); font-size: var(--pk-text-xs); font-weight: var(--pk-weight-normal); }
.pk-sig-propose .sig-form__consent { padding: var(--pk-space-4) var(--pk-space-5); border: 1px solid var(--pk-border); border-radius: var(--pk-radius-lg); background: var(--pk-brand-red-tint); }
.pk-sig-propose .sig-form__submit { display: flex; align-items: center; gap: var(--pk-space-5); margin-top: var(--pk-space-6); }
.pk-sig-propose .sig-form__submit p { max-width: 46ch; margin: 0; color: var(--pk-ink-muted); font-size: var(--pk-text-sm); }
.pk-sig-propose .sig-review { position: sticky; top: 104px; padding: var(--pk-space-7); border: 1px solid var(--pk-border); border-radius: var(--pk-radius-xl); background: var(--pk-surface); box-shadow: var(--pk-shadow-sm); }
.pk-sig-propose .sig-review h3 { margin: 0 0 var(--pk-space-5); font-size: var(--pk-text-xl); }
.pk-sig-propose .sig-review__note { margin-top: var(--pk-space-7); padding-top: var(--pk-space-6); border-top: 1px solid var(--pk-divider); }
.pk-sig-propose .sig-review__note p { margin: var(--pk-space-2) 0 0; color: var(--pk-ink-muted); font-size: var(--pk-text-sm); }

@media (max-width: 1023px) {
  .pk-sig-propose .sig-process__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--pk-space-10); }
  .pk-sig-propose .sig-process__grid::before { display: none; }
  .pk-sig-propose .sig-proposal__layout { grid-template-columns: 1fr; }
  .pk-sig-propose .sig-review { position: static; }
}

@media (max-width: 767px) {
  .pk-sig-propose .sig-hero__inner { grid-template-columns: 1fr; }
  .pk-sig-propose .sig-hero .pk-display { max-width: none; }
  .pk-sig-propose .sig-process__grid,
  .pk-sig-propose .sig-benefits__grid { grid-template-columns: 1fr; }
  .pk-sig-propose .sig-benefit--feature,
  .pk-sig-propose .sig-benefit--support { grid-column: auto; }
  .pk-sig-propose .sig-benefit { min-height: 0; }
  .pk-sig-propose .sig-proposal__heading,
  .pk-sig-propose .sig-form__submit { align-items: stretch; flex-direction: column; }
  .pk-sig-propose .sig-progress { width: 100%; flex-basis: auto; }
  .pk-sig-propose .sig-form,
  .pk-sig-propose .sig-form .pk-fieldset { padding: var(--pk-space-4); }
  .pk-sig-propose .sig-form__submit .pk-btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .pk-sig-propose .sig-progress__bar { transition: none; }
}
