.content { padding: 32px 0 48px; }
.content .content-section { margin-bottom: 40px; }
.content .content-section p { color: #c0c8d4; line-height: 1.7; }
.content .content-grid { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 20px 0; }
.content .content-card { padding: 20px; background: rgba(29, 53, 87, 0.4); border: 1px solid rgba(69, 123, 157, 0.2); border-radius: 8px; transition: border-color 0.2s; }
.content .content-card:hover { border-color: rgba(168, 218, 220, 0.3); }
.content .content-card-title { font-size: 16px; font-weight: 700; color: #ffffff; margin-bottom: 8px; }
.content .content-card-text { font-size: 14px; color: #c0c8d4; margin-bottom: 0; }
.content .mini-review { padding: 20px; background: rgba(29, 53, 87, 0.3); border: 1px solid rgba(69, 123, 157, 0.2); border-radius: 8px; margin-bottom: 16px; }
.content .mini-review-header { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.content .mini-review-logo { width: 100px; height: 50px; border-radius: 8px; background: #ffffff; padding: 6px 10px; object-fit: contain; flex-shrink: 0; }
.content .mini-review-name { font-size: 18px; font-weight: 700; color: #ffffff; }
.content .mini-review-text { font-size: 14px; color: #c0c8d4; line-height: 1.7; margin-bottom: 0; }
.content .pros-cons { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 20px 0; }
.content .pros-list, .content .cons-list { padding: 16px; border-radius: 8px; }
.content .pros-list { background: rgba(22, 199, 132, 0.08); border: 1px solid rgba(22, 199, 132, 0.2); }
.content .cons-list { background: rgba(230, 57, 70, 0.08); border: 1px solid rgba(230, 57, 70, 0.2); }
.content .pros-list .list-title, .content .cons-list .list-title { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px; }
.content .pros-list .list-title { color: #16c784; }
.content .cons-list .list-title { color: #E63946; }
.content .pros-list .list-item, .content .cons-list .list-item { display: flex; align-items: flex-start; gap: 8px; padding: 6px 0; font-size: 14px; color: #c0c8d4; }
.content .list-icon { width: 16px; height: 16px; flex-shrink: 0; margin-top: 2px; }
.content .list-icon-pro { fill: #16c784; }
.content .list-icon-con { fill: #E63946; }
.content .checklist { padding: 20px; background: rgba(29, 53, 87, 0.4); border-radius: 8px; margin: 20px 0; }
.content .checklist-item { display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; font-size: 14px; color: #c0c8d4; border-bottom: 1px solid rgba(69, 123, 157, 0.15); }
.content .checklist-item:last-child { border-bottom: none; }
.content .checklist-icon { width: 18px; height: 18px; flex-shrink: 0; margin-top: 1px; fill: #A8DADC; }
@media (min-width: 768px) {
  .content .content-grid { grid-template-columns: 1fr 1fr; }
  .content .pros-cons { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1024px) {
  .content .content-grid { grid-template-columns: 1fr 1fr 1fr; }
}
.faq { padding: 32px 0 48px; }
.faq .faq-list { margin-top: 16px; }
.faq .faq-item { border: 1px solid rgba(69, 123, 157, 0.2); border-radius: 8px; margin-bottom: 8px; overflow: hidden; background: rgba(29, 53, 87, 0.3); transition: border-color 0.2s; }
.faq .faq-item:hover { border-color: rgba(168, 218, 220, 0.3); }
.faq .faq-question { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; cursor: pointer; user-select: none; }
.faq .faq-question-text { font-size: 15px; font-weight: 700; color: #ffffff; flex: 1; }
.faq .faq-chevron { width: 20px; height: 20px; fill: #457B9D; transition: transform 0.3s; flex-shrink: 0; margin-left: 12px; }
.faq .faq-item.active .faq-chevron { transform: rotate(180deg); }
.faq .faq-answer { padding: 0 20px 16px; font-size: 14px; color: #c0c8d4; line-height: 1.7; display: none; }
.faq .faq-item.active .faq-answer { display: block; }
