/* Unfold product explanation, using the shared family typography and palette. */
.unfold-page .page-header { padding-bottom: 28px; }
.unfold-page .unfold-lead { max-width: 760px; margin: 22px 0 0; line-height: 1.65; }
.unfold-page .unfold-section { padding: 32px 0 40px; border-bottom: 1px solid var(--line); scroll-margin-top: 120px; }
.unfold-page .unfold-section > h2 { margin: 0 0 18px; }
.unfold-page .unfold-section > p { max-width: 760px; margin: 0 0 18px; line-height: 1.65; }
.unfold-page .unfold-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 48px; }
.unfold-page .unfold-grid article { min-width: 0; }
.unfold-page .unfold-grid h3 { margin: 0 0 12px; }
.unfold-page .unfold-grid p { margin: 0; line-height: 1.65; }
.unfold-page .unfold-grid p + p { margin-top: 12px; }
.unfold-page .unfold-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; counter-reset: steps; }
.unfold-page .unfold-steps li { counter-increment: steps; border-top: 1px solid var(--line-strong); padding-top: 18px; min-width: 0; }
.unfold-page .unfold-steps li::before { content: "0" counter(steps); color: var(--muted); }
.unfold-page .unfold-steps h3 { margin: 12px 0; }
.unfold-page .unfold-steps p { margin: 0; line-height: 1.65; }
.unfold-page .unfold-note { margin-top: 24px !important; padding-left: 18px; border-left: 2px solid var(--line-strong); }
.unfold-page .unfold-list { margin: 0; padding-left: 20px; display: grid; gap: 12px; line-height: 1.65; max-width: 780px; }
.unfold-page .unfold-section .product-logo-heading { margin-top: 28px; }
#top { scroll-margin-top: 120px; }
@media (min-width: 1201px) {
  .unfold-product .nav-cluster { gap: 16px; }
  .unfold-product .nav-cluster .nav-links { gap: clamp(8px, 0.8vw, 14px); }
}
@media (max-width: 760px) {
  .unfold-page .unfold-grid, .unfold-page .unfold-steps { grid-template-columns: 1fr; gap: 24px; }
  .unfold-page .unfold-section { padding: 28px 0 32px; }
}