.cf-explainer{padding-top:48px}.cf-journey-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,430px);grid-template-areas:"intro visual" "steps visual";align-items:start;gap:24px 58px}.cf-intro{grid-area:intro;padding:8px 0 22px}.cf-kicker{font-size:12px;line-height:1.5;color:var(--hub-muted);margin:0 0 12px}.cf-intro h1{font-size:clamp(35px,3.6vw,50px);font-weight:500;letter-spacing:-1.6px;line-height:1.1;margin:20px 0 24px}.cf-lead{font-size:17px;line-height:1.75;color:var(--hub-muted);max-width:60ch;margin:0 0 28px}.cf-intro a.hub-launch,.cf-bottom-cta a.hub-launch{display:inline-block}.cf-journey-aside{grid-area:visual;position:sticky;top:28px;min-width:0}.cf-journey-card{border:1px solid var(--hub-line);border-radius:16px;background:var(--hub-paper);padding:22px 22px 16px;overflow:hidden}.cf-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--hub-muted)}#cfCount{white-space:nowrap;font-variant-numeric:tabular-nums}.cf-drawing{width:100%;height:auto;display:block;margin:14px 0 10px}.cf-scene{opacity:0;transform:translateY(5px);pointer-events:none;transition:opacity 200ms cubic-bezier(.23,1,.32,1),transform 200ms cubic-bezier(.23,1,.32,1)}.cf-scene.selected{opacity:1;transform:translateY(0)}.cf-journey-card[data-instant=true] .cf-scene{transition:none}.s-paper{fill:var(--hub-bg);stroke:var(--hub-line);stroke-width:1.2}.s-label{font:12px Arial,Helvetica,sans-serif;fill:var(--hub-muted)}.s-number{font:15px Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums;fill:var(--hub-ink)}.s-value{font:25px Georgia,serif;fill:var(--hub-ink)}.s-line{stroke:var(--hub-accent);stroke-width:1.8;fill:none}.s-cell{fill:var(--hub-tint);stroke:var(--hub-accent);stroke-width:1.7}.s-grid{fill:none;stroke:var(--hub-line);stroke-width:1}.s-pass{fill:var(--hub-tint);stroke:var(--hub-accent)}.s-warn{fill:none;stroke:#96763f}.s-track{fill:var(--hub-tint)}.s-bar,.s-dot{fill:var(--hub-accent)}.s-reference{fill:#788c98}.s-control{stroke:#788c98;stroke-dasharray:5 5;stroke-width:1.5;fill:none}.s-axis{stroke:var(--hub-muted);stroke-width:1}.s-curve{stroke:var(--hub-accent);stroke-width:2.5;fill:none}.s-repeat{fill:var(--hub-accent);opacity:.45}.s-check{fill:none;stroke:var(--hub-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cf-scene.selected .draw-line{stroke-dasharray:1;animation:cf-draw 650ms cubic-bezier(.23,1,.32,1) both}.cf-journey-card[data-instant=true] .draw-line{animation:none}@keyframes cf-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.cf-caption{border-top:1px solid var(--hub-line);padding-top:16px;min-height:184px}.cf-caption .cf-kicker{font-size:11px}.cf-caption h2{font-size:23px;line-height:1.2;font-weight:500;letter-spacing:-.6px;margin:10px 0}.cf-caption p{font-size:12px;line-height:1.65;color:var(--hub-muted);margin:8px 0}.cf-controls{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:12px}.cf-controls button{font:12px Arial,Helvetica,sans-serif;min-height:40px;min-width:30px;border:1px solid var(--hub-line);border-radius:6px;background:var(--hub-bg);color:var(--hub-ink);padding:8px;cursor:pointer}.cf-stage-buttons{display:flex;gap:4px}.cf-stage-buttons button[aria-pressed=true]{background:var(--hub-ink);color:var(--hub-paper);border-color:var(--hub-ink)}.cf-controls button:active{transform:translateY(1px)}.cf-progress{height:2px;background:var(--hub-line);overflow:hidden;margin:18px 0 12px}.cf-progress i{display:block;height:100%;background:var(--hub-accent);transform:scaleX(0);transform-origin:left}.cf-figure-note{font-size:10px;line-height:1.6;color:var(--hub-muted);margin:8px 0 0}.cf-timeline{grid-area:steps;position:relative}.cf-timeline:before{content:'';position:absolute;top:28px;bottom:28px;left:20px;width:1px;background:var(--hub-line)}.cf-step{display:grid;grid-template-columns:42px minmax(0,1fr);gap:22px;padding:30px 0 38px;position:relative;scroll-margin-top:40px}.cf-step-number{width:40px;height:40px;display:grid;place-items:center;font-size:12px;font-variant-numeric:tabular-nums;border:1px solid var(--hub-line);border-radius:50%;background:var(--hub-bg);color:var(--hub-muted);z-index:1}.cf-step.active .cf-step-number{background:var(--hub-ink);color:var(--hub-paper);border-color:var(--hub-ink)}.cf-step h2{font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.6px;margin:8px 0 18px;text-wrap:balance}.cf-step p:not(.cf-kicker){font-size:14px;line-height:1.8;color:var(--hub-muted);margin:12px 0}.cf-step p.cf-limit{font-size:12px;border-left:2px solid var(--hub-line);padding-left:14px;margin-top:22px}.cf-tokens,.cf-check-list{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.cf-tokens span{font-size:12px;border:1px solid var(--hub-line);padding:8px 12px;border-radius:6px;background:var(--hub-paper)}.cf-check-list{flex-direction:column;font-size:13px;color:var(--hub-accent)}.cf-file-strip{border-block:1px solid var(--hub-line);padding:16px 0;margin:24px 0;display:flex;gap:10px;flex-direction:column}.cf-file-strip b{font-size:14px;font-weight:500;letter-spacing:.3px}.cf-file-strip span{font-size:12px;color:var(--hub-muted)}.cf-equation{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:20px 0;border-block:1px solid var(--hub-line);margin:24px 0}.cf-equation span{font-size:12px;color:var(--hub-muted)}.cf-equation b{display:block;font-size:24px;font-weight:500;color:var(--hub-ink);margin-top:4px}.cf-equation i{font-style:normal;color:var(--hub-muted)}.cf-timepoints{display:flex;align-items:center;gap:10px;margin:26px 0;font-size:13px;color:var(--hub-accent)}.cf-timepoints span{border:1px solid var(--hub-line);padding:9px;border-radius:6px}.cf-timepoints i{height:1px;background:var(--hub-line);flex:1}.cf-outcome{border-top:1px solid var(--hub-line);padding:48px 0;display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:24px}.cf-outcome h2,.cf-bottom-cta h2{font-size:30px;font-weight:500;letter-spacing:-.7px;line-height:1.2;margin:12px 0}.cf-outcome p:not(.cf-kicker),.cf-bottom-cta p{font-size:15px;line-height:1.8;color:var(--hub-muted)}.cf-outcome a{font-size:13px}.cf-bottom-cta{border-top:1px solid var(--hub-line);padding-top:38px}.cf-bottom-cta p{max-width:62ch;margin-bottom:24px}
@media(max-width:1100px){.cf-journey-grid{grid-template-columns:minmax(0,1fr) 355px;gap:24px 28px}.cf-journey-card{padding:18px 16px}.cf-caption{min-height:202px}.cf-step{gap:16px}.cf-step h2{font-size:25px}.cf-controls{gap:6px}.cf-stage-buttons{gap:3px}.cf-controls button{min-width:28px;padding:6px}}
@media(max-width:900px){.cf-journey-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "visual" "steps";gap:24px}.cf-journey-aside{position:static;width:100%;max-width:530px;margin:0 auto}.cf-caption{min-height:160px}.cf-drawing{max-height:290px}.cf-intro h1{font-size:clamp(34px,6vw,47px)}.cf-outcome{grid-template-columns:1fr;gap:14px}.cf-intro{padding:0}.cf-controls button{min-height:44px;min-width:34px}.cf-stage-buttons{gap:5px}.cf-step{padding:28px 0}.cf-explainer{padding-top:35px}}
@media(max-width:420px){.cf-journey-card{padding:16px 12px}.cf-caption{min-height:200px}.cf-controls{gap:5px}.cf-controls button{padding:5px;min-width:25px;font-size:11px}.cf-stage-buttons{gap:3px}.cf-step{grid-template-columns:34px minmax(0,1fr);gap:12px}.cf-step-number{width:32px;height:32px}.cf-timeline:before{left:16px}.cf-step h2{font-size:25px}.cf-equation{gap:7px}.cf-equation span{font-size:11px}.cf-card-heading{font-size:10px}.cf-step .cf-kicker{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cf-scene{transition:none;transform:none}.cf-scene.selected .draw-line{animation:none}.cf-controls button:active{transform:none}}
@media(min-width:901px) and (max-height:800px){.cf-drawing{max-height:215px}.cf-caption{min-height:180px}.cf-journey-card{padding-top:16px}.cf-journey-aside{top:16px}}