/* Format C add-on for the "AI growth partner vs agency vs freelancer" article (21 Oct 2026, worker 8444c5d8).
   Uses fmtc.css (hero loop, Up next lines) and adds: fc-path (ad to sale tracker) and fc-ch (5 question chooser). Scoped to .fc-gp. */
.fc-gp{--fc-o:#FF6B00}
.fc-gp .rx-calc[data-calc="chk"] .rx-score{display:flex}
.fc-gp-steps>*+*{margin-top:18px}
/* hero: hook, then the short answer, then the loop on phones (keeps the loop below the fold and out of LCP); hook beside the loop on wider screens */
.fc-gp .fc-scene--gp{display:flex;flex-direction:column;margin:14px 0 30px}
.fc-gp .fc-scene--gp .b-hook{order:1;margin:0 0 18px}
.fc-gp .fc-scene--gp .b-answer{order:2;margin:0 0 22px}
.fc-gp .fc-scene--gp .fc-hero{order:3;margin:0}
@media (min-width:760px){
 .fc-gp .fc-scene--gp{display:grid;grid-template-columns:minmax(0,1fr) 46%;grid-template-areas:"hook vid" "ans ans";gap:24px;align-items:center}
 .fc-gp .fc-scene--gp .b-hook{grid-area:hook;margin:0}
 .fc-gp .fc-scene--gp .fc-hero{grid-area:vid}
 .fc-gp .fc-scene--gp .b-answer{grid-area:ans;margin:0}
}
/* links inside .b-body get the article underline and ink colour: reset them for the dark tracker and the chooser button */
.fc-gp .b-body a.fc-path__in{color:#f5f2ea;text-decoration:none;font-weight:inherit}
.fc-gp .b-body a.fc-path__in:hover,.fc-gp .b-body a.fc-path__in:focus-visible{color:#fff}
.fc-gp .b-body .fc-path__l li a{color:rgba(245,242,234,.6);text-decoration:none;font-weight:inherit}
.fc-gp .b-body .fc-path__l li.is-done a{color:#f5f2ea}
.fc-gp .b-body .fc-path__l li.is-on a{color:#fff;font-weight:600}
.fc-gp .b-body .fc-path__l li a:hover{color:#fff}
.fc-gp .b-body .fc-ch a.btn{color:#111;text-decoration:none}
/* tracker: compact sticky bar by default */
.fc-gp-steps{position:relative}
.fc-path{position:sticky;top:var(--fc-top,56px);z-index:30;margin:18px -4px 22px}
.fc-path__in{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 12px;border-radius:14px;background:rgba(17,17,17,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f5f2ea;text-decoration:none;box-shadow:0 10px 26px -16px rgba(0,0,0,.6)}
.fc-path__in:hover,.fc-path__in:focus-visible{color:#fff}
.fc-path__svg{flex:none;line-height:0}
.fc-path__mini{width:100px;height:21px;overflow:visible}
.fc-path__tall{display:none}
.fc-path__t{display:flex;align-items:baseline;gap:10px;min-width:0;flex:1;line-height:1.25}
.fc-path__k{display:none;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fc-o)}
.fc-path__st{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.fc-path__st b{color:#fff;font-size:16px}
.fc-path__go{margin-left:auto;font-size:12.5px;opacity:.75;white-space:nowrap}
.fc-path__l{display:none}
@media (max-width:370px){.fc-path__go{display:none}}
/* svg parts */
.fc-path__gap{stroke:rgba(255,255,255,.28);stroke-width:2;stroke-dasharray:3 4}
.fc-path__fill{stroke:var(--fc-o);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .6s cubic-bezier(.2,.7,.2,1)}
.fc-path__s.is-shut .fc-path__fill{stroke-dashoffset:0}
.fc-path__c{fill:#1b1b1b;stroke:rgba(255,255,255,.35);stroke-width:2;transition:stroke .4s,fill .4s}
.fc-path__dot{fill:rgba(255,255,255,.55);transition:fill .4s}
.fc-path__r{fill:none;stroke:rgba(255,255,255,.55);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}
.fc-path__n.is-on .fc-path__c{stroke:var(--fc-o)}
.fc-path__n.is-on .fc-path__dot{fill:var(--fc-o)}
.fc-path__n.is-sale .fc-path__c{fill:var(--fc-o);stroke:var(--fc-o)}
.fc-path__n.is-sale .fc-path__r{stroke:#111}
.fc-path__tall text{fill:rgba(245,242,234,.6);font:600 13px/1 system-ui,sans-serif;transition:fill .4s}
.fc-path__n.is-on text,.fc-path__n.is-sale text{fill:#f5f2ea}
/* wide desktop: a sticky card in the right margin */
@media (min-width:1240px){
 .fc-path{height:0;margin:0;top:calc(var(--fc-top,56px) + 28px)}
 .fc-path__card{position:absolute;top:0;left:calc(100% + 48px);width:224px;background:#111;border-radius:18px;box-shadow:0 24px 50px -30px rgba(0,0,0,.7)}
 .fc-path__in{flex-direction:column;align-items:stretch;gap:12px;padding:18px 18px 8px;border-radius:18px 18px 0 0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
 .fc-path__svg{order:2;padding:2px 0}
 .fc-path__mini{display:none}
 .fc-path__tall{display:block;width:176px;height:222px;overflow:visible}
 .fc-path__t{order:1;display:block}
 .fc-path__k{display:block;margin-bottom:4px}
 .fc-path__st{display:block;font-size:16px}.fc-path__st b{font-size:24px}
 .fc-path__go{display:none}
 .fc-path__l{display:block;list-style:none;margin:0;padding:4px 18px 16px;border-top:1px solid rgba(255,255,255,.08)}
 .fc-path__l li a{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px;line-height:1.3;color:rgba(245,242,234,.6);text-decoration:none;transition:color .3s}
 .fc-path__l li a:hover{color:#fff}
 .fc-path__l i{flex:none;width:10px;height:10px;border-radius:50%;border:2px solid var(--fc-o);transition:background .3s,box-shadow .3s}
 .fc-path__l li.is-done a{color:#f5f2ea}
 .fc-path__l li.is-done i{background:var(--fc-o)}
 .fc-path__l li.is-on a{color:#fff;font-weight:600}
 .fc-path__l li.is-on i{box-shadow:0 0 0 4px rgba(255,107,0,.3)}
}
/* chooser */
.fc-ch{border:1.5px solid #111;border-radius:20px;padding:20px;background:#fff}
.fc-ch__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.fc-ch__h{font-weight:700;font-size:19px;margin:0}
.fc-ch__dots{display:flex;gap:6px;margin:0}
.fc-ch__dots i{width:9px;height:9px;border-radius:50%;background:#e7e3dc;transition:background .3s,transform .3s}
.fc-ch__dots i.is-done{background:var(--fc-o)}
.fc-ch__dots i.is-on{background:#111;transform:scale(1.25)}
.fc-ch__q{border:0;margin:0;padding:0;min-width:0}
.fc-ch__q+.fc-ch__q{margin-top:18px}
.fc-ch.is-ready .fc-ch__q{display:none;margin-top:0}
.fc-ch.is-ready .fc-ch__q.is-on{display:block}
.fc-ch.is-ready.is-live .fc-ch__q.is-on{animation:fc-in .35s ease}
@keyframes fc-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.fc-ch legend{font-size:18px;font-weight:650;line-height:1.35;margin-bottom:12px;padding:0}
.fc-ch__n{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fc-o);margin-bottom:4px}
.fc-ch__o{display:flex;gap:12px;align-items:center;padding:13px 14px;border:1.5px solid #e7e3dc;border-radius:14px;font-size:16px;line-height:1.35;cursor:pointer;transition:border-color .2s,background .2s}
.fc-ch__o+.fc-ch__o{margin-top:8px}
.fc-ch__o:hover{border-color:#111}
.fc-ch__o input{flex:none;width:20px;height:20px;accent-color:#FF6B00;margin:0}
.fc-ch__o:has(input:checked){border-color:var(--fc-o);background:#fff6ee}
.fc-ch__o input:focus-visible{outline:2px solid #111;outline-offset:2px}
.fc-ch__nav{margin-top:10px;min-height:0}
.fc-ch__back,.fc-ch__again{padding:0;border:0;background:none;font:inherit;font-size:14px;color:#5c5c5c;text-decoration:underline;cursor:pointer}
.fc-ch__res{margin-top:4px;animation:fc-in .4s ease}
.fc-ch__k{margin:0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fc-o)}
.fc-ch__pick{margin:2px 0 6px;font-size:26px;font-weight:750;letter-spacing:-.02em;line-height:1.15}
.fc-ch__why{margin:0;font-size:16.5px;line-height:1.5}
.fc-ch__bars{display:grid;gap:8px;margin:16px 0}
.fc-ch__bars p{display:grid;grid-template-columns:132px 1fr;align-items:center;gap:10px;margin:0;font-size:14px}
.fc-ch__bars i{display:block;height:10px;border-radius:9px;background:#e7e3dc;overflow:hidden}
.fc-ch__bars b{display:block;height:100%;width:0;border-radius:9px;background:#111;transition:width .7s cubic-bezier(.2,.7,.2,1)}
.fc-ch__bars p.is-top b{background:var(--fc-o)}
.fc-ch__bars p.is-top span{font-weight:700}
.fc-ch__watch{margin:0 0 10px;font-size:15.5px;line-height:1.5;padding:10px 12px;border-radius:12px;background:#f6f4f0}
.fc-ch__line{margin:0 0 14px}
.fc-ch__line p{font-size:16px}
.fc-ch__next{display:grid;gap:12px;padding:18px;border-radius:16px;background:#111;color:#f5f2ea;margin-bottom:10px}
.fc-ch__next p{margin:0;font-size:16.5px;line-height:1.45}
.fc-ch__next .btn{justify-self:start}
@media (max-width:480px){.fc-ch{padding:16px}.fc-ch__bars p{grid-template-columns:136px 1fr;font-size:13.5px}.fc-ch__pick{font-size:23px}}
@media (prefers-reduced-motion:reduce){.fc-path__fill,.fc-path__c,.fc-ch__bars b,.fc-ch__dots i{transition:none}.fc-ch .fc-ch__q.is-on,.fc-ch__res{animation:none!important}}

/* finish pass (21 Oct 2026, worker f45294f6): comparison table as stacked cards on phones, one CTA under the chooser, print */
.fc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fc-gp .b-body table.fc-cmp th[scope=row]{font-weight:700;white-space:normal;min-width:8em}
@media (min-width:641px){.fc-gp .b-body table.fc-cmp{display:table;table-layout:fixed;font-size:15.5px}.fc-gp .b-body table.fc-cmp td{white-space:normal;min-width:0}.fc-gp .b-body table.fc-cmp thead th:first-child{width:24%}}
@media (max-width:640px){
 .fc-gp .b-body table.fc-cmp{display:block;overflow:visible;font-size:15.5px}
 .fc-gp .b-body table.fc-cmp thead{display:none}
 .fc-gp .b-body table.fc-cmp tbody{display:grid;gap:10px}
 .fc-gp .b-body table.fc-cmp tr{display:block;border:1.5px solid #e7e3dc;border-radius:14px;padding:12px 14px 6px;background:#fff}
 .fc-gp .b-body table.fc-cmp th[scope=row]{display:block;padding:0 0 6px;border:0;font-size:16.5px;min-width:0}
 .fc-gp .b-body table.fc-cmp td{display:grid;grid-template-columns:7.4em minmax(0,1fr);gap:10px;padding:7px 0;border:0;border-top:1px solid #f0ede8;white-space:normal;min-width:0}
 .fc-gp .b-body table.fc-cmp td:before{content:attr(data-l);font-weight:600;font-size:13.5px;line-height:1.5;color:#5c5c5c}
 .fc-gp .b-body table.fc-cmp td:last-child:before{color:#c24f00}
}
.fc-gp .b-cta[data-gp-cta]{margin:22px 0 0;grid-template-columns:1fr}
.fc-gp .b-cta[data-gp-cta] .btn{justify-self:start}
@media (max-width:520px){.fc-gp .b-cta[data-gp-cta] .btn{justify-self:stretch;width:100%;padding:14px 14px;font-size:15.5px;white-space:nowrap}}
@media print{.fc-path,.fc-ch,.b-cta,.rx-prog,.b-toc{display:none!important}.fc-gp .b-body table.fc-cmp{display:table}}