.in-who{transition-property:transform}.in-who .who-spark line{stroke:var(--hue);stroke-width:2px;stroke-linecap:round;opacity:.55}.in-who .who-spark circle{fill:#fff6e0;filter:drop-shadow(0 0 6px #ffd68c)drop-shadow(0 0 14px #f5a623)}.in-who.is-spark{animation:.4s ease-out both who-in}@keyframes who-in{0%{opacity:0}}.who-body{transform-box:fill-box;transform-origin:50% 100%;animation:.6s cubic-bezier(.2,.9,.3,1.3) both who-morph}@keyframes who-morph{0%{opacity:.2;filter:brightness(2.5);transform:scale(.5)}}.who-halo{fill:var(--hue);opacity:.14;filter:blur(4px)}.who-head,.who-torso{fill:var(--hue);stroke:var(--who-edge,#0a0e14);stroke-width:1px}.who-legs line{stroke:var(--hue);stroke-width:2.6px;stroke-linecap:round}.who-mark{color:var(--hue);fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px var(--hue))}.who-icon{fill:var(--hue);filter:drop-shadow(0 0 4px var(--hue));font-family:Material Symbols Rounded;font-size:12px}.who-title{fill:var(--hue);stroke:var(--who-edge,#05070b);stroke-width:3px;stroke-linejoin:round;paint-order:stroke;font-size:11px;font-weight:700}.is-walking .who-body{animation:.6s cubic-bezier(.2,.9,.3,1.3) both who-morph,.42s ease-in-out .6s infinite alternate who-bob}@keyframes who-bob{to{transform:translateY(-2px)}}.is-walking .who-legs line{transform-box:fill-box;transform-origin:50% 0;animation:.42s ease-in-out infinite alternate who-step}.is-walking .who-legs line+line{animation-direction:alternate-reverse}@keyframes who-step{0%{transform:rotate(-22deg)}to{transform:rotate(22deg)}}@media (prefers-reduced-motion:reduce){.in-who{transition:none!important}.who-body,.is-walking .who-body,.is-walking .who-legs line,.in-who.is-spark{animation:none}}
.bp{padding:var(--sec) var(--pad) calc(var(--sec) * .6);isolation:isolate;flex-direction:column;gap:24px;display:flex;position:relative}.bp-rule{top:0;inset-inline:var(--pad);pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accT) 70%, transparent) 50%, transparent);height:1px;position:absolute}.bp-rule:after{content:"";background:var(--accT);width:9px;height:9px;box-shadow:0 0 12px color-mix(in srgb, var(--acc) 55%, transparent);margin-left:-4.5px;position:absolute;top:-4px;left:50%;transform:rotate(45deg)}@media print{.bp-rule{display:none}}.bp{--top:84px;--pin:calc(100vh / var(--z) - var(--top))}.bp-head{flex-direction:column;gap:10px;display:flex}.bp-head h2,.bp-head p{margin:0}@media (min-width:901px){.bp-track{height:calc(var(--pin) * (1 + (var(--n) - 1) * .4))}.bp-pin{top:var(--top);height:var(--pin);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;display:grid;position:sticky}.bp-text{flex-direction:column;gap:10px;min-height:0;padding-top:28px;display:flex}.bp-window{flex:1;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 7% 93%,#0000);mask-image:linear-gradient(#0000,#000 7% 93%,#0000);container-type:size}.bp-steps{transform:translateY(calc(var(--p,0) * (1 - var(--n)) * 100cqh));will-change:transform}.bp-step{height:100cqh}.bp-side{min-height:0;flex-direction:column;gap:14px;margin-inline-end:calc(24px - var(--pad));padding-block:8px 4px;display:flex}}.bp-steps{margin:0;padding:0;list-style:none}.bp-step{flex-direction:column;justify-content:center;display:flex}.bp-card{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.18;border-radius:18px;flex-direction:column;gap:18px;padding:clamp(22px,3vw,36px);transition:opacity .55s,transform .65s cubic-bezier(.2,.7,.2,1),border-color .4s;display:flex;transform:translateY(28px)scale(.98);box-shadow:0 18px 50px -24px #00000073}.bp-step.is-cur .bp-card{opacity:1;border-color:color-mix(in srgb, var(--acc) 45%, var(--line));transform:none}@media (prefers-reduced-motion:reduce){.bp-card{transition:none;transform:none}}.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{flex:1;place-items:center;min-height:0;display:grid}.bp-stage svg{width:100%;max-width:none;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:17px;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,html[dir=ltr] .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:18px}.bp-el .lbl-long{font-size:15px}.lbl-floor{fill:#111418!important;font-size:17px!important;font-weight:700!important}.lbl-roof{fill:var(--blueT)!important}@media (prefers-reduced-motion:reduce){.bp-el .ln,.bp-el .lbl{transition:none}}@media (max-width:900px){.bp-track{flex-direction:column;display:flex}.bp-pin,.bp-text,.bp-side,.bp-window{display:contents}.bp-head{order:-2;margin-bottom:14px}.bp-stage{z-index:2;background:var(--bg);border-bottom:1px solid var(--line);order:-1;height:42vh;padding:10px 0;position:sticky;top:64px;overflow:hidden}.bp-stage svg{width:auto;max-width:100%;height:calc(42vh - 20px)}.bp-steps{padding:3vh 0 6vh}.bp-step{min-height:36vh}}.bp-trees .tb{fill:none;stroke:color-mix(in srgb, var(--blueT) 55%, transparent);stroke-width:1.3px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .7s cubic-bezier(.4, 0, .2, 1) calc(var(--t) * .35s + var(--k) * .28s)}.bp-trees .tb.hi{stroke:color-mix(in srgb, var(--accT) 60%, transparent);stroke-width:1px}.bp-trees.on .tb{stroke-dashoffset:0}.bp-trees .tn{fill:var(--blueT);opacity:0;transition:opacity .5s calc(var(--t) * .35s + var(--k) * .28s + .5s)}.bp-trees .tn.tip{fill:var(--acc);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--acc) 90%, transparent))}.bp-trees.on .tn{opacity:.9}.bp-trees.on .tn.tip{animation:bp-node 2.2s ease-in-out calc(var(--t) * .35s + 2s + var(--p) * 1s) infinite}@keyframes bp-node{50%{opacity:.3}}.bp-stage{--who-edge:var(--bg)}[data-theme=light] .bp-stage .who-title{fill:color-mix(in srgb, var(--hue) 55%, #1a1a1a)}.bp-el.here .lbl{fill:var(--accT);font-weight:700}.bp-el.here:not(.cur) .fill-layer{fill:color-mix(in srgb, var(--acc) 9%, transparent)}@media (prefers-reduced-motion:reduce){.bp-trees .tb,.bp-trees .tn{transition:none}.bp-trees.on .tn.tip{animation:none}}