/* Landing: Отчуждение родителя (PAS) — scoped under .landing-pa */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700&family=Inter:wght@300;400;500;600&display=swap');

.landing-pa {
  --pa-bg: 210 25% 97%;
  --pa-fg: 215 35% 15%;
  --pa-card: 0 0% 100%;
  --pa-primary: 215 55% 24%;
  --pa-primary-fg: 210 40% 98%;
  --pa-secondary: 174 35% 93%;
  --pa-secondary-fg: 215 55% 24%;
  --pa-muted: 210 18% 93%;
  --pa-muted-fg: 215 12% 48%;
  --pa-accent: 174 48% 44%;
  --pa-accent-fg: 0 0% 100%;
  --pa-destructive: 0 70% 55%;
  --pa-success: 152 55% 38%;
  --pa-warm: 35 80% 55%;
  --pa-deep: 215 55% 12%;
  --pa-radius: 0.75rem;
  font-family: Inter, system-ui, sans-serif;
  color: hsl(var(--pa-fg));
  background: hsl(var(--pa-bg));
}

.landing-pa .section-back-nav { margin: 1rem 0; }
.landing-pa .section-back-link { color: hsl(var(--pa-primary)); text-decoration: none; font-size: 0.9375rem; }
.landing-pa .section-back-link:hover { text-decoration: underline; }

.landing-pa-hero {
  position: relative;
  min-height: 90vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: linear-gradient(135deg, hsl(var(--pa-primary)) 0%, hsl(215 55% 30%) 50%, hsl(200 45% 28%) 100%);
}
.landing-pa-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.15;
}
.landing-pa-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, hsl(var(--pa-primary)) 0%, hsl(215 55% 30%) 50%, hsl(200 45% 28%) 100%);
  opacity: 0.85;
}
.landing-pa-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
  position: relative;
  z-index: 1;
}
.landing-pa-hero-inner { padding: 5rem 1.5rem 6rem; }
@media (min-width: 768px) { .landing-pa-hero-inner { padding: 6rem 1.5rem 8rem; } }
.landing-pa-hero-content { max-width: 48rem; }
.landing-pa-hero-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(1.875rem, 4vw, 3.75rem);
  font-weight: 700;
  line-height: 1.2;
  color: hsl(var(--pa-primary-fg));
  margin: 0 0 1rem;
}
.landing-pa-hero-lead {
  font-size: 1.125rem;
  line-height: 1.6;
  color: hsl(var(--pa-primary-fg) / 0.85);
  max-width: 42rem;
  margin: 0 0 2rem;
}
@media (min-width: 768px) { .landing-pa-hero-lead { font-size: 1.25rem; } }
.landing-pa-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}
.landing-pa-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  border-radius: var(--pa-radius);
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: opacity 0.2s;
}
.landing-pa-btn-cta {
  background: linear-gradient(135deg, hsl(var(--pa-accent)) 0%, hsl(174 55% 36%) 100%);
  color: hsl(var(--pa-accent-fg));
}
.landing-pa-btn-cta:hover { opacity: 0.9; }
.landing-pa-btn-outline {
  background: hsl(var(--pa-primary-fg) / 0.1);
  color: hsl(var(--pa-primary-fg));
  border: 1px solid hsl(var(--pa-primary-fg) / 0.3);
}
.landing-pa-btn-outline:hover { background: hsl(var(--pa-primary-fg) / 0.2); }
.landing-pa-btn-primary { background: hsl(var(--pa-accent)); color: hsl(var(--pa-accent-fg)); }
.landing-pa-btn-primary:hover { opacity: 0.9; }
.landing-pa-btn-sm { padding: 0.5rem 1rem; font-size: 0.875rem; }
.landing-pa-btn-full { width: 100%; }
.landing-pa-hero-note { font-size: 0.875rem; color: hsl(var(--pa-primary-fg) / 0.6); margin: 0; }

.landing-pa-section { padding: 4rem 0; }
@media (min-width: 768px) { .landing-pa-section { padding: 6rem 0; } }
.landing-pa-section-card { background: hsl(var(--pa-card)); }
.landing-pa-section-secondary { background: hsl(var(--pa-secondary)); }
.landing-pa-section-dark { background: hsl(var(--pa-primary)); color: hsl(var(--pa-primary-fg)); }
.landing-pa-h2 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  text-align: center;
  margin: 0 0 1rem;
}
.landing-pa-h2.light { color: hsl(var(--pa-primary-fg)); }
.landing-pa-lead { font-size: 1.125rem; line-height: 1.6; color: hsl(var(--pa-muted-fg)); margin: 0 0 3rem; }
.landing-pa-lead.center { text-align: center; }
.landing-pa-lead.light { color: hsl(var(--pa-primary-fg) / 0.75); }
.landing-pa-lead.max-w-3xl { max-width: 48rem; margin-left: auto; margin-right: auto; }
.landing-pa-cta-wrap { text-align: center; margin: 2rem 0 0; }
.landing-pa-h3 { font-family: 'Playfair Display', Georgia, serif; font-size: 1.125rem; font-weight: 600; margin: 0 0 0.5rem; }

.landing-pa-signs-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  list-style: none;
  padding: 0;
  margin: 0 0 3rem;
}
@media (min-width: 640px) { .landing-pa-signs-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .landing-pa-signs-grid { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } }
.landing-pa-signs-grid li {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.25rem;
  border-radius: var(--pa-radius);
  background: hsl(var(--pa-bg));
  box-shadow: 0 2px 16px -2px hsl(var(--pa-primary) / 0.08);
  font-size: 0.875rem;
  line-height: 1.5;
}
@media (min-width: 768px) { .landing-pa-signs-grid li { font-size: 1rem; } }

.landing-pa-about-cols {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  max-width: 56rem;
  margin: 0 auto;
}
@media (min-width: 768px) { .landing-pa-about-cols { grid-template-columns: repeat(3, 1fr); } }
.landing-pa-about-item { text-align: center; }
.landing-pa-about-icon {
  width: 3.5rem;
  height: 3.5rem;
  margin: 0 auto 0.75rem;
  border-radius: 50%;
  background: hsl(var(--pa-accent) / 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}
.landing-pa-about-item p { font-size: 0.875rem; color: hsl(var(--pa-muted-fg)); margin: 0; line-height: 1.5; }

.landing-pa-mistakes-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  max-width: 64rem;
  margin: 0 auto;
}
@media (min-width: 768px) { .landing-pa-mistakes-grid { grid-template-columns: 1fr 1fr; } }
.landing-pa-mistakes-col h3 { margin-bottom: 1.25rem; font-size: 1.25rem; display: flex; align-items: center; gap: 0.5rem; }
.landing-pa-mistakes-bad { color: hsl(var(--pa-destructive)); }
.landing-pa-mistakes-good { color: hsl(var(--pa-success)); }
.landing-pa-card {
  padding: 1.25rem;
  border-radius: var(--pa-radius);
  margin-bottom: 1.25rem;
}
.landing-pa-card h4 { font-weight: 600; margin: 0 0 0.25rem; }
.landing-pa-card p { font-size: 0.875rem; color: hsl(var(--pa-muted-fg)); line-height: 1.5; margin: 0; }
.landing-pa-card-bad { background: hsl(var(--pa-destructive) / 0.1); border: 1px solid hsl(var(--pa-destructive) / 0.1); }
.landing-pa-card-good { background: hsl(var(--pa-success) / 0.1); border: 1px solid hsl(var(--pa-success) / 0.1); }
.landing-pa-card-default { background: hsl(var(--pa-bg)); box-shadow: 0 2px 16px -2px hsl(var(--pa-primary) / 0.08); }

.landing-pa-accordions { max-width: 48rem; margin: 0 auto; }
.landing-pa-accordion {
  background: hsl(var(--pa-card));
  border-radius: var(--pa-radius);
  box-shadow: 0 2px 16px -2px hsl(var(--pa-primary) / 0.08);
  margin-bottom: 1.5rem;
  padding: 0 1.5rem;
}
.landing-pa-accordion-head {
  list-style: none;
  cursor: pointer;
  padding: 1.5rem 0;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-weight: 500;
}
.landing-pa-accordion-head::-webkit-details-marker { display: none; }
.landing-pa-accordion-period { font-size: 0.875rem; color: hsl(var(--pa-muted-fg)); display: block; }
.landing-pa-accordion-title { font-family: 'Playfair Display', Georgia, serif; font-size: 1.125rem; }
.landing-pa-accordion-body {
  list-style: none;
  padding: 0 0 1.5rem 3rem;
  margin: 0;
}
.landing-pa-accordion-body li {
  font-size: 0.875rem;
  line-height: 1.6;
  margin-bottom: 0.75rem;
  padding-left: 1rem;
  position: relative;
}
.landing-pa-accordion-body li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: hsl(var(--pa-accent));
}

.landing-pa-legal-grid, .landing-pa-psych-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  max-width: 56rem;
  margin: 0 auto 2.5rem;
}
@media (min-width: 640px) { .landing-pa-legal-grid, .landing-pa-psych-grid { grid-template-columns: repeat(2, 1fr); } }
.landing-pa-legal-grid .landing-pa-card, .landing-pa-psych-grid .landing-pa-card { margin-bottom: 0; }

.landing-pa-phrases-title { font-family: 'Playfair Display', Georgia, serif; font-size: 1.25rem; text-align: center; margin: 0 0 1.5rem; color: hsl(var(--pa-accent)); }
.landing-pa-phrases { max-width: 42rem; margin: 0 auto; }
.landing-pa-phrases p {
  padding: 1rem;
  border-radius: var(--pa-radius);
  background: hsl(var(--pa-card));
  box-shadow: 0 2px 16px -2px hsl(var(--pa-primary) / 0.08);
  text-align: center;
  font-size: 0.875rem;
  font-style: italic;
  color: hsl(var(--pa-muted-fg));
  margin: 0 0 0.75rem;
}
@media (min-width: 768px) { .landing-pa-phrases p { font-size: 1rem; } }

.landing-pa-tools-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  max-width: 64rem;
  margin: 0 auto;
  list-style: none;
  padding: 0;
}
@media (min-width: 640px) { .landing-pa-tools-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .landing-pa-tools-grid { grid-template-columns: repeat(3, 1fr); } }
.landing-pa-tool {
  padding: 1.5rem;
  border-radius: var(--pa-radius);
  background: hsl(var(--pa-bg));
  box-shadow: 0 2px 16px -2px hsl(var(--pa-primary) / 0.08);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.landing-pa-tool-icon { font-size: 1.5rem; }
.landing-pa-tool h3 { margin: 0; font-size: 1.125rem; }
.landing-pa-tool p { font-size: 0.875rem; color: hsl(var(--pa-muted-fg)); margin: 0; flex: 1; }
.landing-pa-tool .landing-pa-btn { align-self: flex-start; }

.landing-pa-testimonials {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  max-width: 64rem;
  margin: 0 auto;
}
@media (min-width: 768px) { .landing-pa-testimonials { grid-template-columns: repeat(3, 1fr); } }
.landing-pa-testimonial {
  padding: 1.5rem;
  border-radius: var(--pa-radius);
  background: hsl(var(--pa-card));
  box-shadow: 0 2px 16px -2px hsl(var(--pa-primary) / 0.08);
}
.landing-pa-testimonial-text { font-size: 0.875rem; line-height: 1.5; color: hsl(var(--pa-muted-fg)); font-style: italic; margin: 0 0 1rem; }
.landing-pa-testimonial-author { font-weight: 600; font-size: 0.875rem; margin: 0; }
.landing-pa-testimonial-role { font-size: 0.75rem; color: hsl(var(--pa-muted-fg)); margin: 0; }
.landing-pa-disclaimer { text-align: center; font-size: 0.75rem; color: hsl(var(--pa-muted-fg)); margin: 2rem 0 0; }

.landing-pa-team-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  max-width: 64rem;
  margin: 0 auto;
}
@media (min-width: 768px) { .landing-pa-team-grid { grid-template-columns: repeat(3, 1fr); } }
.landing-pa-team-card {
  padding: 1.5rem;
  border-radius: var(--pa-radius);
  background: hsl(var(--pa-bg));
  box-shadow: 0 2px 16px -2px hsl(var(--pa-primary) / 0.08);
  text-align: center;
}
.landing-pa-team-icon { font-size: 2rem; margin-bottom: 0.5rem; }
.landing-pa-team-card h3 { margin: 0 0 0.25rem; font-size: 1.125rem; }
.landing-pa-team-role { font-size: 0.875rem; color: hsl(var(--pa-accent)); font-weight: 500; margin: 0 0 0.5rem; }
.landing-pa-team-desc { font-size: 0.875rem; color: hsl(var(--pa-muted-fg)); line-height: 1.5; margin: 0 0 0.75rem; }
.landing-pa-tag {
  display: inline-block;
  font-size: 0.75rem;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  background: hsl(var(--pa-secondary));
  color: hsl(var(--pa-secondary-fg));
  margin: 0 0.25rem 0.25rem 0;
}

.landing-pa-faq { max-width: 48rem; margin: 0 auto; }
.landing-pa-faq-item {
  background: hsl(var(--pa-card));
  border-radius: var(--pa-radius);
  box-shadow: 0 2px 16px -2px hsl(var(--pa-primary) / 0.08);
  margin-bottom: 0.75rem;
  padding: 0 1.5rem;
}
.landing-pa-faq-item summary {
  cursor: pointer;
  padding: 1.25rem 0;
  font-weight: 500;
  font-size: 0.875rem;
}
@media (min-width: 768px) { .landing-pa-faq-item summary { font-size: 1rem; } }
.landing-pa-faq-item summary::-webkit-details-marker { display: none; }
.landing-pa-faq-item p { font-size: 0.875rem; color: hsl(var(--pa-muted-fg)); line-height: 1.6; padding: 0 0 1.25rem; margin: 0; }

.landing-pa-form {
  max-width: 36rem;
  margin: 0 auto;
  background: hsl(var(--pa-card));
  color: hsl(var(--pa-fg));
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 4px 24px -4px hsl(var(--pa-primary) / 0.1);
}
@media (min-width: 768px) { .landing-pa-form { padding: 2rem; } }
.landing-pa-form-row { margin-bottom: 1.25rem; }
.landing-pa-form-row label { display: block; font-size: 0.875rem; font-weight: 500; margin-bottom: 0.5rem; }
.landing-pa-form-row input[type="text"],
.landing-pa-form-row input[type="email"],
.landing-pa-form-row textarea {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 1px solid hsl(210 18% 88%);
  border-radius: calc(var(--pa-radius) - 2px);
  font-size: 1rem;
  font-family: inherit;
}
.landing-pa-form-row textarea { min-height: 6rem; resize: vertical; }
.landing-pa-form-check { display: flex; align-items: flex-start; gap: 0.75rem; }
.landing-pa-form-check input { margin-top: 0.25rem; }
.landing-pa-form-check label { margin-bottom: 0; font-weight: 400; cursor: pointer; }
.landing-pa-form button[type="submit"] { margin: 1rem 0 0.5rem; }
.landing-pa-form-note { font-size: 0.75rem; color: hsl(var(--pa-muted-fg)); text-align: center; margin: 0; }

.landing-pa-footer {
  background: hsl(var(--pa-deep));
  color: hsl(var(--pa-primary-fg));
  padding: 3rem 0;
}
.landing-pa-footer-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 768px) { .landing-pa-footer-grid { grid-template-columns: repeat(3, 1fr); } }
.landing-pa-footer h3 { font-family: 'Playfair Display', Georgia, serif; font-size: 1.125rem; margin: 0 0 0.75rem; }
.landing-pa-footer p, .landing-pa-footer a { font-size: 0.875rem; color: hsl(var(--pa-primary-fg) / 0.7); margin: 0 0 0.5rem; }
.landing-pa-footer a { display: block; text-decoration: none; }
.landing-pa-footer a:hover { color: hsl(var(--pa-primary-fg)); }
.landing-pa-footer-bottom {
  border-top: 1px solid hsl(var(--pa-primary-fg) / 0.1);
  padding-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: 0.75rem;
  color: hsl(var(--pa-primary-fg) / 0.5);
}
@media (min-width: 768px) { .landing-pa-footer-bottom { flex-direction: row; justify-content: space-between; align-items: center; } }
.landing-pa-footer-bottom a { display: inline; margin-left: 1rem; }
.landing-pa-footer-bottom a:hover { color: hsl(var(--pa-primary-fg) / 0.8); }

.landing-pa-sticky-cta {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50;
  padding: 0.75rem;
  background: hsl(var(--pa-card) / 0.95);
  border-top: 1px solid hsl(210 18% 88%);
  box-shadow: 0 -4px 24px -4px hsl(var(--pa-primary) / 0.1);
}
.landing-pa-sticky-cta.visible { display: block; }
@media (min-width: 768px) { .landing-pa-sticky-cta { display: none !important; } }
