/* SpyHuman competitor-alternative pages — page-specific components (externalized; no inline styles).
   Reuses theme greens #069845 / #0bb855. Paired with feature-pages.css + design-system.css. */

/* Trust strip (real claims only) */
.alt-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 4px}
.alt-trust__item{background:#0d1222;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:14px 16px;text-align:center}
.alt-trust__item i{color:#0bb855;font-size:18px;margin-bottom:6px;display:block}
.alt-trust__item strong{display:block;color:#e8ecf4;font-size:14px;font-family:'Kumbh Sans',sans-serif;margin-bottom:2px}
.alt-trust__item span{color:#8890a4;font-size:12px;line-height:1.5;display:block}
@media(max-width:768px){.alt-trust{grid-template-columns:1fr 1fr}}

/* AEO quotable answer block */
.alt-answer{background:rgba(6,152,69,.05);border:1px solid rgba(6,152,69,.16);border-left:3px solid #069845;border-radius:0 10px 10px 0;padding:14px 18px;margin:16px 0}
.alt-answer h4{color:#e8ecf4;font-size:15.5px;margin-bottom:6px;font-family:'Kumbh Sans',sans-serif}
.alt-answer p{color:#b8bfce;font-size:14px;line-height:1.7;margin:0}

/* Legality / consent block */
.alt-legal{background:rgba(64,158,255,.05);border:1px solid rgba(64,158,255,.15);border-left:3px solid #409eff;border-radius:0 10px 10px 0;padding:14px 18px;margin:18px 0;font-size:13.5px;color:#b8bfce;line-height:1.7}
.alt-legal strong{color:#409eff}

/* Sidebar register card (replaces former inline styles) */
.alt-side-cta{background:linear-gradient(135deg,rgba(6,152,69,.1),rgba(6,152,69,.03));border:1px solid rgba(6,152,69,.18);border-radius:12px;padding:22px;text-align:center}
.alt-side-cta>i{font-size:28px;color:#0bb855;margin-bottom:8px;display:block}
.alt-side-cta h4{color:#fff;font-size:16px;margin-bottom:8px}
.alt-side-cta p{color:#7a8299;font-size:13px;margin-bottom:12px}
.alt-side-cta .wt-reg-btn{width:100%;justify-content:center;margin-left:0}
.alt-side-cta__alt{margin-top:10px}
.alt-side-cta__alt a{color:#7a8299;font-size:12px;text-decoration:underline}

/* Small icon helpers (replaces former inline styles) */
.alt-ico-green{color:#0bb855}
.alt-guarantee-ico{font-size:22px;color:#0bb855;margin-bottom:6px;display:block}

/* TL;DR verdict box (AEO answer at top) */
.alt-verdict{background:linear-gradient(135deg,rgba(6,152,69,.10),rgba(6,152,69,.03));border:1px solid rgba(6,152,69,.22);border-radius:12px;padding:20px 22px;margin:6px 0 24px}
.alt-verdict h2{color:#e8ecf4;font-size:18px;margin:0 0 8px;font-family:'Kumbh Sans',sans-serif}
.alt-verdict p{color:#b8bfce;font-size:14.5px;line-height:1.7;margin:0 0 10px}
.alt-verdict p:last-of-type{margin-bottom:0}
.alt-verdict strong{color:#0bb855}

/* Security / breach objection callout (amber) */
.alt-breach{background:rgba(255,176,32,.06);border:1px solid rgba(255,176,32,.18);border-left:3px solid #ffb020;border-radius:0 10px 10px 0;padding:14px 18px;margin:18px 0;font-size:13.5px;color:#b8bfce;line-height:1.7}
.alt-breach strong{color:#ffb020}

/* Horizontal-scroll wrapper for the 4-column comparison matrix on mobile */
.alt-matrix-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:8px 0 4px}
.alt-matrix-scroll .wt-compare{min-width:560px}
.alt-matrix-scroll .wt-compare th:first-child,.alt-matrix-scroll .wt-compare td:first-child{position:sticky;left:0;background:#0d1222}
.alt-matrix-hint{color:#7a8299;font-size:12px;margin:6px 0 0}
