/* Wordless, procedural illustrations; the titles and descriptions remain real text. */
.start-row .entry-card { --offer-paper:#f0f3eb; --offer-tint:#e1e9df; border:1px solid #ffffffe0; border-radius:14px; background:radial-gradient(ellipse at 15% 0%,#fffefae8,transparent 72%),linear-gradient(150deg,var(--offer-paper),var(--offer-tint)); box-shadow:0 10px 24px #38233f08,inset 0 1px 0 #fffdfb; transition:transform .3s,box-shadow .3s,border-color .3s; }
.entry-card:is(:hover,:focus-visible) { transform:translateY(-5px); border-color:#fffefb; box-shadow:0 17px 34px #38233f14,inset 0 1px 0 #ffffff; }
.entry-card.business-connect { --offer-paper:#f0f3eb; --offer-tint:#e1e9df; }
.entry-card.growth-boost { --offer-paper:#f5f0e5; --offer-tint:#ece2cc; }
.entry-card.people-enablement { --offer-paper:#edf3f1; --offer-tint:#d9e7e3; }
.entry-card.modernization { --offer-paper:#f1edf4; --offer-tint:#e4ddea; }
.entry-card.unique-outcome { --offer-paper:#edf1f3; --offer-tint:#dfe8ea; }
.entry-card .outcome-art { display:block; width:calc(100% + 24px); max-width:none; height:auto; aspect-ratio:320/280; margin:12px -12px 20px; transform:none; flex:none; background:linear-gradient(145deg,#fffefb80,#fffefb20); border:1px solid #ffffff8c; border-radius:10px; box-shadow:inset 0 1px 7px #fffdfb55,0 4px 12px #38233f03; }
.entry-card .start-copy { margin-top:0; padding-top:15px; border-top:1px solid #ffffffa6; }
.entry-card .start-copy h3 { font-weight:700; letter-spacing:-.035em; text-wrap:balance; }
.entry-card .start-copy p { color:#5e5960; }
.entry-card:is(.modernization,.people-enablement) .start-copy h3 span { display:block; }
.offer-graphic { display:block; width:100%; height:100%; border-radius:10px; }
.entry-card .start-top { min-height:28px; }
.entry-card .outcome-art .card-number { position:absolute; z-index:1; top:7px; left:7px; padding:2px 5px; border-radius:3px; background:#fffefaeb; color:#67636a; font-size:10px; line-height:1.4; font-weight:700; letter-spacing:.14em; pointer-events:none; }
/* Persistent, upright outcome panels share the card's inset visual language. */
.outcome-stamp-slot { margin-top:auto; padding-top:23px; min-height:131px; display:flex; align-items:flex-end; justify-content:center; }
.outcome-stamp { --stamp-ink:#276b59; --result-tint:#d4e5d7; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; width:100%; max-width:215px; min-height:108px; padding:14px 9px; border:1px solid #ffffffce; border-radius:9px; color:var(--stamp-ink); background:linear-gradient(145deg,#fffefad9,var(--result-tint)); box-shadow:inset 0 1px 0 #ffffff,0 3px 8px #38233f05; text-align:center; opacity:1; visibility:visible; transform:none; pointer-events:none; }
.growth-boost .outcome-stamp { --stamp-ink:#806024; --result-tint:#e8d8b2; }
.people-enablement .outcome-stamp { --stamp-ink:#306c63; --result-tint:#c8e0d6; }
.modernization .outcome-stamp { --stamp-ink:#705581; --result-tint:#dacee4; }
.unique-outcome .outcome-stamp { --stamp-ink:#46564f; --result-tint:#d4dfd8; }
.stamp-metric { font-size:clamp(25px,2.7vw,37px); line-height:1; font-weight:800; letter-spacing:-.05em; }
.outcome-stamp.stamp-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; container-type:inline-size; }
.stamp-metric-group { display:flex; flex-direction:column; align-items:center; gap:4px; min-width:0; }
.stamp-metric-group .stamp-metric { font-size:min(24px,14cqi); white-space:nowrap; }
.stamp-metric-group .stamp-caption { font-size:min(10px,6cqi); line-height:1.3; min-height:2.6em; }
.business-connect .stamp-metric { font-size:clamp(25px,2.2vw,33px); }
.stamp-caption { font-size:10px; line-height:1.3; font-weight:800; max-width:160px; }
.stamp-note { font-size:8px; line-height:1.3; }
.outcome-stamp.question-stamp .stamp-metric { font-size:clamp(17px,1.8vw,23px); line-height:1.15; letter-spacing:-.03em; max-width:145px; }
/* Keep the five offers together below the header on desktop-sized screens. */
@media(min-width:701px) {
 .start-row .entry-card { min-height:0; padding:12px; }
 .entry-card .outcome-art { width:100%; height:clamp(128px,calc(100svh - 572px),190px); aspect-ratio:auto; margin:0 0 10px; display:flex; align-items:center; justify-content:center; }
 .entry-card .offer-graphic { width:100%; height:100%; object-fit:contain; }
 .entry-card .start-copy { padding-top:10px; }
 .entry-card .start-copy h3 { font-size:clamp(16px,1.35vw,20px); line-height:1.2; min-height:2.4em; margin-bottom:8px; }
 .entry-card .start-copy p { font-size:12px; line-height:1.5; }
 .outcome-stamp-slot { min-height:100px; padding-top:10px; }
 .outcome-stamp { min-height:90px; padding:10px 7px; gap:5px; }
 .outcome-stamp.question-stamp .stamp-metric { font-size:clamp(17px,1.5vw,21px); max-width:155px; }
}
@media(max-width:700px) {
 .entry-card .start-copy h3 { font-size:clamp(17px,5.3vw,22px); }
 .entry-card .outcome-art { width:calc(100% + 20px); margin:12px -10px 22px; }
 .entry-card { min-height:430px; }
}
@media(prefers-reduced-motion:reduce) {
 .entry-card,.entry-card .outcome-stamp { animation:none!important; transition:none!important; }
 .entry-card:is(:hover,:focus-visible) { transform:none; }
}