/* Scoped review refinements. Desktop composition remains owned by V02. */
@media (max-width: 699px) {
  #hero { min-height: 820px; }
  #hero .hero-gallery { bottom: 140px; }
  #hero .hero-slide:first-child .hero-poster { object-position: 3% center; }
  #hero .hero-copy { top: 124px; left: 24px; right: 24px; max-width: none; }
  #hero h1 { margin: 18px 0 20px; font-size: 38px; line-height: 1.16; }
  #hero .hero-copy > p:not(.eyebrow) { font-size: 16px; line-height: 1.8; }
  #hero .actions { margin-top: 24px; gap: 18px; }
  #hero .hero-shade { background: linear-gradient(180deg, #07172518 0%, #07172530 42%, #07172508 65%, #071725 88%), linear-gradient(90deg, #07172566, transparent 90%); }
  #hero .hero-carousel-controls { bottom: 106px; }
  #hero .hero-foot { display: flex; flex-direction: column; align-items: stretch; gap: 8px; bottom: 18px; }
  #hero .hero-foot p { max-width: none; font-size: 14px; line-height: 1.65; }
  #hero .hero-foot > a { align-self: flex-end; font-size: 14px; }
  .cn-solutions .hero { padding-bottom: 28px; }
  .cn-solutions .hero-lead,
  .cn-solutions .hero-support,
  .cn-solutions .hero-values { display: none; }
  .cn-solutions .cn-mobile-intro { display: block; margin-top: 18px; color: #e4e9e8; font-size: 16px; line-height: 1.85; max-width: 34em; }
  .cn-solutions .moevo-line { display: block; margin-bottom: 10px; font-size: 19px; line-height: 1.5; }
  .cn-solutions .moevo-line + br { display: none; }
  .cn-solutions #solution-5 .description > br { display: none; }
  .cn-solutions .solution-card .description { text-wrap: pretty; }
  .cn-solutions .solution-card .description small { display: block; margin-top: 12px; }
}
.cn-mobile-intro { display: none; }
@media (max-width: 699px) {
  .cn-solutions .cn-mobile-intro { display: block; }
}
@media (max-width: 1199px) {
  .tech-reader-intro h1 .cn-title-group { display: inline-block; }
  .tech-reader-section h2 { text-wrap: balance; }
}
@media (min-width: 700px) and (max-width: 1199px) {
  #hero .hero-carousel-controls { bottom: 110px; }
}
@media (max-width: 360px) {
  #hero .hero-copy { left: 20px; right: 20px; }
  #hero h1 { font-size: 34px; }
  #hero .actions { gap: 14px; }
  #hero .hero-carousel-controls { left: 20px; right: 20px; }
  #hero .hero-foot { left: 20px; right: 20px; }
}