.pd-intro { position: relative; overflow: hidden; background: var(--ink-hero); color: var(--on-dark); padding: 88px 0 70px; }
.pd-intro .hero-photo img { object-position: right; }
.pd-intro .wrap { position: relative; z-index: 2; }
.pd-intro__grid { display: grid; grid-template-columns: 1fr; gap: 36px; }
.pd-intro__body h1 { margin-top: 16px; font-size: clamp(38px, 9vw, 60px); color: var(--on-dark); }
.pd-intro__body p { margin-top: 20px; max-width: 40em; color: var(--on-dark-soft); font-size: 16.5px; }
.pd-intro__cta { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 14px; }
.pd-intro__stats { margin-top: 44px; display: flex; flex-wrap: wrap; gap: 28px; }

@media (max-width: 999.98px) {
  .pd-intro .hero-photo img { object-position: 70% 60%; }
  .pd-intro__stats { display: none; }
}
.pd-stat { padding-top: 18px; border-top: 2px solid var(--red); }
.pd-stat__n { font-family: var(--cond); font-weight: 800; font-size: clamp(24px, 4.5vw, 30px); line-height: 1.05; color: var(--on-dark); }
.pd-stat__n span { font-size: .55em; color: var(--on-dark-soft); text-transform: uppercase; }
.pd-stat__l { margin-top: 8px; font: 600 12px/1.3 var(--sans); letter-spacing: .04em; text-transform: uppercase; color: var(--on-dark-soft); }
.pd-intro__note { margin-top: 18px; font-size: 12.5px; color: var(--on-dark-soft); }

.pd-result__note { margin-top: 16px; font-size: 12.5px; color: var(--text-soft); }

.pd-calc { background: var(--white); padding: 74px 0; }
.pd-calc__head { max-width: 680px; }
.pd-calc__head h2 { margin-top: 16px; font-size: clamp(38px, 9vw, 60px); color: var(--text-dark); }
.pd-calc__head p { margin-top: 14px; color: var(--text-soft); font-size: 16px; max-width: 42em; }
.pd-calc__eq { margin-top: 40px; display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.pd-calc__box { flex: 1 1 160px; background: var(--gray-cards); padding: 26px 20px; text-align: center; }
.pd-calc__box--hi { background: var(--red); color: #fff; }
.pd-calc__box b { display: block; font-family: var(--cond); font-weight: 800; font-size: clamp(24px, 4vw, 32px); }
.pd-calc__box span { display: block; margin-top: 8px; font: 600 11.5px/1.3 var(--sans); letter-spacing: .04em; text-transform: uppercase; color: var(--text-soft); }
.pd-calc__box--hi span { color: rgba(255,255,255,.8); }
.pd-calc__op { flex: 0 0 auto; font-family: var(--cond); font-weight: 800; font-size: 28px; color: var(--text-soft); }
.pd-calc__note { margin-top: 22px; color: var(--text-soft); font-size: 14.5px; }

.pd-steps { background: var(--gray-cards); padding: 74px 0; }
.pd-steps__head { max-width: 680px; }
.pd-steps__head h2 { margin-top: 16px; font-size: clamp(38px, 9vw, 60px); color: var(--text-dark); }
.pd-steps__row { margin-top: 40px; display: flex; flex-direction: column; align-items: stretch; gap: 20px; }
.pd-flow-step { background: var(--white); border: 1px solid var(--line-light); padding: 28px 24px; text-align: center; flex: 1; }
.pd-flow-step__icon { width: 52px; height: 52px; margin: 0 auto; border-radius: 50%; background: var(--red); color: #fff; display: flex; align-items: center; justify-content: center; }
.pd-flow-step__icon svg { width: 26px; height: 26px; }
.pd-flow-step h3 { margin-top: 16px; font-family: var(--cond); font-weight: 700; text-transform: uppercase; font-size: 19px; color: var(--text-dark); }
.pd-flow-step p { margin-top: 8px; color: var(--text-soft); font-size: 14px; }
.pd-flow-arrow { display: none; align-items: center; justify-content: center; color: var(--red); flex: 0 0 auto; }
.pd-flow-arrow svg { width: 22px; height: 22px; }

.pd-support { background: var(--ink-why); color: var(--on-dark); padding: 74px 0; text-align: center; }
.pd-support__in { max-width: 680px; margin: 0 auto; }
.pd-support__in h2 { margin-top: 16px; font-size: clamp(38px, 9vw, 60px); color: var(--on-dark); }
.pd-support__in > p { margin-top: 16px; color: var(--on-dark-soft); font-size: 16px; }
.pd-badges { margin-top: 34px; display: grid; grid-template-columns: 1fr; gap: 14px; }
.pd-badge { border: 1px solid var(--line-dark); padding: 24px 18px; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.pd-badge svg { width: 26px; height: 26px; color: var(--red-hi); }
.pd-badge span { font: 600 12.5px/1.3 var(--sans); letter-spacing: .03em; text-transform: uppercase; color: var(--on-dark); }

.pd-testi { background: var(--white); padding: 74px 0; }
.pd-testi__head { max-width: 640px; }
.pd-testi__head h2 { margin-top: 16px; font-size: clamp(38px, 9vw, 60px); color: var(--text-dark); }
.pd-testi__grid { margin-top: 34px; display: grid; grid-template-columns: 1fr; gap: 18px; }

.pd-final { background: var(--ink-hero); color: var(--on-dark); padding: 84px 0; text-align: center; }
.pd-final__in { max-width: 640px; margin: 0 auto; }
.pd-final__in h2 { margin-top: 16px; font-size: clamp(38px, 9vw, 60px); color: var(--on-dark); }
.pd-final__in p { margin-top: 16px; color: var(--on-dark-soft); font-size: 16px; }
.pd-final__cta { margin-top: 28px; display: inline-flex; }
.pd-final__phone { margin-top: 18px; font: 500 13.5px/1 var(--sans); color: var(--on-dark-soft); }
.pd-final__phone a { color: var(--on-dark); text-decoration: underline; }

@media (min-width: 640px) {
  .pd-calc__eq { flex-wrap: nowrap; }
  .pd-badges { grid-template-columns: repeat(3, 1fr); }
  .pd-testi__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1000px) {
  .pd-intro__grid { grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
  .pd-steps__row { flex-direction: row; align-items: center; }
  .pd-flow-arrow { display: flex; }
  .pd-testi__grid { grid-template-columns: repeat(3, 1fr); }
}