.ff-image-frame[data-width=full]{border-radius:0;width:100cqw;max-width:none;margin-inline:0;left:50%;transform:translate(-50%)}.ff-container .ff-image-frame[data-width=full]{border-radius:1.35rem;width:100%;left:0;transform:none}[data-funnel-wall-id]:has(.ff-image-frame[data-width=full]){overflow:visible}
.journey-surface{width:100%;min-width:0}.journey-graph{width:100%;max-width:480px;margin-inline:auto;padding-bottom:8px;container-type:inline-size}.journey-plot{height:clamp(150px,52cqi,220px);position:relative}.journey-curves{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.journey-callout{z-index:1;overflow-wrap:anywhere;max-width:46%;position:absolute}.journey-value{text-align:center;letter-spacing:-.025em;border-radius:16px;align-content:center;justify-items:center;gap:2px;padding:10px 14px;font-weight:750;line-height:1.1;display:grid}.journey-value-start{font-size:20px;left:0}.journey-value-target{font-size:24px;right:0}.journey-value[data-numeric=true]{--badge-size:clamp(44px, 20cqi, 60px);aspect-ratio:1;width:var(--badge-size);min-width:0;min-height:var(--badge-size);border-radius:50%;padding:8px}.journey-value-start[data-numeric=true]{left:calc(7.5% - var(--badge-size) / 2)}.journey-value-target[data-numeric=true]{--badge-size:clamp(56px, 26cqi, 80px);right:calc(7.5% - var(--badge-size) / 2);font-size:32px}.journey-value small{letter-spacing:normal;font-size:11px;font-weight:600;line-height:1.4}.journey-text{overflow-wrap:anywhere;min-width:0;max-width:100%;display:inline-block}.journey-text[contenteditable=true]{min-width:1ch;min-height:1em}.journey-text[data-placeholder]:empty:before{content:attr(data-placeholder);letter-spacing:normal;font-size:11px}.journey-dot{pointer-events:none;box-sizing:border-box;border:3px solid;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%)}.journey-dot-start{width:10px;height:10px}.journey-dot-target{border-width:4px;width:16px;height:16px}.journey-dot-comparison{border-width:2px;width:10px;height:10px}.journey-dates{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;padding-inline:3%;font-size:12px;font-weight:600;line-height:1.5;display:grid}.journey-dates>:first-child{text-align:left}.journey-dates>:last-child{text-align:right}.journey-end-label{text-align:left;border-radius:10px;gap:4px;width:max-content;max-width:65%;padding:8px 11px;display:grid;right:3%}.journey-end-label:after{content:"";background:inherit;width:8px;height:8px;position:absolute;top:100%;right:12px;transform:translateY(-50%)rotate(45deg)}.journey-end-comparison{border:1px solid}.journey-line-name{font-size:12px;font-weight:650;line-height:1.35}.journey-graph[data-motion=on] .journey-reveal{transform-origin:7.5%;animation:.85s cubic-bezier(.2,.8,.2,1) both journey-reveal}.journey-graph[data-motion=on] .journey-dot-target{animation:.3s ease-out .65s both journey-arrive}@keyframes journey-reveal{0%{opacity:0;transform:scaleX(.92)}to{opacity:1;transform:scaleX(1)}}@keyframes journey-arrive{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.journey-graph[data-motion=on] .journey-reveal,.journey-graph[data-motion=on] .journey-dot-target{opacity:1;animation:none}}.journey-value[data-numeric=false]{letter-spacing:-.01em;border-radius:12px;padding:8px 10px;font-size:14px;line-height:1.3}.journey-value-target[data-numeric=false]{max-width:58%;font-size:16px}.journey-outcomes{text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;padding:16px 3% 0;font-size:12px;line-height:1.5;display:grid}.journey-outcome-key{border-radius:2px;width:16px;height:2px;margin-bottom:6px;display:block}.journey-single-legend{align-items:center;gap:8px;margin-bottom:16px;font-size:12px;font-weight:500;display:flex}.journey-single-legend>span:first-child{border-radius:2px;flex-shrink:0;width:16px;height:2px}.journey-marker{z-index:1;text-align:left;overflow-wrap:anywhere;border-radius:10px;width:max-content;max-width:48%;padding:7px 10px;font-size:12px;font-weight:600;line-height:1.4;position:absolute;transform:translate(-50%)}.journey-marker:after{content:"";background:inherit;width:8px;height:8px;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.journey-marker[data-position=start]{transform:translate(-12px)}.journey-marker[data-position=start]:after{left:12px}.journey-marker[data-position=target]{transform:translate(calc(12px - 100%))}.journey-marker[data-position=target]:after{left:calc(100% - 12px)}
