/* Accurate separate workflows; compact authentic images; no screenshot cropping */
.walkthrough-accurate{max-width:1100px;margin:0 auto 48px}.workflow-intro{max-width:830px;padding:12px 0 28px}.workflow-intro h2{font-size:clamp(26px,3vw,36px)}.workflow-intro p{line-height:1.7;color:#475569}.workflow-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);align-items:center;gap:clamp(24px,4vw,64px);border-top:1px solid #e2e8f0;padding:38px 0}.workflow-panel h2{font-size:clamp(23px,2.5vw,31px);line-height:1.25}.workflow-copy p{line-height:1.7;color:#475569}.workflow-copy a{color:#087453;text-underline-offset:4px;font-weight:600}.workflow-visual{margin:0 auto;width:100%;max-width:330px;padding:10px;background:#f4f7f8;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 12px 28px #0f172a0a;text-align:center}.workflow-visual img{display:block;box-sizing:border-box;width:auto;height:auto;max-width:100%;max-height:390px;object-fit:contain;border:5px solid #fff;border-radius:17px;box-shadow:0 0 0 1px #cbd5e1,0 9px 22px #0f172a19;margin:auto}.workflow-visual--sidebar img{max-height:390px}.workflow-visual--wide img{max-height:190px}.workflow-visual figcaption{font-size:13px;color:#64748b;margin-top:10px}.workflow-extra{max-width:850px;padding:26px 0 55px}.workflow-extra li{padding:5px 0}.walkthrough-step{display:none!important}
/* Screenshot framing is applied to the individual images, with no clipping by their wrappers. */
.hero-product .authentic-shots{align-items:center!important;overflow:visible!important;padding:10px 2px 12px;gap:16px!important}.hero-product .sidebar-proof,.hero-product .manager-proof{overflow:visible!important;max-height:none!important;min-height:0!important;background:transparent!important;border:0!important;box-shadow:none!important;margin-top:0!important}.hero-product .sidebar-proof img,.hero-product .manager-proof img{display:block!important;box-sizing:border-box!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;border:5px solid white!important;border-radius:20px!important;box-shadow:0 0 0 1px #cbd5e1,0 10px 24px #0f172a1c!important}.hero-product .screenshot-label{margin-bottom:10px}.hero-product{overflow:visible!important}
@media(max-width:760px){.workflow-panel{grid-template-columns:1fr;padding:30px 0}.workflow-visual{max-width:300px}.workflow-visual img{max-height:350px}.hero-product .authentic-shots{gap:10px!important}.hero-product .sidebar-proof img,.hero-product .manager-proof img{border-width:3px!important;border-radius:13px!important}}