/* SN Conversion Sections. Site tokens (sn-tokens.css) with fallbacks. No bare <header> elements: theme makes them sticky. */

/* ---------- shared buttons ---------- */
.snc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 18px;border-radius:999px;font-weight:600;font-size:14px;line-height:1;text-decoration:none!important;white-space:nowrap;border:1.5px solid transparent;transition:background .15s,border-color .15s,color .15s}
.snc-btn--lg{min-height:50px;padding:0 24px;font-size:15px}
.snc-btn--primary{background:var(--sn-signal,#2455d8);color:#fff!important}
.snc-btn--primary:hover{background:var(--sn-signal-ink,#1a3fa8)}
.snc-btn--ghost{background:#fff;color:var(--sn-ink,#17163f)!important;border-color:var(--sn-rule,#e1e4ef)}
.snc-btn--ghost:hover{border-color:var(--sn-signal,#2455d8);color:var(--sn-signal,#2455d8)!important}
.snc-btn--light{background:#fff;color:var(--sn-ink,#17163f)!important}
.snc-btn--light:hover{background:var(--sn-brand-lilac,#e5e0ff)}
.snc-btn:focus-visible{outline:2px solid var(--sn-signal,#2455d8);outline-offset:2px}
.snc-kicker{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--sn-signal,#2455d8)}
.snc-logo{border-radius:10px;object-fit:contain;background:#fff;border:1px solid var(--sn-rule-soft,#eef0f7);flex:none}
.snc-logo--mark{display:inline-grid;place-items:center;font-weight:700;color:#fff;background:var(--sn-signal,#2455d8);border:0}

/* ---------- vendor bar ---------- */
.snc-vbar{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:9px 48px 9px 16px;background:var(--sn-ink,#17163f);color:#fff;font-size:14px;position:relative;text-align:center}
.snc-vbar p{margin:0;color:rgba(255,255,255,.86)}
.snc-vbar strong{color:#fff}
.snc-vbar a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.snc-vbar__x{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:rgba(255,255,255,.7);font-size:20px;line-height:1;cursor:pointer}
.snc-vbar__x:hover{background:rgba(255,255,255,.12);color:#fff}

/* ---------- product: sticky action bar ---------- */
.snc-sticky{position:fixed;left:0;right:0;bottom:0;z-index:90;transform:translateY(110%);transition:transform .25s ease;background:rgba(255,255,255,.97);backdrop-filter:saturate(1.4) blur(8px);border-top:1px solid var(--sn-rule,#e1e4ef);box-shadow:0 -10px 30px -18px rgba(23,22,63,.35);padding-bottom:env(safe-area-inset-bottom,0px)}
.snc-sticky.is-on{transform:none}
.snc-sticky__in{max-width:1200px;margin:0 auto;padding:10px max(16px,env(safe-area-inset-left,0px));display:flex;align-items:center;justify-content:space-between;gap:16px}
.snc-sticky__id{display:flex;align-items:center;gap:12px;min-width:0}
.snc-sticky__id div{display:grid;min-width:0}
.snc-sticky__id strong{font-size:15px;color:var(--sn-ink,#17163f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.snc-sticky__id span{font-size:13px;color:var(--sn-muted,#666b88)}
.snc-sticky__act{display:flex;gap:8px;flex:none}
body.snc-has-sticky{padding-bottom:72px}

/* ---------- product: decision band after pricing ---------- */
.snc-band{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:28px 0;padding:28px 32px;border-radius:var(--sn-r-lg,18px);background:linear-gradient(135deg,var(--sn-signal-wash,#eef3ff),#fff 70%);border:1px solid var(--sn-signal-line,#c7d8fe)}
.snc-band__txt{flex:1 1 360px;min-width:0}
.snc-band h2{margin:0 0 6px;font-size:1.35rem;line-height:1.25;letter-spacing:-.01em;color:var(--sn-ink,#17163f)}
.snc-band p{margin:0;color:var(--sn-ink-soft,#3e4262);font-size:15px;max-width:60ch}
.snc-band .snc-kicker{margin-bottom:6px}
.snc-band__act{display:flex;gap:10px;flex-wrap:wrap}

/* ---------- product: review + vendor pair ---------- */
.snc-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0}
.snc-duo__card{border-radius:var(--sn-r-lg,18px);padding:28px;color:#fff;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.snc-duo__card:only-child{grid-column:1 / -1}
.snc-duo__card--review{background:linear-gradient(135deg,#1b1a5c,#2f2fa0)}
.snc-duo__card--vendor{background:linear-gradient(135deg,#2455d8,#4b7cf0)}
.snc-duo__card h2{margin:0;font-size:1.35rem;color:#fff;letter-spacing:-.01em}
.snc-duo__card p{margin:0;color:rgba(255,255,255,.86);font-size:15px;line-height:1.55;max-width:48ch}
.snc-duo__card .snc-btn{margin-top:auto}
.snc-stars{color:#ffc94d;letter-spacing:3px;font-size:18px}

/* ---------- category: quick picks ---------- */
.snc-picks{margin:0 0 28px}
.snc-picks__head{margin:0 0 14px}
.snc-picks__head h2{margin:0 0 4px;font-size:1.35rem;color:var(--sn-ink,#17163f);letter-spacing:-.01em}
.snc-picks__head p{margin:0;color:var(--sn-muted,#666b88);font-size:14px}
.snc-picks__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.snc-pick{background:#fff;border:1px solid var(--sn-rule,#e1e4ef);border-radius:var(--sn-r,14px);padding:18px;display:flex;flex-direction:column;gap:14px;transition:border-color .15s,box-shadow .15s}
.snc-pick:hover{border-color:var(--sn-signal-line,#c7d8fe);box-shadow:0 14px 30px -22px rgba(23,22,63,.45)}
.snc-pick__label{margin:0;align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sn-signal,#2455d8);background:var(--sn-signal-wash,#eef3ff);padding:4px 9px;border-radius:999px}
.snc-pick__id{display:flex;gap:12px;align-items:flex-start}
.snc-pick__id div{min-width:0}
.snc-pick h3{margin:0 0 4px;font-size:16px}
.snc-pick h3 a{color:var(--sn-ink,#17163f);text-decoration:none}
.snc-pick h3 a:hover{color:var(--sn-signal,#2455d8)}
.snc-pick__id p{margin:0;font-size:13px;color:var(--sn-ink-soft,#3e4262);line-height:1.45}
.snc-pick__act{display:flex;gap:8px;margin-top:auto}
.snc-pick__act .snc-btn{flex:1}

/* ---------- blog: in-article box and closing box ---------- */
.snc-toolbox{margin:28px 0;padding:22px 24px;border:1px solid var(--sn-signal-line,#c7d8fe);border-radius:var(--sn-r,14px);background:var(--sn-signal-wash,#eef3ff)}
.snc-toolbox__t{margin:0 0 12px!important;font-weight:700;font-size:17px;color:var(--sn-ink,#17163f)}
.snc-toolbox ul{list-style:none!important;margin:0 0 16px!important;padding:0!important;display:grid;gap:8px}
.snc-toolbox li{display:flex!important;align-items:center;gap:12px;margin:0!important;padding:8px 10px;background:#fff;border-radius:10px}
.snc-toolbox li::before{display:none!important}
.snc-toolbox li a{display:flex;flex-direction:column;text-decoration:none!important;min-width:0}
.snc-toolbox li strong{color:var(--sn-ink,#17163f);font-size:15px}
.snc-toolbox li span{color:var(--sn-muted,#666b88);font-size:13px}
.snc-endbox{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:36px 0 8px;padding:26px 28px;border-radius:var(--sn-r-lg,18px);background:linear-gradient(135deg,#1b1a5c,#2f2fa0);color:#fff}
.snc-endbox div{flex:1 1 320px;min-width:0}
.snc-endbox p{margin:0!important;color:rgba(255,255,255,.85)!important}
.snc-endbox .snc-endbox__t{font-size:1.25rem;font-weight:700;color:#fff!important;margin-bottom:6px!important}
.snc-endbox .snc-btn--primary{background:#fff;color:var(--sn-ink,#17163f)!important}
.snc-endbox .snc-btn--primary:hover{background:var(--sn-brand-lilac,#e5e0ff)}

@media (max-width:767px){
	.snc-hide-sm{display:none}
	.snc-sticky__in{padding-top:8px;padding-bottom:8px}
	.snc-sticky__id .snc-logo{width:32px;height:32px}
	.snc-band{padding:22px 20px}
	.snc-band__act,.snc-band__act .snc-btn{width:100%}
	.snc-duo{grid-template-columns:minmax(0,1fr)}
	.snc-duo__card{padding:22px}
	.snc-endbox .snc-btn{width:100%}
	.snc-vbar{font-size:13px;justify-content:flex-start;text-align:left}
}
@media (prefers-reduced-motion:reduce){.snc-sticky,.snc-btn,.snc-pick{transition:none}}

/* Desktop already has a sticky sidebar card with the same buttons: the bottom bar is for phones and tablets. */
@media (min-width:992px){.snc-sticky{display:none!important}body.snc-has-sticky{padding-bottom:0}}

/* The compare tray (#sn-rail) owns the bottom edge while it is open. */
body:has(#sn-rail.is-ready) .snc-sticky{display:none!important}
body:has(#sn-rail.is-ready).snc-has-sticky{padding-bottom:0}

/* Vendor bar: link inline with the text; short copy on phones so it never wraps out of view. */
.snc-vbar p a{margin-left:6px;white-space:nowrap}
.snc-vbar__short{display:none}
@media (max-width:575px){.snc-vbar__long{display:none}.snc-vbar__short{display:inline}.snc-vbar{padding:8px 44px 8px 16px}}

/* Desktop header already carries "List your software": the bar is for screens below 1200px. */
@media (min-width:1200px){.snc-vbar{display:none!important}}