.lead-demo { overflow: hidden; background: #0c0d0b; border-top: 1px solid rgba(246,246,242,.11); font-family: Archivo, Manrope, sans-serif; }
.lead-demo__inner { width: min(1280px, calc(100% - 96px)); margin: auto; padding: clamp(80px, 7vw, 112px) 0; display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: clamp(48px, 7vw, 104px); }
.lead-demo h2 { margin: 0; font-size: clamp(2.5rem, 4.2vw, 4rem); line-height: 1.08; font-weight: 700; letter-spacing: -.045em; text-wrap: balance; }
.lead-demo h2 em { color: #7ee04a; font: italic 400 1em "Instrument Serif", Georgia, serif; }
.lead-demo__lede { max-width: 48ch; margin: 28px 0; font-size: 1rem; color: #b6b8ae; line-height: 1.8; }
.lead-demo__steps { margin: 32px 0; padding: 0; list-style: none; }
.lead-demo__steps li { display: flex; gap: 20px; padding: 20px 0; border-top: 1px solid rgba(246,246,242,.11); }
.lead-demo__steps li > span { color: #7ee04a; padding-top: 4px; font: .75rem "JetBrains Mono", monospace; }
.lead-demo__steps h3 { margin: 0 0 8px; font-size: 1.125rem; font-weight: 600; letter-spacing: -.02em; }
.lead-demo__steps p { margin: 0; color: #b6b8ae; font-size: 1rem; line-height: 1.6; max-width: 44ch; }
.lead-demo__link { display: inline-flex; align-items: center; gap: 16px; color: #7ee04a; font-size: .9375rem; font-weight: 600; padding: 8px 0; border-bottom: 1px solid rgba(126,224,74,.4); }
.lead-demo__link:hover { color: #b6f584; }
.lead-demo__visual { margin: 0; min-width: 0; display: flex; flex-direction: column; align-items: center; position: relative; padding: 12px 0; }
.lead-demo__visual figcaption { margin: 30px 0 12px; text-align: center; color: #a8aaa0; font-size: .75rem; line-height: 1.6; }
.lead-demo__pause { border: 1px solid rgba(246,246,242,.2); background: transparent; color: #c4c6bf; border-radius: 8px; padding: 10px 18px; min-height: 44px; font: .875rem Archivo, sans-serif; cursor: pointer; }
.lead-demo__pause:hover { border-color: #7ee04a; color: #7ee04a; }
.pf-phone { font-size: 18px; width: min(340px, 100%); flex-shrink: 0; }
.pf-phone p { margin: 0; }
.pf-date { padding-top: 12px; font-size: 10px; letter-spacing: .1em; }
.pf-lock { margin-top: 28px; }
.pf-time { margin: 0; }
.pf-stack { gap: 8px; }
.pf-body b { font-size: 13px; }
.pf-body span, .pf-body i { font-size: 12px; }
.pf-when { font-size: 10px; color: #b6b8ae; letter-spacing: 0; }
.pf-note { padding: 10px; }
.pf-timer { font-size: 12px; }
.pf-phone.is-paused *, .pf-phone.is-paused::before, .pf-phone.is-paused *::after { animation-play-state: paused !important; }
.pf-orb.b { background: radial-gradient(circle, rgba(126,224,74,.28), transparent 68%); }
.pf-orb.c { background: radial-gradient(circle, rgba(53,145,110,.3), transparent 70%); }
.pf-ico[data-k="alert"] { background: linear-gradient(160deg,#b6f584,#7ee04a); color: #0c1206; }
.pf-ico[data-k="booked"] { background: linear-gradient(160deg,#7cddaa,#35916e); color: #071c11; }

.pr { --pr-dim: #a8aaa0; --pr-faint: #a8aaa0; border-top: 1px solid rgba(246,246,242,.11); font-size: 16px; padding: clamp(80px, 7vw, 112px) max(48px, calc((100vw - 1280px) / 2)); }
.pr-title { font-size: clamp(2.5rem, 4.2vw, 4rem); font-weight: 700; line-height: 1.06; text-transform: none; letter-spacing: -.04em; }
.pr-label, .pr-cap, .pr-foot { font-size: .75rem; }
.pr-lede { font-size: 1rem; line-height: 1.75; color: #b6b8ae; }
.pr-switch button { font-size: .75rem; min-height: 44px; letter-spacing: .06em; }
.pr-tier { border-radius: 12px; padding: 30px 24px; min-width: 0; }
.pr-top { flex-wrap: wrap; gap: 12px; }
.pr-name { font-size: 1.5rem; font-weight: 700; text-transform: none; }
.pr-badge { font-size: .75rem; letter-spacing: .04em; }
.pr-line, .pr-feat { font-size: 1rem; line-height: 1.65; }
.pr-prices { gap: 12px; }
.pr-num { font-size: clamp(1.5rem, 2.2vw, 2rem); }
.pr-num sub { font-size: .75rem; }
.pr-cap { letter-spacing: .06em; }
.pr-cta { font: 600 .875rem Archivo, sans-serif; text-transform: none; letter-spacing: 0; border-radius: 8px; min-height: 50px; }
.pr-cta:disabled { cursor: default; background: transparent; color: #b6b8ae; border-color: rgba(246,246,242,.18); }
.pr-cta.solid:disabled { background: rgba(126,224,74,.12); border-color: rgba(126,224,74,.4); color: #b6f584; }
.pr-foot { letter-spacing: .02em; }
@media (max-width: 900px) {
  .lead-demo__inner { width: calc(100% - 44px); grid-template-columns: 1fr; gap: 48px; }
  .lead-demo__copy { max-width: 640px; }
  .pr { padding: 72px 22px; }
  .pr-line { max-width: none; }
}
@media (max-width: 620px) {
  .lead-demo__inner { width: calc(100% - 36px); padding: 64px 0; }
  .lead-demo h2, .pr-title { font-size: clamp(2.25rem, 9.5vw, 3rem); }
  .pr { padding: 64px 18px; }
  .pf-phone { aspect-ratio: auto; height: 740px; }
  .pf-note { gap: 6px; padding: 9px 7px; }
  .pf-ico { width: 22px; height: 22px; }
  .pr-switch button { padding: 10px 12px; letter-spacing: 0; }
}