/* New plan artwork, understated price details, and a centered savings value. */
.reference-design #pricing .plan-card>img.plan-feature-illustration{width:200px;height:140px;max-width:100%;object-fit:contain;mix-blend-mode:normal;margin:4px auto 12px}
.reference-design #pricing .plan-card>.read-more{margin-top:auto}
.reference-design #pricing .plan-card>.read-more .plan-total{margin:0 0 14px;padding:14px;font-size:12px;line-height:1.85}
.reference-design #pricing .plan-card>.consult-button{margin-top:auto}
.reference-design #pricing .plan-card>.read-more+.consult-button{margin-top:12px}
.reference-design #comparison .comparison-reference-seal{top:23px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:168px;gap:10px}
.reference-design #comparison .comparison-reference-seal>p:first-child{margin:0;font-size:25px;line-height:1.3}
.reference-design #comparison .comparison-reference-seal .gap-value{margin:0;line-height:1.2}
.reference-design #flow .journey-icon{height:116px}
.reference-design #flow .journey-icon img{height:116px;width:166px;max-width:100%;object-fit:contain}
@media(min-width:801px) and (max-width:1100px){.reference-design #comparison .comparison-reference-seal{top:18px;height:155px}}
@media(max-width:800px){
.reference-design #pricing .plan-card>img.plan-feature-illustration{width:220px;height:150px;margin:4px auto 10px}
.reference-design #comparison .comparison-reference-seal{top:3px;height:174px;gap:9px}
.reference-design #comparison .comparison-reference-seal>p:first-child{font-size:23px}
.reference-design #flow .journey>li{grid-template-columns:112px minmax(0,1fr);column-gap:16px;padding:20px 14px}
.reference-design #flow .journey-icon{width:112px;height:100px}
.reference-design #flow .journey-icon img{width:112px;height:100px;max-width:none;object-fit:contain}
}
@media(max-width:374px){
.reference-design #pricing .plan-card>img.plan-feature-illustration{width:195px;height:136px}
.reference-design #flow .journey>li{grid-template-columns:92px minmax(0,1fr);column-gap:12px;padding:18px 12px}
.reference-design #flow .journey-icon{width:92px;height:92px}
.reference-design #flow .journey-icon img{width:92px;height:92px}
}
/* Center the value itself, rather than the combined heading/value block. */
.reference-design #comparison .comparison-reference-seal{display:block;top:0;height:238px}
.reference-design #comparison .comparison-reference-seal>p:first-child{position:absolute;top:30px;left:0;width:100%;margin:0}
.reference-design #comparison .comparison-reference-seal .gap-value{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%)}
.reference-design #flow .journey-number{justify-self:start;width:fit-content}
@media(min-width:801px) and (max-width:1100px){.reference-design #comparison .comparison-reference-seal{top:0;height:218px}.reference-design #comparison .comparison-reference-seal>p:first-child{top:24px}}
@media(max-width:800px){.reference-design #comparison .comparison-reference-seal{top:0;height:188px}.reference-design #comparison .comparison-reference-seal>p:first-child{top:17px}}