.bp{padding:var(--sec) var(--pad) calc(var(--sec) * .6);background-image:linear-gradient(color-mix(in srgb, var(--blueT) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--blueT) 7%, transparent) 1px, transparent 1px);background-position:top;background-size:28px 28px;flex-direction:column;gap:24px;display:flex}.bp-head{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:760px;margin-inline:auto;display:flex}.bp-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:56px;display:grid}.bp-steps{margin:0;padding:12vh 0 18vh;list-style:none}.bp-step{opacity:.22;flex-direction:column;justify-content:center;gap:18px;min-height:72vh;transition:opacity .5s;display:flex}.bp-step.is-cur{opacity:1}.bp-count{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.bp-kicker{font:700 13px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--accT)}html[lang=ar] .bp-kicker{letter-spacing:0;font-size:14px}.bp-ticks{gap:4px;display:inline-flex}.bp-ticks i{background:var(--line2);width:16px;height:3px}.bp-ticks i.on{background:var(--acc)}.bp-step h3{margin:0}.bp-links{font:600 14px var(--ui);flex-wrap:wrap;align-items:center;gap:12px 22px;display:flex}.bp-links a:not(.btn){color:var(--accT);border-bottom:1px solid color-mix(in srgb, var(--accT) 35%, transparent);align-items:center;gap:6px;padding-bottom:2px;display:inline-flex}.bp-links a:not(.btn):hover{border-bottom-color:var(--accT)}.bp-stage{place-items:center;height:calc(100vh - 120px);display:grid;position:sticky;top:96px}.bp-stage svg{width:100%;max-width:520px;max-height:100%;font-family:var(--ui);overflow:visible}.bp-hatch{stroke:color-mix(in srgb, var(--accT) 40%, transparent);stroke-width:1.5px}.bp-groundline{stroke:color-mix(in srgb, var(--accT) 45%, transparent);stroke-dasharray:2 5}.bp-el .gh{fill:none;stroke:color-mix(in srgb, var(--accT) 22%, transparent);stroke-width:1px;stroke-dasharray:4 5}.bp-el .gh-hatch{fill:url(#bp-hatch);opacity:.35}.bp-el .gh-floor{fill:color-mix(in srgb, var(--acc) 12%, transparent)}.bp-el .gh-roof{stroke:color-mix(in srgb, var(--blueT) 30%, transparent)}.bp-el .ln{fill:#0000;stroke:color-mix(in srgb, var(--accT) 60%, transparent);stroke-width:1.2px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .9s cubic-bezier(.4,0,.2,1),fill .5s .35s,stroke .4s}.bp-el.on .ln{stroke-dashoffset:0}.bp-el.on .fill-hatch{fill:url(#bp-hatch)}.bp-el.on .fill-floor{fill:var(--acc);stroke:var(--acc)}.bp-el.cur .fill-layer{fill:color-mix(in srgb, var(--acc) 16%, transparent);stroke:var(--acc);stroke-width:2px}.bp-roof .ln{stroke:var(--blueT);stroke-dasharray:1}.bp-el .lbl{fill:var(--ink2);clip-path:inset(0 0 0 100%);font-size:14px;font-weight:600;transition:clip-path .8s steps(24,end) .35s,fill .4s}html[dir=ltr] .bp-el .lbl{clip-path:inset(0 100% 0 0)}.bp-el.on .lbl{clip-path:inset(0)}.bp-el:not(.on) .lbl{transition:clip-path .4s steps(12,end)}.bp-el.cur .lbl{fill:var(--accT);font-weight:700}.lbl-c{font-size:15px}.lbl-floor{fill:#111418!important;font-size:15px!important;font-weight:700!important}.lbl-roof{fill:var(--blueT)!important}@media (prefers-reduced-motion:reduce){.bp-el .ln,.bp-el .lbl{transition:none}}.bp-all{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}@media (max-width:900px){.bp-body{grid-template-columns:minmax(0,1fr);gap:0}.bp-stage{z-index:2;background:var(--bg);border-bottom:1px solid var(--line);order:-1;height:42vh;padding:10px 0;top:64px;overflow:hidden}.bp-stage svg{width:auto;max-width:100%;height:calc(42vh - 20px)}.bp-steps{padding:4vh 0 10vh}.bp-step{min-height:58vh}}