/* Trial pitch right under each free tool (views/landing/resource.php, ResourceToolCta).
   Plain HTML that works without JavaScript; resource-tool-cta.js only adds .is-result-ready. */
.ls-tool-cta{
    margin:0 0 30px;
    padding:22px 24px;
    border:1px solid var(--line-soft);
    border-left:4px solid var(--brand);
    border-radius:12px;
    background:linear-gradient(180deg,#ffffff,#f6fafc);
    transition:box-shadow .25s ease,border-color .25s ease,background .25s ease;
}
.ls-tool-cta h2{margin:0 0 6px;font-size:1.2rem;color:var(--ink-strong)}
.ls-tool-cta-body{margin:0 0 14px;max-width:640px;color:var(--muted);font-size:.95rem;line-height:1.6}
.ls-tool-cta-ready{margin:0 0 6px;font-size:.8rem;font-weight:800;color:#047857;text-transform:uppercase;letter-spacing:.05em}
.ls-tool-cta-ready[hidden]{display:none}
.ls-tool-cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.ls-tool-cta-actions .btn-primary{padding:11px 22px;font-size:.92rem}
.ls-tool-cta-demo{color:var(--brand-strong);font-weight:800;font-size:.92rem;text-decoration:underline;text-underline-offset:3px}
.ls-tool-cta-demo:hover{color:var(--brand)}
.ls-tool-cta.is-result-ready{
    border-color:var(--brand);
    background:linear-gradient(180deg,#f1f9fc,#e6f4f9);
    box-shadow:0 14px 30px rgba(10,34,48,.14);
}
@media (max-width:600px){
    .ls-tool-cta{padding:18px 16px}
    .ls-tool-cta-actions .btn-primary{width:100%}
}
@media (prefers-reduced-motion:reduce){
    .ls-tool-cta{transition:none}
}
@media print{
    .ls-tool-cta{display:none!important}
}