.prs{font-family:'DM Sans',sans-serif;background-color:#1c1c1c;padding:80px 40px 100px;overflow:hidden;--prs-accent:#aaff00}
.prs-inner{max-width:1160px;margin:0 auto}
.prs-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:72px;gap:40px}
.prs-eyebrow{font-size:10px;letter-spacing:.22em;color:var(--prs-accent,#aaff00);text-transform:uppercase;font-weight:500;margin-bottom:14px;display:block}
.prs-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(42px,5.5vw,72px);color:#f0f0f0;letter-spacing:.02em;line-height:.95}
.prs-sub{font-size:14px;color:#666;font-weight:300;line-height:1.7;max-width:300px;text-align:right}
.prs-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.prs-line-track{position:absolute;top:28px;left:calc(28px + 2.5%);right:calc(28px + 2.5%);height:1px;background:rgba(255,255,255,.06);z-index:0}
.prs-line-fill{height:100%;background:var(--prs-accent,#aaff00);width:0%;transition:width 1.4s cubic-bezier(.4,0,.2,1)}
.prs-step{padding:0 24px 0 0;position:relative;z-index:1;opacity:0;transform:translateY(32px);transition:opacity .6s ease,transform .6s ease}
.prs-step.risen{opacity:1;transform:translateY(0)}
.prs-step:nth-child(2){transition-delay:.1s}.prs-step:nth-child(3){transition-delay:.25s}.prs-step:nth-child(4){transition-delay:.4s}.prs-step:nth-child(5){transition-delay:.55s;padding-right:0}
.prs-circle{width:56px;height:56px;border-radius:50%;background:#232323;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;margin-bottom:28px;position:relative;transition:border-color .4s,background .4s;flex-shrink:0}
.prs-step.risen .prs-circle{border-color:var(--prs-accent,#aaff00);background:rgba(170,255,0,.08)}
.prs-step-num{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:.08em;color:#555;transition:color .4s}
.prs-step.risen .prs-step-num{color:var(--prs-accent,#aaff00)}
.prs-icon{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:var(--prs-accent,#aaff00);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0);transition:opacity .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1);transition-delay:.3s}
.prs-step.risen .prs-icon{opacity:1;transform:scale(1)}
.prs-icon svg{width:12px;height:12px;color:#111}
.prs-step-tag{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--prs-accent,#aaff00);font-weight:500;margin-bottom:10px;display:block;opacity:0;transition:opacity .4s ease .2s}
.prs-step.risen .prs-step-tag{opacity:1}
.prs-step-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(22px,2.4vw,30px);color:#f0f0f0;letter-spacing:.04em;line-height:1;margin-bottom:12px}
.prs-step-desc{font-size:13px;color:#666;font-weight:300;line-height:1.7}
.prs-cta{margin-top:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px 40px;background:#232323;border:.5px solid rgba(255,255,255,.06);border-radius:20px;opacity:0;transform:translateY(24px);transition:opacity .6s ease .5s,transform .6s ease .5s}
.prs-cta.risen{opacity:1;transform:translateY(0)}
.prs-cta-text{font-family:'Bebas Neue',sans-serif;font-size:clamp(22px,3vw,36px);color:#f0f0f0;letter-spacing:.04em;line-height:1}
.prs-cta-text em{color:var(--prs-accent,#aaff00);font-style:normal}
.prs-cta-btn{display:inline-flex;align-items:center;gap:10px;background:var(--prs-accent,#aaff00);color:#111;font-family:'Bebas Neue',sans-serif;font-size:15px;letter-spacing:.14em;padding:14px 32px;border-radius:100px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background .2s,transform .15s}
.prs-cta-btn:hover{filter:brightness(1.1);transform:scale(.98)}
@media(max-width:860px){.prs{padding:60px 24px 80px}.prs-head{flex-direction:column;align-items:flex-start;margin-bottom:56px}.prs-sub{text-align:left;max-width:100%}.prs-steps{grid-template-columns:repeat(2,1fr);gap:48px 32px}.prs-line-track{display:none}.prs-step{padding-right:0}.prs-cta{flex-direction:column;align-items:flex-start;padding:28px}}
@media(max-width:520px){.prs{padding:48px 18px 72px}.prs-steps{grid-template-columns:1fr;gap:40px}.prs-cta{gap:20px}}

/* ── Phone mockup ── */
.prs-phone-wrap {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.prs-phone {
  width: 140px;
  border-radius: 22px;
  border: 2.5px solid rgba(255,255,255,0.15);
  background: #111;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(0,0,0,0.5), inset 0 0 0 1px rgba(255,255,255,0.04);
}
.prs-phone-notch {
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 44px;
  height: 5px;
  background: rgba(255,255,255,0.12);
  border-radius: 3px;
  z-index: 2;
}
.prs-phone-screen {
  width: 100%;
  padding-top: 22px; /* space for notch */
}
.prs-phone-screen img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
/* Subtle shine overlay */
.prs-phone::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.04) 0%, transparent 60%);
  pointer-events: none;
  z-index: 3;
  border-radius: inherit;
}
.prs-phone-label {
  display: inline-block;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  background: var(--prs-accent, #aaff00);
  color: #111;
  padding: 4px 10px;
  border-radius: 100px;
}
/* animate phone in with step */
.prs-phone-wrap {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.5s ease 0.35s, transform 0.5s ease 0.35s;
}
.prs-step.risen .prs-phone-wrap {
  opacity: 1;
  transform: translateY(0);
}
