.scspp { --pp-ink:#131a22; --pp-red:#c8102e; max-width:1040px; margin:32px auto 56px; padding:0 22px; color:var(--pp-ink); font:16px/1.55 Arial,Helvetica,sans-serif; }
.scspp *, .scspp *::before, .scspp *::after { box-sizing:border-box; }
.scspp .scspp-hero { padding:8px 0 28px; text-align:center; }
.scspp .scspp-logo { display:block; width:320px; max-width:80%; height:auto; margin:0 auto 26px; }
.scspp .scspp-eyebrow { margin:0 0 10px; color:var(--pp-red); font-size:12px; font-weight:800; letter-spacing:.16em; }
.scspp h1 { margin:0 0 16px; color:var(--pp-ink); font-size:clamp(32px,5vw,48px); line-height:1.12; font-weight:800; }
.scspp .scspp-intro { max-width:650px; margin:0 auto; color:#4e5964; font-size:18px; }
.scspp .scspp-steps { display:flex; justify-content:center; gap:26px; padding:0; margin:26px 0 0; list-style:none; color:#36414c; font-size:14px; font-weight:700; }
.scspp .scspp-steps li { display:flex; align-items:center; gap:8px; }
.scspp .scspp-steps span { display:inline-flex; align-items:center; justify-content:center; width:27px; height:27px; border:1px solid #d4dbe1; border-radius:50%; background:#f7f9fb; color:var(--pp-red); }
.scspp .scspp-card { padding:28px 32px; border:1px solid #dce2e7; border-top:4px solid var(--pp-red); border-radius:12px; background:#fff; box-shadow:0 10px 30px rgb(19 26 34 / 6%); }
.scspp h2 { margin:0 0 6px; color:var(--pp-ink); font-size:24px; font-weight:750; }
.scspp .scspp-caption { margin:0 0 20px; color:#56616b; font-size:14px; }
.scspp .scspp-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.scspp label { display:block; margin:0; color:var(--pp-ink); font-size:15px; font-weight:700; }
.scspp .scspp-required { color:var(--pp-red); }
.scspp select { display:block; width:100%; min-height:50px; margin-top:7px; padding:10px 34px 10px 12px; border:1px solid #9ca9b5; border-radius:6px; background:#fff; color:var(--pp-ink); font:15px/1.4 Arial,Helvetica,sans-serif; }
.scspp select:disabled { color:#626d77; background:#f3f5f7; }
.scspp .scspp-description { min-height:25px; margin:18px 0; color:#4e5964; font-size:15px; }
.scspp .scspp-total { display:flex; justify-content:space-between; gap:18px; align-items:center; margin:0 0 12px; padding:16px 18px; border-radius:7px; background:#f2f5f7; }
.scspp .scspp-total span { font-size:14px; font-weight:700; }
.scspp .scspp-total strong { color:var(--pp-ink); font-size:24px; text-align:right; }
.scspp button.scspp-primary { display:flex; align-items:center; justify-content:center; gap:18px; width:100%; min-height:52px; padding:14px 20px; border:1px solid var(--pp-red); border-radius:6px; background:var(--pp-red); color:#fff; font-size:16px; font-weight:750; cursor:pointer; }
.scspp button.scspp-primary:hover { background:#a80d26; border-color:#a80d26; }
.scspp button.scspp-primary span { color:inherit; }
.scspp :is(a,button,select):focus-visible { outline:3px solid var(--pp-red); outline-offset:4px; }
.scspp [data-pp-status]:empty { display:none; }
.scspp .scspp-help { display:grid; grid-template-columns:1.2fr 1fr; gap:34px; padding:26px 4px 0; }
.scspp .scspp-help h2 { font-size:18px; }
.scspp .scspp-help p { margin:6px 0 12px; color:#56616b; font-size:14px; }
.scspp a { color:#ac0d27; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:650px) {
  .scspp { margin-top:22px; padding:0 16px; }
  .scspp .scspp-card { padding:22px 18px; }
  .scspp .scspp-grid, .scspp .scspp-help { grid-template-columns:1fr; gap:18px; }
  .scspp .scspp-steps { flex-wrap:wrap; gap:12px 16px; font-size:12px; }
  .scspp .scspp-total strong { font-size:21px; }
}