@media(max-width:719px){
  .metric-grid{grid-template-columns:1fr}
}
@media(min-width:720px){
  :root{--gutter:1.6rem}
  .hero__facts{grid-template-columns:repeat(4,1fr)}
  .market-card{width:19rem}
  .skill-card{width:16.8rem}
  .case-card{width:19rem}
  .product-card{width:17.8rem}
  .phase-card,.offer-card{width:18rem}
  .lesson__grid{grid-template-columns:1fr 1fr}
  .check-grid{grid-template-columns:repeat(3,1fr)}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1024px){
  .nav-scroll{justify-content:center}
  .chapter-hero__card{min-height:32rem}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@media(prefers-reduced-transparency:reduce){
  .nav-shell,.ask-backdrop,.ask-sheet{background:var(--grouped);backdrop-filter:none;-webkit-backdrop-filter:none}
  .hero__fact{background:rgba(25,25,28,.82);backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(prefers-contrast:more){
  :root{--border:rgba(0,0,0,.22);--secondary:#505055}
}