/* The disambiguation page (mission 368, option C). Loads after about.css and only adds the comparison table and the tell-list. */
.vs-hero{padding:72px 0 40px}
.vs-hero h1{font-size:clamp(1.9rem,4.6vw,3rem);line-height:1.12;margin:0 0 18px;letter-spacing:-.02em}
.vs-hero .lead{font-size:1.2rem;line-height:1.55;color:rgba(255,255,255,.86);max-width:760px}
.vs-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:24px;background:#10131c;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;font-size:.97rem}
.vs-table th,.vs-table td{padding:13px 16px;text-align:left;vertical-align:top;border-top:1px solid rgba(255,255,255,.07)}
.vs-table thead th{border-top:0;background:rgba(255,255,255,.04);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.66)}
.vs-table thead th.us{color:#60a5fa}
.vs-table tbody th{font-weight:600;color:rgba(255,255,255,.72);width:32%}
.vs-table td.us{color:#fff;font-weight:600}
.vs-table td.them{color:rgba(255,255,255,.78)}
.vs-table a{word-break:break-all}
.tell{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.tell li{background:#10131c;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 18px;color:rgba(255,255,255,.84)}
.tell li strong{color:#fff}
.vs-cta{margin-top:12px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.vs-cta .alt{color:rgba(255,255,255,.66);font-size:.95rem}
@media (max-width:640px){.vs-table{display:block;overflow-x:auto}.vs-table tbody th{width:auto}}
/* visual pass (Sean, 2026-10-07): ID cards, state badges, check icons; the CTA is ours only and centered */
.idcards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.idcard{border-radius:16px;padding:18px 20px;border:1px solid rgba(255,255,255,.08);background:#10131c}
.idcard.us{border-color:rgba(96,165,250,.55);box-shadow:0 0 0 1px rgba(96,165,250,.25) inset}
.idcard.them{border-color:rgba(255,255,255,.12)}
.id-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.state{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;font-weight:800;font-size:1.25rem;letter-spacing:.04em}
.idcard.us .state{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}
.idcard.them .state{background:rgba(255,255,255,.1);color:rgba(255,255,255,.85)}
.id-ico{width:34px;height:34px}.id-ico svg{width:34px;height:34px}
.idcard.us .id-ico{color:#60a5fa}.idcard.them .id-ico{color:rgba(255,255,255,.55)}
.idname{font-weight:800;font-size:1.15rem;margin:0 0 8px;color:#fff}
.idlines{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:.95rem;color:rgba(255,255,255,.78)}
.chip{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.06em;padding:3px 7px;border-radius:6px;margin-right:8px;vertical-align:1px}
.chip.fl{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.chip.tx{background:rgba(255,255,255,.12);color:rgba(255,255,255,.85)}
.tell li{display:flex;gap:14px;align-items:flex-start}
.tell .ico{flex:none;width:34px;height:34px;border-radius:10px;background:rgba(96,165,250,.14);color:#60a5fa;display:inline-flex;align-items:center;justify-content:center}
.tell .ico svg{width:20px;height:20px}
.cta .vs-cta{display:flex;justify-content:center;margin:18px auto 0}
@media (max-width:640px){.idcards{grid-template-columns:1fr}}

/* one color per company, everywhere (Sean 2026-10-07): ours blue, theirs amber */
.n-us{color:#60a5fa}.n-them{color:#f5a623}
h1 .n-us,h1 .n-them{font-weight:800}
.vs-table thead th.us{color:#60a5fa}.vs-table thead th.them{color:#f5a623}
.vs-table td.us{box-shadow:inset 3px 0 0 #3b82f6}.vs-table td.them{box-shadow:inset 3px 0 0 #f5a623;color:rgba(255,255,255,.86)}
.ric{display:inline-flex;width:22px;height:22px;margin-right:10px;vertical-align:-5px;color:rgba(255,255,255,.55)}.ric svg{width:22px;height:22px}
.chip.tx{background:rgba(245,166,35,.18);color:#f5a623}
.idcards{display:none}