.b2b{--b2b-accent-text:var(--coral-ink);--b2b-node:56px;--b2b-gap:44px;--ray-a:-22px;--ray-b:-32px;--ray-c:-42px}.b2b[data-theme=dark]{--b2b-accent-text:var(--coral-2)}.b2b-steps{row-gap:var(--b2b-gap);grid-template-columns:minmax(0,1fr);margin:clamp(56px,8vw,128px) 0 0;padding:0;list-style:none;display:grid;position:relative}.b2b-step{grid-template-columns:var(--b2b-node) minmax(0, 1fr);align-items:start;column-gap:20px;display:grid;position:relative}.b2b-seg{top:calc(var(--b2b-node) / 2);left:calc(var(--b2b-node) / 2 - 1px);width:2px;height:calc(100% + var(--b2b-gap));background:var(--line);pointer-events:none;position:absolute}.b2b-seg__fill{background:var(--coral);transform-origin:50% 0;will-change:transform;position:absolute;inset:0}.b2b-seg__headwrap{opacity:0;will-change:transform, opacity;width:0;height:0;position:absolute;top:0;left:50%}.b2b-seg__head{background:var(--coral);width:12px;height:12px;box-shadow:0 0 0 5px color-mix(in srgb, var(--coral) 22%, transparent), 0 0 22px 4px color-mix(in srgb, var(--coral) 55%, transparent);border-radius:50%;position:absolute;top:-6px;left:-6px}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.b2b-motion:not([data-b2b=static]) .b2b-seg__fill{transform:scaleY(0)}}.b2b-node{z-index:1;width:var(--b2b-node);height:var(--b2b-node);background:var(--bg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 26%, transparent);color:var(--muted);transition:background-color .45s var(--ease-out), box-shadow .45s var(--ease-out), color .35s;border-radius:50%;place-items:center;display:grid;position:relative}.b2b-node__icon{transition:transform .6s var(--ease-out);position:relative}.b2b-node__ring{box-shadow:0 0 0 1px var(--coral);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-1px}.b2b-node[data-on],.b2b-motion[data-b2b=static] .b2b-node,.b2b-motion:not([data-b2b]) .b2b-node{background:var(--coral);box-shadow:inset 0 0 0 1px var(--coral);color:var(--paper)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.b2b-motion:not([data-b2b]) .b2b-node:not([data-on]){background:var(--bg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 26%, transparent);color:var(--muted)}}.b2b-node[data-on]{animation:b2b-pop .7s var(--ease-out)}.b2b-node[data-on] .b2b-node__ring{animation:b2b-ring 1s var(--ease-out)}@keyframes b2b-pop{0%{transform:scale(.82)}45%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes b2b-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.b2b-spark{pointer-events:none;position:absolute;inset:0}.b2b-spark__ray{background:var(--coral);opacity:0;transform-origin:50% 100%;width:2px;height:14px;transform:rotate(var(--r)) translateY(var(--ray-a)) scaleY(0);border-radius:2px;position:absolute;top:calc(50% - 14px);left:calc(50% - 1px)}.b2b-motion[data-deal] .b2b-spark__ray{animation:b2b-ray 1.1s var(--ease-out) forwards}.b2b-motion[data-deal] .b2b-step[data-last] .b2b-node__icon{animation:b2b-shake .9s var(--ease-out)}.b2b-motion[data-deal] .b2b-step[data-last] .b2b-node{box-shadow:inset 0 0 0 1px var(--coral), 0 0 0 10px color-mix(in srgb, var(--coral) 16%, transparent), 0 0 48px 6px color-mix(in srgb, var(--coral) 40%, transparent)}@keyframes b2b-ray{0%{opacity:1;transform:rotate(var(--r)) translateY(var(--ray-a)) scaleY(.2)}35%{opacity:1;transform:rotate(var(--r)) translateY(var(--ray-b)) scaleY(1)}to{opacity:0;transform:rotate(var(--r)) translateY(var(--ray-c)) scaleY(.2)}}@keyframes b2b-shake{0%,to{transform:none}25%{transform:rotate(-14deg)scale(1.08)}55%{transform:rotate(9deg)scale(1.08)}80%{transform:rotate(-4deg)}}.b2b-step__copy{min-width:0;padding-top:4px}.b2b-step__num{color:var(--muted);transition:color .35s;display:block}.b2b-step[data-on] .b2b-step__num,.b2b-motion[data-b2b=static] .b2b-step__num{color:var(--b2b-accent-text)}.b2b-step__title{letter-spacing:-.025em;overflow-wrap:break-word;margin:10px 0 0;font-size:clamp(1.375rem,1.9vw,2rem);font-weight:700;line-height:1.08}.b2b-step__text{max-width:34ch;color:var(--muted);margin:12px 0 0;font-size:16px;line-height:1.55}@media (min-width:1024px){.b2b{--b2b-node:72px;--b2b-gap:clamp(20px, 2.4vw, 40px);--ray-a:-26px;--ray-b:-40px;--ray-c:-62px}.b2b-steps{grid-template-columns:repeat(var(--b2b-n,4), minmax(0, 1fr));column-gap:var(--b2b-gap)}.b2b-step{display:block}.b2b-seg{top:calc(var(--b2b-node) / 2 - 1px);left:calc(var(--b2b-node) / 2);width:calc(100% + var(--b2b-gap));height:2px}.b2b-seg__fill{transform-origin:0}.b2b-seg__headwrap{top:50%;left:0}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.b2b-motion:not([data-b2b=static]) .b2b-seg__fill{transform:scaleX(0)}}.b2b-step__copy{margin-top:32px;padding-top:0}}.b2b-bottom{border-top:1px solid var(--line);gap:48px;margin-top:clamp(64px,9vw,152px);padding-top:clamp(36px,5vw,72px);display:grid}.b2b-kpi{align-items:flex-end;gap:clamp(18px,3vw,48px);min-width:0;display:flex}.b2b-kpi__clip{flex:none;margin-block:-.16em -.2em;margin-inline:-.05em -.12em;padding-inline:.05em;font-size:clamp(8.5rem,26vw,21rem);line-height:1;display:inline-flex;overflow:clip}.b2b-kpi__num{font-size:inherit;letter-spacing:0;color:var(--coral);font-weight:800;line-height:1}.b2b-kpi__copy{min-width:0;padding-bottom:.2em}.b2b-kpi__copy .t-label{color:var(--b2b-accent-text)}.b2b-kpi__label{letter-spacing:-.015em;overflow-wrap:break-word;max-width:24ch;margin:10px 0 0;font-size:clamp(1.125rem,1.6vw,1.5rem);font-weight:600;line-height:1.3}.b2b-slots{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.b2b-slot{width:40px;height:40px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 30%, transparent);font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted);transition:background-color .45s var(--ease-out), box-shadow .45s var(--ease-out), color .3s;transition-delay:calc(.45s + var(--s,0) * .17s);border-radius:12px;place-items:center;font-size:12px;font-weight:500;display:inline-grid}.b2b-kpi[data-on] .b2b-slot,.b2b-motion[data-b2b=static] .b2b-slot{background:var(--coral);box-shadow:inset 0 0 0 1px var(--coral);color:var(--ink)}@media (scripting:none){.b2b-slot{background:var(--coral);box-shadow:inset 0 0 0 1px var(--coral);color:var(--ink)}}.b2b-kpi[data-on] .b2b-slot{animation:b2b-pop .6s var(--ease-out) backwards;animation-delay:calc(.45s + var(--s,0) * .17s)}@media (max-width:479.98px){.b2b-slots{gap:5px}.b2b-slot{border-radius:9px;width:30px;height:30px;font-size:10.5px}}.b2b-regions{min-width:0}.b2b-regions__list{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.b2b-region{height:40px;box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding-inline:16px 18px;font-size:15px;font-weight:500;transition:background-color .35s,box-shadow .35s;display:inline-flex}.b2b-region__dot{background:var(--coral);border-radius:50%;flex:none;width:7px;height:7px;position:relative}.b2b-region__dot:after{content:"";background:var(--coral);animation:b2b-ping 2.4s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}.b2b-regions__list li:nth-child(2n) .b2b-region__dot:after{animation-delay:.6s}.b2b-regions__list li:nth-child(3n) .b2b-region__dot:after{animation-delay:1.2s}@keyframes b2b-ping{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(3)}}@media (hover:hover){.b2b-region:hover{background:color-mix(in srgb, var(--fg) 8%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 30%, transparent)}}.b2b-cta{margin-top:32px}@media (max-width:359.98px){.b2b-cta{width:100%}.b2b-cta .ui-btn{--btn-px:18px;--btn-fs:14px}}@media (min-width:1024px){.b2b-bottom{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;column-gap:24px}.b2b-kpi{grid-column:1/span 7}.b2b-regions{grid-column:8/span 5;padding-bottom:.6em}}
