/* dark.css — black "On Device AI" privacy section */
.dark-grid { display: block; max-width: 840px; margin-inline: auto; }
.dark-copy { text-align: left; }
.dark-copy .hand { font-size: 1.2em; }
.dark-list { list-style: none; margin: 28px 0 0; padding: 0; display: grid; gap: 14px; }
.dark-list li {
  display: flex; gap: 14px; align-items: flex-start;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 16px; padding: 16px 18px;
}
.dark-list li svg { flex: none; color: #7FB3FF; margin-top: 2px; }
.dark-list strong { color: #fff; display: block; font-size: 1rem; }
.dark-list span { color: rgba(255, 255, 255, 0.68); font-size: 0.93rem; }
.compare { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 26px; }
.compare__cell { border-radius: 16px; padding: 18px; font-size: 0.92rem; }
.compare__cell--them { background: rgba(255, 90, 90, 0.1); border: 1px dashed rgba(255, 120, 120, 0.5); color: rgba(255, 255, 255, 0.75); }
.compare__cell--us { background: rgba(80, 200, 120, 0.1); border: 1px solid rgba(90, 220, 130, 0.45); color: #fff; }
.compare__cell b { display: block; margin-bottom: 4px; font-size: 0.8rem; letter-spacing: 0.1em; text-transform: uppercase; }
.compare__cell--them b { color: #FF9B9B; }
.compare__cell--us b { color: #7BE3A0; }
@media (max-width: 600px) { .compare { grid-template-columns: 1fr; } }