/* =========================================================
   /compare/ — additions on top of services.css.
   Scoped .dpo-compare (wrapper also carries .dpo-services).
   ========================================================= */

.dpo-compare .bc{font-size:.82rem;color:var(--muted);padding:14px 0 0;}
.dpo-compare .bc a{color:var(--muted);}
.dpo-compare .bc a:hover{color:var(--accent-ink);}
.dpo-compare .bc [aria-current]{color:var(--ink-2);font-weight:600;}
.dpo-compare .bc span{margin:0 .45rem;color:var(--line);}
.dpo-compare .trustline{margin-top:1.1rem;font-size:.9rem;color:var(--muted);font-weight:600;}

/* four option cards */
.dpo-compare .opts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:2rem;}
@media(max-width:940px){.dpo-compare .opts{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.dpo-compare .opts{grid-template-columns:1fr;}}
.dpo-compare .opt{background:#fff;border:1px solid var(--line);border-top:3px solid var(--accent);
  border-radius:var(--radius);padding:22px 20px;}
.dpo-compare .opt h3{font-size:1.06rem;margin:0 0 .5rem;}
.dpo-compare .opt .suit{font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem;}
.dpo-compare .opt p{font-size:.9rem;margin:0;color:var(--slate);}

/* comparison matrix — responsive with sticky first column */
.dpo-compare .cmp-wrap{margin-top:2rem;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);
  -webkit-overflow-scrolling:touch;}
.dpo-compare .cmp-hint{font-size:.82rem;color:var(--muted);margin:.6rem 0 0;}
.dpo-compare table.matrix{width:100%;min-width:760px;border-collapse:collapse;font-size:.92rem;margin:0;background:#fff;}
.dpo-compare table.matrix caption{caption-side:top;text-align:left;padding:14px 16px;color:var(--muted);font-size:.84rem;border-bottom:1px solid var(--line);}
.dpo-compare table.matrix th,.dpo-compare table.matrix td{border:1px solid var(--line);padding:11px 14px;vertical-align:top;text-align:left;}
.dpo-compare table.matrix thead th{background:var(--ink);color:#fff;font-family:var(--font-display);position:sticky;top:0;font-weight:700;}
.dpo-compare table.matrix thead th:first-child{background:var(--ink);}
.dpo-compare table.matrix tbody th{background:var(--paper-2);font-family:var(--font-display);color:var(--ink);
  position:sticky;left:0;z-index:1;min-width:150px;white-space:normal;}
.dpo-compare table.matrix tbody tr:nth-child(even) td{background:var(--paper-2);}
.dpo-compare table.matrix tbody tr:nth-child(even) th{background:var(--paper-3);}

/* which-model flow (branch) */
.dpo-compare .branch{margin-top:2rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2);padding:8px 6px;}
.dpo-compare .branch ol{list-style:none;margin:0;padding:0;}
.dpo-compare .branch .node{padding:16px 20px;}
.dpo-compare .branch .node + .node{border-top:1px dashed var(--line);}
.dpo-compare .branch .qline{font-family:var(--font-display);font-weight:700;color:var(--ink);font-size:1.02rem;}
.dpo-compare .branch .lines{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.55rem;}
.dpo-compare .branch .lab{display:inline-flex;align-items:center;gap:.4rem;font-size:.88rem;font-weight:600;
  background:#fff;border:1px solid var(--line);border-radius:999px;padding:.4rem .85rem;color:var(--ink-2);}
.dpo-compare .branch .yes{color:#0a7d34;font-weight:800;}
.dpo-compare .branch .no{color:#B42318;font-weight:800;}
.dpo-compare .branch .caveat{padding:0 20px 14px;font-size:.82rem;color:var(--muted);}

/* situation cards */
.dpo-compare .sit{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:2rem;}
@media(max-width:900px){.dpo-compare .sit{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.dpo-compare .sit{grid-template-columns:1fr;}}
.dpo-compare .sit .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 20px;}
.dpo-compare .sit .card h3{font-size:1rem;margin:0 0 .4rem;}
.dpo-compare .sit .card p{font-size:.88rem;margin:0;color:var(--slate);}

/* cost equation visual */
.dpo-compare .costeq{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin-top:2rem;justify-content:center;}
.dpo-compare .costeq .term{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;
  min-width:150px;text-align:center;flex:1;}
.dpo-compare .costeq .term b{display:block;font-family:var(--font-display);font-size:.98rem;color:var(--ink);}
.dpo-compare .costeq .term span{font-size:.8rem;color:var(--muted);}
.dpo-compare .costeq .op{display:flex;align-items:center;font-family:var(--font-display);font-weight:800;font-size:1.4rem;color:var(--accent);}
.dpo-compare .costeq .sum{background:linear-gradient(180deg,var(--ink),var(--ink-2));border-color:var(--ink);}
.dpo-compare .costeq .sum b{color:#fff;}.dpo-compare .costeq .sum span{color:#FF9933;}
@media(max-width:720px){.dpo-compare .costeq{flex-direction:column;}.dpo-compare .costeq .op{justify-content:center;}}

/* pricing pointer block */
.dpo-compare .pricing-cta{margin-top:2rem;background:var(--accent-soft);border:1px solid var(--line);border-radius:var(--radius);padding:26px 26px;}
.dpo-compare .pricing-cta h3{font-size:1.1rem;margin:0 0 .4rem;}
.dpo-compare .pricing-cta .row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem;}

/* sources */
.dpo-compare .sources{max-width:820px;margin:0 auto;font-size:.9rem;color:var(--slate);}
.dpo-compare .sources h3{font-size:1rem;}
.dpo-compare .sources ul{margin:.6rem 0 0 1.1rem;}
.dpo-compare .sources li{margin:.3rem 0;}
.dpo-compare .sources .rev{margin-top:1rem;font-size:.82rem;color:var(--muted);}