.sf{padding-block:var(--s8) 0}@media (min-width:641px){.sf{padding-block:var(--s9) 0}}.sf-head{max-inline-size:760px;margin-block-end:var(--s7)}.sf-head h2{letter-spacing:-.045em;text-wrap:balance;margin-block-start:12px;font-size:30px;font-weight:700;line-height:1.1}[dir=rtl] .sf-head h2{letter-spacing:0;font-size:28px;line-height:1.4}@media (min-width:641px){.sf-head h2{font-size:42px}[dir=rtl] .sf-head h2{font-size:36px}}.sf-grid{grid-template-columns:minmax(0,1fr);align-items:center;row-gap:64px;display:grid;position:relative}.sf-col{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:12px;min-width:0;display:flex;position:relative}.sf-h{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}[dir=rtl] .sf-h{font-family:var(--font);letter-spacing:0;text-transform:none;font-size:12.5px}.sf-sig ul{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sf-chip{border-radius:var(--pill);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);white-space:nowrap;align-items:center;gap:8px;padding-block:8px;padding-inline:12px 14px;font-size:13.5px;font-weight:600;display:inline-flex}.sf-chip .csf-dot{border-radius:3px;block-size:9px;inline-size:9px}.sf-node{background:var(--surface);border:1px solid var(--line);inline-size:100%;max-inline-size:320px;box-shadow:0 1px 0 rgba(var(--white-rgb),.6) inset,0 24px 50px -28px rgba(var(--black-rgb),.4);border-radius:22px;flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.sf-node b{letter-spacing:-.02em;font-size:17px}[dir=rtl] .sf-node b{letter-spacing:0}.sf-node small{color:var(--muted);font-size:13px;line-height:1.5}.sf-avs{gap:6px;margin-block-end:4px;display:flex}.sf-you{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.sf-you small{color:color-mix(in srgb,var(--on-ink) 72%,transparent)}.sf-check{background:color-mix(in srgb,var(--on-ink) 14%,transparent);border-radius:14px;place-items:center;block-size:44px;inline-size:44px;margin-block-end:4px;display:grid}@media (min-width:900px){.sf-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,.85fr);column-gap:clamp(72px,9vw,150px)}.sf-col{text-align:start;align-items:flex-start}.sf-sig ul{flex-flow:column;align-items:flex-start}.sf-node{align-items:flex-start}}.sf-svg{z-index:0;pointer-events:none;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:visible}.sf-l{--fn:var(--accent)}.sf-gv{--fn:var(--gv)}.sf-id{--fn:var(--id)}.sf-pr{--fn:var(--pr)}.sf-de{--fn:var(--de)}.sf-rs{--fn:var(--rs)}.sf-rc{--fn:var(--rc)}.sf-base{fill:none;stroke:color-mix(in srgb,var(--fn) 60%,var(--line-2));stroke-width:1.5px;stroke-dasharray:100;stroke-dashoffset:0}.sf-out .sf-base{stroke:var(--ink);stroke-width:2px}.sf-arrowhead{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.sf-dot{fill:none;stroke:var(--fn);stroke-width:6px;stroke-linecap:round;stroke-dasharray:0 100;opacity:0}.sf-out .sf-dot{stroke:var(--accent);stroke-width:8px}[data-theme=light] .sf-gv .sf-dot{stroke:color-mix(in srgb,var(--gv) 70%,var(--de))}@media (prefers-reduced-motion:no-preference){html:not(.static) .sf-grid:not(.in) :is(.sf-chip,.sf-node){opacity:0;translate:0 12px}html:not(.static) .sf-grid:not(.in) .sf-base{stroke-dashoffset:100px}html:not(.static) .sf-grid:not(.in) .sf-arrowhead{opacity:0}html:not(.static) .sf-chip{transition:opacity .6s var(--ease),translate .7s var(--ease);transition-delay:calc(var(--k,0) * 70ms)}html:not(.static) .sf-node{transition:opacity .8s var(--ease),translate .9s var(--ease);transition-delay:.5s}html:not(.static) .sf-you{transition-delay:1.1s}html:not(.static) .sf-base{transition:stroke-dashoffset 1.3s var(--ease) calc(.3s + var(--k,0) * 90ms)}html:not(.static) .sf-arrowhead{transition:opacity .4s 1.6s}html:not(.static) .sf-grid.in .sf-dot{animation:sfTravel 3.4s calc(1.6s + var(--k,0) * .55s) linear infinite}html:not(.static) .sf-grid.in .sf-out .sf-dot{animation-duration:2.2s}}@keyframes sfTravel{0%{stroke-dashoffset:0;opacity:0}8%{opacity:1}88%{opacity:1}to{stroke-dashoffset:-100px;opacity:0}}
