/* Публичный сайт: дополнительные стили поверх общей дизайн-системы. */
.public-hero { padding: clamp(32px, 6vw, 64px); }
.eyebrow, .section-kicker { color: var(--brand-dark); font-size: 13px; font-weight: 700; letter-spacing: .08em; margin-bottom: 8px; text-transform: uppercase; }
.landing-section { margin: 52px 0; }
.landing-section > h2 { max-width: 26ch; }
.process-list { display: grid; gap: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: 28px 0 0; padding: 0; }
.process-list li { border-top: 2px solid var(--line-strong); padding: 18px 24px 0 0; }
.process-list li + li { padding-left: 24px; }
.process-list span { color: var(--brand); display: block; font-size: 13px; font-weight: 700; letter-spacing: .08em; margin-bottom: 26px; }
.process-list h3 { font-size: 18px; }
.process-list p { color: var(--ink-soft); font-size: 15px; margin-bottom: 0; }
.telegram-card { margin-bottom: 0; }
.rights-note { align-self: center; padding: 20px 0; }
.rights-note h2 { max-width: 14ch; }
.page-heading { margin: 32px 0 24px; max-width: 760px; }
.page-heading h1 { margin-bottom: 8px; }
.page-heading > p:last-child { color: var(--ink-soft); margin-bottom: 0; }
.order-form { max-width: 980px; }
.no-js-choice { display: inline-flex; margin-top: 8px; }
.narrow-page { margin-left: auto; margin-right: auto; max-width: 680px; }
.success-panel { margin: 48px auto; max-width: 780px; }
.success-data { margin: 28px 0; }
.document-list { display: grid; gap: 0; }
.document-row { align-items: center; border-top: 1px solid var(--line); display: flex; gap: 20px; justify-content: space-between; padding: 18px 0; }
.document-row h3 { font-size: 17px; margin-bottom: 4px; }
.contacts-list { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.contact-card { margin-bottom: 0; }
.error-page { margin-top: 56px; margin-bottom: 56px; }
@media (min-width: 781px) { .no-js-choice { display: none; } }
@media (max-width: 780px) { .process-list, .contacts-list { grid-template-columns: minmax(0, 1fr); } .process-list li, .process-list li + li { padding: 18px 0 0; } .process-list span { margin-bottom: 12px; } .document-row { align-items: flex-start; flex-direction: column; } .document-row .btn { width: 100%; } }

.scroll-list{max-height:560px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);padding:0 14px}
