/* Problem scenes, not product previews. UI labels are an illustration-size exception. */
#business-view .pain-cards{grid-template-columns:1fr;gap:80px;max-width:none;width:100%;margin-inline:auto}
#business-view .pain-card{padding:0;overflow:visible;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;align-items:center;gap:80px;border:0;border-radius:0;background:none}
#business-view .pain-card:nth-child(even) .pain-scene{grid-column:2;grid-row:1}
#business-view .pain-card:nth-child(even) .pain-card-copy{grid-column:1;grid-row:1}
.pain-scene{height:320px;display:flex;align-items:center;justify-content:center;background:#061b14;border:1px solid #ffffff26;border-radius:16px;overflow:hidden}
.pain-scene svg{width:100%;height:100%;max-width:340px;overflow:visible;font-family:inherit;font-size:16px;letter-spacing:0;fill:#fff}
.scene-window{fill:#0c241c;stroke:#375449;stroke-width:1}
.scene-label{fill:#eaf4ed;font-weight:700}.scene-muted{fill:#a3baaf}.scene-value{fill:#e4ecbd;font-variant-numeric:tabular-nums}
.scene-grid{stroke:#264137;stroke-width:1;fill:none}.scene-mismatch{fill:#b8d68018;stroke:#b8d68080;stroke-width:1}
.scene-compare{stroke:#bfd395;stroke-width:1.5;stroke-dasharray:4 5;fill:none}
.scene-chart{fill:none;stroke:var(--brand);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:290;stroke-dashoffset:0}
.scene-rise{fill:var(--brand);font-size:24px}.scene-unknown{fill:#ffffff04;stroke:#789284;stroke-dasharray:4 4}
.scene-question{text-anchor:middle;font-size:27px;fill:#d0d9b9}.scene-revenue{fill:#284c32;stroke:#6f9b73}
.scene-flow{stroke:#6b8275;fill:none;stroke-width:1.5}.scene-dashed{stroke-dasharray:4 4}
.scene-cost-block{fill:#162f26;stroke:#45604f}
#business-view .pain-card-copy{padding:0;text-align:left;max-width:none}
#business-view .pain-card h3{margin:0 0 20px}
#business-view .pain-card p{max-width:380px;font-size:var(--body-size);line-height:var(--body-leading)}
.pain-card.pain-waiting{opacity:0;transform:translateY(26px)}
.pain-card.pain-entered{animation:pain-card-enter .7s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--pain-delay,0ms)}
.pain-entered .scene-cursor{animation:pain-cursor 4.8s ease-in-out infinite both}
.pain-entered .scene-chart{animation:pain-chart 4.8s ease-in-out infinite both}
.pain-entered .scene-cost{animation:pain-cost 4.8s ease-out infinite both}
.pain-entered .scene-cost-1{animation-delay:.25s}
.pain-entered .scene-cost-2{animation-delay:.5s}
.pain-entered .scene-cost-3{animation-delay:.75s}
.pain-entered:not(.pain-looping) .pain-scene *{animation-play-state:paused}
@keyframes pain-card-enter{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes pain-cursor{0%,12%{transform:translate(0,-104px);opacity:1}32%,44%{transform:translate(0,-54px);opacity:1}64%,86%{transform:translate(0,0);opacity:1}94%{transform:translate(0,0);opacity:0}95%,100%{transform:translate(0,-104px);opacity:0}}
@keyframes pain-chart{0%,8%{stroke-dashoffset:290;opacity:1}48%,85%{stroke-dashoffset:0;opacity:1}96%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes pain-cost{0%,8%{opacity:0;transform:translateX(-8px)}25%,78%{opacity:1;transform:none}92%,100%{opacity:0;transform:none}}
/* Latest request explicitly includes mobile for this section only. */
@media(max-width:760px){#business-view .wrap{width:calc(100% - 40px)}#business-view .pain-cards{gap:56px}#business-view .pain-card{grid-template-columns:1fr;grid-template-rows:auto;gap:26px}#business-view .pain-card:nth-child(even) .pain-scene,#business-view .pain-card:nth-child(even) .pain-card-copy{grid-column:auto;grid-row:auto}.pain-scene{height:280px}#business-view .pain-card-copy{padding:0;text-align:center;max-width:none}#business-view .pain-card p{font-size:18px}}
@media(prefers-reduced-motion:reduce){#business-view .pain-card,#business-view .pain-card *{animation:none!important;transition:none!important}.pain-card.pain-waiting{opacity:1;transform:none}}


/* Closing PAIN copy now introduces the solution, using shared title/body roles. */
.home-page .solution-intro{text-align:center;margin-bottom:80px}
.home-page .solution-intro h2{margin:0}
.home-page .solution-intro p{margin:24px 0 0;color:var(--muted)}

/* Align the left-hand text block to the inner edge of its visual column. */
@media(min-width:761px){#business-view .statement-inner{row-gap:80px}#business-view .pain-card:nth-child(even) .pain-card-copy{width:100%;max-width:380px;justify-self:end}}