/* Финальные состояния лендинга: компактность, мягкие переходы, спокойный FAQ. */
html:has(.hl-landing) { scroll-behavior: smooth; }
.hl-landing { --hl-lift: calc(var(--hl-space-xs) / -4); --hl-hover-time: calc(var(--motion-duration-ui) * 1.5); }
.hl-landing .hl-button { transition: color var(--hl-hover-time) var(--motion-ease-out), background var(--hl-hover-time) var(--motion-ease-out), border-color var(--hl-hover-time) var(--motion-ease-out), transform var(--hl-hover-time) var(--motion-ease-out), box-shadow var(--hl-hover-time) var(--motion-ease-out); }
.hl-person-card, .hl-hero-recommendation, .hl-price-card { transition-duration: var(--hl-hover-time); }
.hl-person-photo img, .hl-media-link img, .hl-avatar-stack img { transition-duration: calc(var(--motion-duration-enter) * 1.25); }
.hl-landing :is(.hl-text-link, .hl-person-profile, .hl-mobile-login) > span[aria-hidden] { transition-duration: var(--hl-hover-time); }
.hl-nav-scroll a, .hl-nav-scroll a::after { transition-duration: var(--hl-hover-time); }
.hl-social-section { padding: var(--hl-space-lg); }
.hl-social-section .hl-section-heading { max-width: var(--max-width-wide); margin-bottom: var(--hl-space-md); }
.hl-social-section h2 { font-size: var(--sub-h); }
.hl-people-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--hl-space-sm); }
.hl-person-card { display: grid; grid-template-columns: calc(var(--h-big) * 2) minmax(0, 1fr); align-items: start; padding: var(--hl-space-md); gap: var(--hl-space-sm); }
.hl-person-photo { overflow: hidden; border-radius: var(--radius-md); }
.hl-person-photo img { aspect-ratio: 1 / 1; height: auto; object-position: center 20%; border-radius: inherit; }
.hl-person-card figcaption { padding: 0; min-width: 0; }
.hl-quote-sign { display: none; }
.hl-person-card blockquote { margin-bottom: var(--hl-space-sm); font-size: var(--text-base); line-height: var(--leading-relaxed); }
.hl-landing .hl-person-name { min-height: 0; font-size: var(--text-base); }
.hl-person-meta { margin-top: calc(var(--hl-space-xs) / 2); }
.hl-landing .hl-person-profile { margin-top: var(--hl-space-xs); padding-top: var(--hl-space-xs); }
.hl-media-business .hl-media-link { width: 74%; }
.hl-business-pair { min-height: calc(var(--h-big) * 5); padding-block: var(--hl-space-lg); }
.hl-faq-item[open] { border-color: var(--color-gray-border); background: var(--color-blend); box-shadow: none; }
.hl-faq-item summary:hover { background: var(--color-blend); }
.hl-landing .hl-faq-item summary:focus-visible { outline: thin solid var(--color-body); outline-offset: calc(var(--hl-space-xs) / -2); }
.hl-faq-item summary:focus:not(:focus-visible) { outline: none; box-shadow: none; }
.hl-profile-search { grid-template-columns: .9fr 1.1fr; gap: var(--hl-space-lg); padding: var(--hl-space-lg); }
.hl-profile-search[id] { scroll-margin-top: var(--hl-anchor-gap); }
.hl-search-content { min-width: 0; }
.hl-search-content form { margin-top: var(--hl-space-md); }
.hl-search-animation { position: relative; min-width: 0; }
.hl-search-animation picture { display: block; overflow: hidden; border: thin solid var(--border-default); border-radius: var(--radius-md); background: var(--color-white); }
.hl-search-animation img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.hl-animation-toggle { display: inline-flex; align-items: center; min-height: var(--h-small); margin-top: var(--hl-space-xs); padding: calc(var(--hl-space-xs) / 2) var(--hl-space-sm); border: thin solid var(--border-default); border-radius: var(--radius-xl); background: var(--color-white); color: var(--color-primary); font-family: var(--font-family); font-size: var(--text-xs); cursor: pointer; transition: background var(--hl-hover-time) var(--motion-ease-out); }
.hl-animation-toggle[hidden] { display: none; }
.hl-animation-toggle:hover { background: var(--color-bg-tint-blue); }
.hl-steps { gap: var(--hl-space-xs); }
.hl-steps li { padding: calc(var(--h-big) + var(--hl-space-md)) var(--hl-space-sm) var(--hl-space-md); border-radius: var(--radius-md); background: var(--color-blend); transition: background var(--hl-hover-time) var(--motion-ease-out); }
.hl-steps .hl-number { left: var(--hl-space-sm); background: var(--color-bg-tint-blue); border-color: transparent; transition: background var(--hl-hover-time) var(--motion-ease-out), color var(--hl-hover-time) var(--motion-ease-out); }
.hl-steps li::before { left: calc(var(--hl-space-sm) + var(--h-big)); right: calc(-1 * var(--hl-space-xs)); }
.hl-step-icon { position: absolute; top: calc(var(--hl-space-xs) * 1.5); right: var(--hl-space-sm); color: var(--color-primary); opacity: .55; transition: opacity var(--hl-hover-time) var(--motion-ease-out); }
.hl-step-icon svg { display: block; width: var(--hl-space-md); height: var(--hl-space-md); }
.hl-start-note { display: flex; align-items: center; gap: var(--hl-space-sm); margin-top: var(--hl-space-md); padding: var(--hl-space-sm) var(--hl-space-md); border: thin solid var(--border-default); border-radius: var(--radius-md); }
.hl-start-note > span { display: grid; place-items: center; flex-shrink: 0; width: var(--but-card-height); height: var(--but-card-height); border-radius: 50%; background: var(--color-bg-tint-blue); color: var(--color-primary); font-size: var(--text-xl); }
.hl-start-note p { flex: 1; margin: 0; font-size: var(--text-base); color: var(--color-muted); }
.hl-start-note .hl-text-link { flex-shrink: 0; font-size: var(--text-base); }
.hl-final { grid-template-columns: 1.25fr 1fr; gap: var(--hl-space-lg); padding: calc(var(--hl-space-lg) + var(--hl-space-sm)); }
.hl-final::before { right: auto; left: calc(-1 * var(--hl-space-lg)); width: 52%; transform: rotate(-12deg); opacity: .07; }
.hl-final-copy { position: relative; }
.hl-final-copy h2 { max-width: calc(var(--max-width-text) * .8); font-size: var(--text-4xl); line-height: var(--leading-snug); }
.hl-final .hl-final-copy > p { color: var(--color-white); opacity: .85; }
.hl-final-benefits { display: grid; gap: var(--hl-space-xs); margin: var(--hl-space-md) 0 0; padding: 0; list-style: none; font-size: var(--text-base); color: var(--color-white); }
.hl-final-benefits li { display: flex; align-items: center; gap: var(--hl-space-xs); }
.hl-final-benefits li::before { content: ''; width: calc(var(--hl-space-xs) / 2); height: calc(var(--hl-space-xs) / 2); border-radius: 50%; background: var(--color-white); opacity: .65; }
.hl-final-actions { align-items: stretch; gap: var(--hl-space-sm); padding: var(--hl-space-lg); border-radius: var(--radius-lg); background: var(--color-white); box-shadow: var(--shadow-modal); }
.hl-final-actions .hl-small-label { margin: 0; }
.hl-final .hl-final-actions h3 { margin: 0; color: var(--color-heading); font-size: var(--sub-h); }
.hl-final .hl-final-actions p { margin: 0; color: var(--color-muted); font-size: var(--text-base); opacity: 1; }
.hl-final .hl-final-actions .hl-button { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-white); }
.hl-final .hl-final-actions .hl-button:hover { background: var(--color-primary-hover); border-color: var(--color-primary-hover); color: var(--color-white); }
.hl-final .hl-final-actions .hl-text-link, .hl-final .hl-final-actions .hl-text-link:hover { align-self: center; color: var(--color-primary); font-size: var(--text-sm); }
@media (hover: hover) and (pointer: fine) {
    .hl-person-card:hover .hl-person-photo img { transform: scale(1.02); }
    .hl-steps li:hover { background: var(--color-bg-tint-blue); }
    .hl-steps li:hover .hl-number { color: var(--color-white); background: var(--color-primary); }
    .hl-steps li:hover .hl-step-icon { opacity: 1; }
}
@media (max-width: 1024px) {
    .hl-person-card { grid-template-columns: var(--h-big) minmax(0, 1fr); padding: var(--hl-space-sm); }
    .hl-final { grid-template-columns: minmax(0, 1fr); }
    .hl-final-actions { max-width: var(--max-width-text); width: 100%; }
}
@media (max-width: 767px) {
    .hl-social-section, .hl-profile-search { padding: var(--hl-space-md); }
    .hl-profile-search { grid-template-columns: minmax(0, 1fr); gap: var(--hl-space-md); }
    .hl-search-animation { max-width: calc(var(--h-big) * 9); width: 100%; margin-inline: auto; }
    .hl-start-note { flex-wrap: wrap; padding: var(--hl-space-sm); }
    .hl-start-note .hl-text-link { margin-left: calc(var(--but-card-height) + var(--hl-space-sm)); }
    .hl-final, .hl-final-actions { padding: var(--hl-space-md); }
    .hl-final-copy h2 { max-width: 100%; font-size: var(--section-h); }
    .hl-business-pair { min-height: calc(var(--h-big) * 4); }
}
@media (max-width: 600px) {
    .hl-people-grid { grid-template-columns: none; grid-auto-columns: 92%; }
    .hl-person-card { grid-template-columns: calc(var(--h-big) * 1.5) minmax(0, 1fr); }
    .hl-swipe-hint { margin-bottom: var(--hl-space-sm); }
}
@media (max-width: 480px) {
    .hl-steps { gap: var(--hl-space-xs); }
    .hl-steps li { min-height: calc(var(--h-big) * 2); padding: var(--hl-space-sm) var(--hl-space-sm) var(--hl-space-md) calc(var(--h-big) + var(--hl-space-md)); }
    .hl-steps .hl-number { top: var(--hl-space-sm); left: var(--hl-space-xs); }
    .hl-step-icon { position: static; margin-bottom: var(--hl-space-xs); }
    .hl-steps li::before, .hl-steps li:nth-child(2)::before { top: calc(var(--h-big) + var(--hl-space-sm)); left: calc(var(--h-big) / 2 + var(--hl-space-xs)); bottom: calc(-1 * var(--hl-space-xs)); }
    .hl-start-note p { flex-basis: 70%; }
    .hl-start-note .hl-text-link { margin-left: 0; }
    .hl-person-card { grid-template-columns: var(--h-big) minmax(0, 1fr); gap: var(--hl-space-xs); }
    .hl-media-business .hl-media-link { width: 76%; }
}
@media (prefers-reduced-motion: reduce) {
    html:has(.hl-landing) { scroll-behavior: auto; }
    .hl-landing *, .hl-landing *::before, .hl-landing *::after { transition: none !important; }
    .hl-person-card:hover .hl-person-photo img { transform: none; }
}