/* Mateo Phase 4 — purchase + activation flow helpers */
:root{--phase4-coral:#ff8a3d;--phase4-yellow:#ffd166;--phase4-ok:#42f2a1;--phase4-cyan:#38d5ff}
.phase4-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0}.phase4-step{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);border-radius:18px;padding:12px}.phase4-step b{display:block;color:#fff;margin-bottom:5px}.phase4-step small{color:#a8bddb}.phase4-summary{border:1px solid rgba(66,242,161,.35);background:rgba(66,242,161,.08);border-radius:22px;padding:16px;margin:14px 0}.phase4-warning{border-color:rgba(255,209,102,.55);background:rgba(255,209,102,.08)}
.phase4-inputrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.phase4-btn-coral{background:linear-gradient(90deg,var(--phase4-coral),var(--phase4-yellow))!important;color:#170900!important;border:0!important}.phase4-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);border-radius:999px;padding:7px 10px;margin:4px;color:#dff3ff;font-weight:800;font-size:12px}.phase4-live{animation:phase4Pulse 1.8s infinite}@keyframes phase4Pulse{0%,100%{box-shadow:0 0 0 rgba(66,242,161,0)}50%{box-shadow:0 0 28px rgba(66,242,161,.32)}}
@media(max-width:700px){.phase4-flow{grid-template-columns:1fr}.phase4-inputrow{grid-template-columns:1fr}}