/* V27: clear interactive journey and sample service comparison */
.civic-visual-panel{gap:0!important}.civic-visual-panel h3{font-size:19px!important;margin:0 0 7px!important}.civic-visual-panel .civic-panel-intro{font-size:11.5px!important;line-height:1.4!important;margin-bottom:10px!important}.civic-journey{background:linear-gradient(135deg,#eaf5ff,#f1f3ff);border-radius:13px;padding:12px;margin:3px 0 12px}.civic-journey-heading{font-weight:800;font-size:12px;color:#142d5d;margin-bottom:9px}.civic-journey-steps{display:flex;align-items:center;justify-content:space-between;gap:3px}.civic-journey-step{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;flex:1;font-weight:750;font-size:10px;color:#284071;text-align:center}.civic-journey-dot{display:grid;place-items:center;background:white;border:1px solid #dce8fc;border-radius:50%;height:38px;width:38px;font-size:18px;box-shadow:0 2px 8px #153d7610}.civic-journey-arrow{color:#5b6dea;font-weight:900;font-size:15px}.civic-offers-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:9px}.civic-offers-head strong{font-size:12px;color:#162d59}.civic-offers-head small{font-size:9px;color:#75829d}.civic-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.civic-offer{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;padding:10px 7px;border-radius:11px;border:1px solid #dde6f5;background:white;color:#18315a;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.civic-offer:hover,.civic-offer.active{border-color:#5366ef;background:#f0f4ff;transform:translateY(-1px)}.civic-offer-icon{font-size:21px}.civic-offer strong{font-size:11px;line-height:1.2}.civic-offer>span:last-child{font-size:9px;color:#3f5ee5;font-weight:700}.civic-offer-detail{margin-top:9px;border:1px solid #dbe6f8;background:#f8fbff;border-radius:10px;padding:9px;min-height:54px}.civic-offer-hint{font-size:10px;color:#627492}.civic-detail-top{display:flex;justify-content:space-between;gap:5px;align-items:center}.civic-detail-top strong{font-size:11px;color:#132b54}.civic-detail-top>span{font-size:9px;color:#5366ed}.civic-offer-detail p{font-size:10px;line-height:1.35;margin:5px 0;color:#536480}.civic-package-rows{display:grid;grid-template-columns:1fr 1fr;gap:6px}.civic-package-rows>div{background:white;border:1px solid #e2e9f5;border-radius:8px;padding:7px;display:flex;flex-direction:column;gap:3px}.civic-package-rows span{font-size:10px;font-weight:800;color:#172e57}.civic-package-rows small{font-size:9px;color:#687c9c}.civic-detail-foot{font-size:9px;color:#647795;margin-top:6px}.civic-market-disclaimer{font-size:9px!important;line-height:1.35!important;color:#6d7c97!important;margin:8px 0!important}.civic-visual-panel .life-clean-cta{margin-top:auto!important;padding:10px!important}.civic-mobile-visual{display:none}
@media(min-width:1051px){.life-explainer .civic-visual-panel{padding:16px 17px!important;overflow-y:auto!important}.civic-visual-panel .life-value-tag{margin-bottom:5px!important}}
@media(max-width:1050px){.civic-mobile-visual{display:block;grid-column:1/-1;max-width:650px;width:100%;margin:0 auto}.civic-mobile-inner{border:1px solid #dae4f6;background:white;border-radius:18px;padding:17px}.civic-mobile-inner .civic-journey{margin-top:0}.civic-mobile-inner .civic-offer-grid{gap:10px}.civic-mobile-inner .civic-offer{padding:12px}.civic-mobile-inner .civic-offer strong{font-size:12px}.civic-mobile-inner .civic-offer>span:last-child{font-size:10px}}
@media(max-width:700px){.civic-mobile-visual{margin-top:0}.civic-mobile-inner{padding:13px;border-radius:14px}.civic-offer-grid{gap:6px!important}.civic-mobile-inner .civic-offer{padding:9px 7px}.civic-mobile-inner .civic-offer strong{font-size:11px}.civic-mobile-inner .civic-offer>span:last-child{font-size:9px}.civic-journey-dot{width:36px;height:36px}}