/* Страницы сравнения (М1.7). Стиль — как у лендинга, системный шрифт. */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background: #0a0a1a; color: #e0e0e0; line-height: 1.6;
}
a { color: #9fbbe0; }
.wrap { max-width: 860px; margin: 0 auto; padding: 0 24px; }
.crumbs { font-size: 0.85rem; color: rgba(255,255,255,0.45); margin-top: 28px; }
.crumbs a { color: rgba(255,255,255,0.6); }
h1 { font-size: 2.3rem; line-height: 1.2; color: #fff; margin: 14px 0 16px; letter-spacing: -0.02em; }
h2 { font-size: 1.45rem; color: #fff; margin: 40px 0 14px; }
h3 { font-size: 1.1rem; color: #fff; margin: 22px 0 8px; }
p, li { color: rgba(255,255,255,0.75); }
p + p { margin-top: 12px; }
ul { padding-left: 22px; }
li { margin: 6px 0; }
.tldr {
    background: rgba(42,157,143,0.09); border: 1px solid rgba(42,157,143,0.25);
    border-radius: 16px; padding: 20px 22px; margin: 18px 0 8px;
}
.tldr b { color: #fff; }
.asof { font-size: 0.85rem; color: rgba(255,255,255,0.45); margin-top: 8px; }
.table-scroll { overflow-x: auto; margin: 14px 0; }
table { width: 100%; border-collapse: collapse; min-width: 560px; font-size: 0.93rem; }
th, td { text-align: left; vertical-align: top; padding: 11px 12px; border-bottom: 1px solid rgba(255,255,255,0.08); }
th { color: #fff; background: rgba(22,33,62,0.6); font-weight: 700; }
td { color: rgba(255,255,255,0.78); }
td:first-child { color: rgba(255,255,255,0.6); }
.two { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 10px; }
.box { background: rgba(22,33,62,0.5); border: 1px solid rgba(255,255,255,0.07); border-radius: 16px; padding: 20px 22px; }
.box h3 { margin-top: 0; }
.cta { text-align: center; margin: 48px 0 24px; }
.btn {
    display: inline-block; padding: 15px 28px; border-radius: 14px; font-weight: 700;
    background: linear-gradient(135deg, #4A6FA5, #3D5F8F); color: #fff; text-decoration: none;
}
.note { font-size: 0.85rem; color: rgba(255,255,255,0.45); }
.tm { margin: 48px 0 28px; font-size: 0.8rem; color: rgba(255,255,255,0.4); }
@media (max-width: 700px) {
    h1 { font-size: 1.75rem; }
    .two { grid-template-columns: 1fr; }
}