.fd{--fd-ease:cubic-bezier(.215, .61, .355, 1);--fd-mid:.3s;--fd-slow:.45s}.fd-hero{text-align:center;justify-items:center;padding-top:56px;padding-bottom:48px;display:grid}.fd-hero .h1{max-width:820px}.fd-hero .lede{max-width:640px;margin-top:22px}.fd-hero .btn{margin-top:30px}.fd-stage{background:var(--panel-bg);border-radius:var(--r-lg);box-shadow:var(--edge);margin-top:8px;padding:28px 28px 24px}.fd-stage-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.fd-stage .h2,.fd-card .h2,.fd-free .h2{font-size:22px}.fd-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:24px 0 0;padding:0;list-style:none;display:grid}.fd-step{text-align:left}.fd-draw{border-radius:var(--r-md);background:var(--paper-2);height:132px;box-shadow:inset 0 0 0 1px var(--line-2);place-items:center;display:grid;overflow:hidden}.fd-draw svg{width:180px;max-width:none;height:100px;color:var(--ink);display:block;overflow:visible}.fd-draw svg *{stroke:currentColor;stroke-width:1.4px;fill:none;stroke-linecap:round;stroke-linejoin:round}.fd-draw svg .fd-fill{fill:var(--paper-3)}.fd-draw svg .fd-ink{fill:var(--ink);stroke:none}.fd-draw svg .fd-pg{fill:var(--page-bg)}.fd-step-n{font-family:var(--font-mono);color:var(--ink-4);margin-top:16px;font-size:12px}.fd-step p{color:var(--ink-2);margin:8px 0 0;font-size:15px;line-height:1.6}.fd-stage-rail{background:var(--divider);height:1px;margin-top:24px;position:relative}.fd-stage-rail i{background:var(--ink);transform-origin:0;transition:transform var(--fd-slow) var(--fd-ease) .1s;position:absolute;inset:0}.fd-card{background:var(--panel-bg);border-radius:var(--r-lg);box-shadow:var(--edge);text-align:left;margin-top:24px;padding:24px 28px 28px}.fd-see-wrap{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:40px;margin-top:20px;display:grid}.fd-see{margin:0;padding:0;list-style:none}.fd-see li{border-top:1px solid var(--line-2);display:grid}.fd-see li:last-child{border-bottom:1px solid var(--line-2)}.fd-see button{appearance:none;cursor:pointer;text-align:left;font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink-2);transition:color var(--fd-mid) var(--fd-ease);background:0 0;border:0;grid-template-columns:30px 1fr;align-items:baseline;gap:10px;padding:14px 0;font-size:18px;font-weight:500;line-height:1.3;display:grid}.fd-see .fd-n{font-family:var(--font-mono);color:var(--ink-4);font-size:12px;font-weight:400}.fd-see button:hover,.fd-see button:focus-visible,.fd-see li.is-on button{color:var(--ink)}.fd-see button:focus-visible{outline-offset:-2px}.fd-walk{border-radius:var(--r-md);background:var(--paper-2);--c-total:color-mix(in srgb, var(--ink) 14%, var(--paper-2));--c-rec:color-mix(in srgb, var(--ink) 60%, var(--paper-2));--c-act:var(--down);--c-plan:color-mix(in srgb, var(--ink) 34%, var(--paper-2));align-content:start;display:grid;overflow:clip}.fd-walk-head{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.fd-walk-title{color:var(--ink-2);font-size:13px;font-weight:500}.fd-walk .chip.sample{background:var(--paper-3);box-shadow:none}.fd-tier{background:var(--strip,transparent);transition:opacity var(--fd-mid) var(--fd-ease), transform var(--fd-mid) var(--fd-ease);padding:14px 16px 16px}.fd-t2{--strip:color-mix(in srgb, var(--ink) 4%, var(--paper-2))}.fd-t3{--strip:color-mix(in srgb, var(--ink) 8%, var(--paper-2))}.fd-tin{transition:opacity .32s var(--fd-ease) calc(var(--i,0) * .16s + .1s), transform .32s var(--fd-ease) calc(var(--i,0) * .16s + .1s)}.fd-labs{flex-wrap:wrap;gap:4px 18px;min-height:18px;margin-bottom:8px;display:flex}.fd-lbl{color:var(--ink-2);transition:opacity var(--fd-mid) var(--fd-ease);align-items:center;gap:8px;font-size:12px;line-height:1.5;display:inline-flex}.fd-dot{background:var(--c);border-radius:999px;flex:none;width:8px;height:8px}.fd-v{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;font-size:12px;font-weight:500}.fd-track{display:flex}.fd-bar{width:calc(var(--rec) * 100%);height:18px}.fd-bar.fd-wide{width:100%}.fd-split{width:calc(var(--rec) * 100%);gap:2px;height:18px;display:flex}.fd-hit{appearance:none;cursor:pointer;min-width:0;transition:transform var(--fd-mid) var(--fd-ease), opacity var(--fd-mid) var(--fd-ease);background:0 0;border:0;border-radius:2px;padding:0;display:block;position:relative}.fd-hit:focus-visible{outline-offset:2px}.fd-fx{border-radius:inherit;background:var(--c);transform-origin:0;transition:transform .42s var(--fd-ease) calc(var(--i,0) * .16s + .1s);position:absolute;inset:0}.fd [data-k=total]{--c:var(--c-total)}.fd [data-k=rec]{--c:var(--c-rec)}.fd [data-k=act]{--c:var(--c-act)}.fd [data-k=plan]{--c:var(--c-plan)}.fd-hit:is(:hover,:focus-visible),.fd-hit.on{transform:translateY(-2px)}.fd-see-wrap[data-on=bar-total] [data-k]:not([data-k=total]),.fd-see-wrap[data-on=bar-rec] [data-k]:not([data-k=rec]),.fd-see-wrap[data-on=bar-act] [data-k]:not([data-k=act]),.fd-see-wrap[data-on=bar-plan] [data-k]:not([data-k=plan]){opacity:.35}.fd-see-wrap:has(.fd-hit[data-k=total]:is(:hover,:focus-visible)) [data-k]:not([data-k=total]){opacity:.35}.fd-see-wrap:has(.fd-hit[data-k=rec]:is(:hover,:focus-visible)) [data-k]:not([data-k=rec]){opacity:.35}.fd-see-wrap:has(.fd-hit[data-k=act]:is(:hover,:focus-visible)) [data-k]:not([data-k=act]){opacity:.35}.fd-see-wrap:has(.fd-hit[data-k=plan]:is(:hover,:focus-visible)) [data-k]:not([data-k=plan]){opacity:.35}.fd-see-wrap[data-on="1"] :is(.fd-t2,.fd-t3),.fd-see-wrap[data-on="2"] .fd-t3{opacity:.2;transform:translateY(6px)}.fd-see-wrap:has(.fd-see button[data-n="1"]:is(:hover,:focus-visible)) :is(.fd-t2,.fd-t3){opacity:.2;transform:translateY(6px)}.fd-see-wrap:has(.fd-see button[data-n="2"]:is(:hover,:focus-visible)) .fd-t3{opacity:.2;transform:translateY(6px)}.fd-free{border-top:1px solid var(--divider);text-align:center;justify-items:center;gap:14px;margin-top:40px;padding:40px 28px;display:grid}.fd-lock{width:40px;height:40px;box-shadow:var(--edge);background:var(--panel-bg);color:var(--ink);border-radius:999px;place-items:center;display:grid}.fd-lock svg{stroke:currentColor;stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block;overflow:visible}.fd-shackle{transition:transform var(--fd-mid) var(--fd-ease) .3s}.fd-free p{color:var(--ink-2);max-width:560px;margin:0;font-size:17px;line-height:1.6}.fd-ask{border-top:1px solid var(--divider);margin:0;padding:24px 0 0}.fd-ask a{min-height:44px;color:var(--ink-3);text-decoration:underline;-webkit-text-decoration-color:var(--ink-4);text-decoration-color:var(--ink-4);text-underline-offset:4px;-webkit-tap-highlight-color:transparent;align-items:center;font-size:15px;line-height:1.4;transition:color .15s ease-out,text-decoration-color .15s ease-out;display:inline-flex}.fd-ask a:hover,.fd-ask a:focus-visible{color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}@media (prefers-reduced-motion:no-preference){.fd-js .fd-reveal{opacity:0;transform:translateY(10px)}.fd-js .fd-reveal.in{opacity:1;transition:opacity var(--fd-slow) var(--fd-ease), transform var(--fd-slow) var(--fd-ease);transform:none}.fd-js .fd-stage .fd-part{opacity:0;transform:var(--from,translateY(6px));transition:opacity var(--fd-mid) var(--fd-ease), transform var(--fd-slow) var(--fd-ease);transition-delay:var(--d,0s);transform-box:fill-box;transform-origin:var(--o,center)}.fd-js .fd-stage.in .fd-part{opacity:1;transform:none}.fd-js .fd-stage .fd-stage-rail i{transform:scaleX(0)}.fd-js .fd-stage.in .fd-stage-rail i{transform:none}.fd-js .fd-card:not(.in) .fd-tin{opacity:0;transform:translateY(6px)}.fd-js .fd-card:not(.in) .fd-fx{transform:scaleX(0)}.fd-js .fd-free .fd-shackle{transform:translateY(-3px)}.fd-js .fd-free.in .fd-shackle{transform:none}}@media (prefers-reduced-motion:reduce){.fd *,.fd :before,.fd :after{transition:none!important;animation:none!important}}@media (max-width:1023px){.fd-see-wrap{grid-template-columns:minmax(0,1fr) 340px;gap:28px}}@media (max-width:809px){.fd-hero{padding-top:40px;padding-bottom:32px}.fd-hero .btn{width:100%;display:flex}.fd-stage{padding:20px 16px}.fd-steps{grid-template-columns:minmax(0,1fr);gap:20px}.fd-draw{height:112px}.fd-stage-rail{display:none}.fd-card{padding:20px 16px 24px}.fd-see-wrap{grid-template-columns:minmax(0,1fr);gap:20px}.fd-walk{order:-1}.fd-see button{font-size:17px}.fd-free{margin-top:32px;padding:32px 0}}
