.intro-shell { width: min(800px, 100%); }
.test-intro { max-width: 700px; margin: 18px auto 70px; }
.test-intro h1 { max-width: 650px; margin-bottom: 20px; font-size: 43px; }
.test-intro-lead { max-width: 650px; color: var(--muted); font-size: 16px; }
.test-intro-benefits { margin: 26px 0 18px; padding: 23px 26px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.test-intro-benefits h2 { margin: 0 0 12px; font-size: 21px; }
.test-intro-benefits ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.test-intro-benefits li { position: relative; padding-left: 21px; color: #514a45; }
.test-intro-benefits li::before { position: absolute; left: 0; color: var(--rose); content: '✓'; }
.test-intro-note { margin: 0 0 18px; color: var(--muted); font-size: 13px; }
.test-intro-meta { margin: 22px 0 12px; color: #9f625b; font-weight: 600; }
.test-intro-start { min-height: 52px; }
.test-intro-disclaimer { max-width: 560px; margin: 13px 0 0; color: var(--muted); font-size: 11px; }
.intro-morphotypes { margin-top: 45px; padding-top: 32px; border-top: 1px solid var(--line); }
.intro-morphotypes h2 { font-size: 25px; }
@media (max-width: 700px) {
  .intro-shell { padding: 24px 20px; }
  .test-intro { margin-top: 0; }
  .test-intro h1 { font-size: 32px; }
  .test-intro-lead { font-size: 14px; line-height: 1.65; }
  .test-intro-benefits { margin: 20px 0 15px; padding: 18px; }
  .test-intro-benefits h2 { font-size: 19px; }
  .test-intro-benefits li { font-size: 13px; line-height: 1.5; }
  .test-intro-meta { margin-top: 17px; }
  .test-intro-start { width: 100%; min-height: 50px; }
  .intro-morphotypes { margin-top: 36px; }
}
@media(max-width:700px){
  .intro-shell{padding:20px 18px 42px}
  .test-intro{margin-bottom:52px}
  .test-intro h1{font-size:30px;line-height:1.18}
  .test-intro-benefits{padding:17px 16px;border-radius:7px}
  .test-intro-start{min-height:52px}
}