/* Readable outcome examples: real text at the rendered size, not mini screenshots. */
.brand-mark{display:block;flex:none;width:40px;height:40px}.tool-icon{display:inline-block;vertical-align:middle;flex:none;margin-right:9px}
.image-tool h1 .tool-icon{display:inline-block;width:24px;height:24px;background:none;object-fit:contain}
.home-tool{display:block;padding:22px 0}.home-tool-copy{display:block;min-width:0}.home-tool-title{justify-content:flex-start;gap:0;font-size:21px}.home-tool-title>svg{margin-left:auto;width:18px}
.outcome-preview{margin-top:16px;padding:16px 18px;background:#f3f5f8;color:#171c26;min-width:0;font-family:inherit}.outcome-pair{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:12px;align-items:center}.outcome-label{display:block;font-size:13px;line-height:1.6;color:#566173}.outcome-value{display:block;font-size:15px;line-height:1.85;overflow-wrap:anywhere}.outcome-number{font-size:25px;line-height:1.7;font-variant-numeric:tabular-nums;letter-spacing:.02em}.outcome-arrow{font-size:22px;color:#2457d6}.outcome-preview .outcome-note{font-size:12px;line-height:1.6;margin:10px 0 0;color:#566173}
.outcome-photos{display:flex;gap:24px;align-items:end}.outcome-photos>div:first-child{width:56%}.outcome-photos>div:last-child{width:27%}.outcome-photos img{display:block;width:100%;height:auto;margin-top:5px}.outcome-qr img{display:block;width:92px;height:92px;max-width:100%;margin-top:4px;background:white}
.tool-outcome-example{display:grid;grid-template-columns:minmax(280px,1.15fr) minmax(0,1fr);align-items:center;gap:28px;margin:22px 0 26px;padding:18px 0;border-top:1px solid #dce1e8;border-bottom:1px solid #dce1e8;color:#171c26}.tool-outcome-example .outcome-preview{margin:0}.tool-outcome-example figcaption{max-width:52ch;min-width:0}.tool-outcome-example strong{font-size:17px}.tool-outcome-example p{font-size:15px;line-height:1.75;margin:6px 0}.tool-outcome-example small{display:block;font-size:12px;line-height:1.7;color:#566173}.image-tool .tool-outcome-example{margin:22px 0 26px;padding:18px 0;border:0;border-top:1px solid #dce1e8;border-bottom:1px solid #dce1e8;border-radius:0}.image-tool .outcome-photos img{height:auto;background:none;object-fit:contain}.image-tool .tool-outcome-example figcaption{white-space:normal;margin:0}
@media(max-width:720px){.tool-outcome-example{grid-template-columns:minmax(0,1fr);gap:14px}.home-tool-title{font-size:20px}}
@media(max-width:390px){.outcome-preview{padding:14px 12px}.outcome-pair{gap:7px;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}.outcome-value{font-size:14px}.outcome-number{font-size:23px}.outcome-label{font-size:12px}}

.tool-outcome-example .outcome-number{font-size:25px}

.outcome-arrow{color:#64748b}.tool-icon{color:#475569}