/* Phase I4 (founder, 2026-10-28): the one Setup offer (resources/views/partials/setup-offer.blade.php), loaded by the homepage
   and the Snapshot page over each page's existing .sx card styles. Only the new parts live here. */
.plans2.so-one,.hp .plans2.so-one{grid-template-columns:minmax(0,1fr) !important;max-width:980px;margin-left:auto;margin-right:auto}
.so .sx-groups.so-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 36px}
.so .sx-g li{grid-template-columns:22px minmax(0,1fr);gap:10px}
.so .sx-g li .sx-i{width:22px;height:22px;border-radius:0;background:transparent;color:#326FE6;--ic-accent:#326FE6;margin-top:1px}
.so .sx-g li .sx-i .ic{width:20px;height:20px}
.so .sx-g li b{padding-top:1px;font-size:15px;font-weight:500;color:#14223a;line-height:1.4}
.so .so-logos{gap:6px;margin-top:8px}
.so .so-logos span{width:34px;height:34px;border-radius:9px}
.so .so-logos img{width:20px;height:20px}
.so .p2-cta{margin-top:4px}
.so .sx-trust{margin-top:16px}
.so .prefill{margin:10px 0 0}

/* The Tracking add-on: below the button, never above it. */
.so-trk{margin-top:22px;padding:22px 22px 18px;border-radius:18px;border:1.5px solid #C9DAF8;background:linear-gradient(180deg,#EEF4FF 0%,#E7EFFC 100%);color:#071424;text-align:left}
.so-trk-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.so-trk-eye{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.12em;color:#326FE6}
.so-trk-eye i{width:17px;height:17px;border-radius:4px;display:grid;place-items:center;background:#326FE6;color:#fff;font-style:normal;font-size:14px;font-weight:800;line-height:1;letter-spacing:0}
.so-trk-t{display:block;margin-top:10px;font-size:22px;font-weight:800;letter-spacing:-.025em;line-height:1.15}
.so-trk-copy p{margin:6px 0 0;max-width:470px;font-size:15px;line-height:1.5;color:#3B4A60}
.so-trk-price{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}
.so-free{display:inline-block;padding:4px 10px;border-radius:999px;background:#DDF3E8;color:#17694f;font-size:12.5px;font-weight:800}
.so-then{font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1.1;white-space:nowrap}
.so-then small{font-size:17px;font-weight:600;letter-spacing:0;color:#46546b}
.so-cancel{font-size:13px;color:#3B4A60}
.so-tiles{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.so-tiles li{display:flex;flex-direction:column;gap:4px;padding:14px 12px 16px;border-radius:12px;background:#fff;border:1px solid #DCE6F3}
.so-ti{width:28px;height:28px;margin-bottom:8px;border-radius:8px;display:grid;place-items:center;background:#E6EEFC;color:#326FE6;--ic-accent:#326FE6}
.so-ti .ic{width:15px;height:15px}
.so-tiles b{font-size:14.5px;font-weight:800;line-height:1.3;color:#071424}
.so-tiles li > span:last-child{font-size:13px;line-height:1.45;color:#46546b}
.so-trk-foot{margin:14px 0 0;font-size:13px;color:#3B4A60}

/* The Snapshot's heading: line 1 stays on one line on desktop; the lede keeps its width. */
.s2-head.so-wide{max-width:1000px}
.s2-head.so-wide .lede{max-width:820px}
.s2-head.so-wide h2 em{display:block}

@media (max-width:760px){
  .so .sx-groups.so-groups{grid-template-columns:minmax(0,1fr);gap:20px}
  .so-trk{padding:18px 16px 16px}
  .so-trk-top{flex-direction:column;gap:12px}
  .so-trk-price{align-items:flex-start;text-align:left}
  .so-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* P-113: the scope line inside the card, under the trust row (small, muted). */
.so .so-scope{margin:10px 0 0;font-size:13px;line-height:1.45;color:#5d6b80;text-align:center}
.so .so-scope.so-multi{margin-top:2px}
.so .so-multi a{color:inherit;text-decoration:underline;text-underline-offset:2px}
/* Founder, 2026-11-04: the Snapshot's "Questions? Email Caleb at ..." line under the offer. */
.so .so-contact{margin:12px 0 0;font-size:14px;line-height:1.5;color:#46546b;text-align:center}
.so .so-contact a{color:#2459c4;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.so .so-contact .so-addr{user-select:all;-webkit-user-select:all;font-weight:600;color:#14213d;overflow-wrap:anywhere}
/* P-148: "See a sample Workspace" under the Snapshot's offer button (a new tab). */
.so .so-sample{margin:12px 0 0;text-align:center;font-size:15px;font-weight:700}
.so .so-sample a{color:#2459C4;text-decoration:none}
.so .so-sample a:hover{text-decoration:underline}

/* P-155 (K8 v1.1): the Review deep dive label is bold; the rest of the line is the list's regular weight. The CTA support line. */
.so .sx-g li b strong{font-weight:700;color:inherit}
.cta-support{margin:8px 0 0;font-size:12.5px;line-height:1.45;color:#5A6B82;text-align:center}
.cta1-r{display:flex;flex-direction:column;align-items:flex-start;flex:none}
.cta1 .cta-support{text-align:left;margin-top:7px;color:#B9C7DA}
@media (max-width:760px){.cta1-r{align-items:stretch}}
@media (min-width:761px){.cta-support{white-space:nowrap}}

/* P-159 (founder, 2026-11-08): small blue text on the light card uses the link blue #2459C4 (#326FE6 was 4.4:1 there). */
.sx-eye,.so-trk-eye,.sx-more a,.so-sample a{color:#2459C4}

/* P-168 (founder, 2026-11-10): every offer card renders the same. The trust row and the footer row are styled here (the homepage's
   values), so each page's own .sx styles (homepage.css, the Snapshot's v8.css and hp-parts.css) can't make them differ. */
.plan2.so .sx-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:16px}
.plan2.so .sx-trust span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#2a4a7a}
.plan2.so .sx-trust .ic{width:15px;height:15px}
.plan2.so .sx-more{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid #E1E8F1;font-size:13px;color:#3B4A60}
.plan2.so .sx-more a{font-weight:700;color:#2459C4;text-decoration:none}
.plan2.so .sx-more a:hover{text-decoration:underline}
.plan2.so .so-one-loc{margin-top:10px}
.plan2.so .p2-cta{min-height:50px;padding:0 24px;font-size:16px;line-height:1.55}
.plan2.so{font-size:17px;line-height:1.55}
@media (max-width:760px){.plan2.so{font-size:16px}}
@media (max-width:760px){.plan2.so .sx-more a,.plan2.so .so-multi a,.plan2.so .so-contact a{display:inline-flex;align-items:center;min-height:44px}}