.business-process{background:#f4f3ef;color:#1d1f22;padding-block:70px}
.bp-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:60px;margin-bottom:30px}.bp-heading h2{font-size:clamp(38px,4.4vw,66px);line-height:1.06;letter-spacing:-.035em;margin:0}.bp-heading>p{max-width:430px;color:#535b65;font-size:16px;line-height:1.65;margin:0}.bp-heading .eyebrow{margin-bottom:18px}
.bp-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative;margin-bottom:18px}.bp-tabs::before{content:'';position:absolute;inset-inline:0;top:50%;height:1px;background:#b2a590}
.bp-tabs button{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;text-align:start;min-width:0;min-height:110px;border:1px solid #c3c5c8;border-radius:14px;padding:16px 18px;background:#f4f3ef;color:#1d1f22;cursor:pointer;font:500 16px/1.35 AlwSans,AlwArabic,sans-serif;transition:background .25s,border-color .25s,color .25s}.bp-tabs button>span:last-child{grid-column:1/-1}.bp-tabs .hc-icon{width:32px;height:32px;justify-self:end;color:#986019}.bp-number{font:400 15px/1 AlwMono,monospace;color:#646a73}.bp-tabs button[aria-selected=true]{background:#1d1f22;border-color:#1d1f22;color:white}.bp-tabs button[aria-selected=true] .bp-number,.bp-tabs button[aria-selected=true] .hc-icon{color:#f2a024}.bp-tabs button:hover{border-color:#986019}.bp-tabs button:hover .hc-turn{animation:hc-turn 4s linear infinite}.business-process :focus-visible{outline:2px solid #986019;outline-offset:4px}
.bp-panel{display:grid;grid-template-columns:260px 1fr;align-items:center;gap:40px;min-height:238px;border-radius:14px;background:#24272c;color:white;overflow:hidden;padding:26px 36px}.bp-panel[hidden]{display:none}.bp-visual{position:relative;height:186px;display:flex;align-items:center;justify-content:center;background:radial-gradient(#f2a02412,transparent 70%)}.bp-visual>.hc-icon{width:90px;height:90px;z-index:1}.bp-orbit{position:absolute;width:168px;height:168px;border:1px solid #f2a02450;border-radius:50%}.bp-orbit::after{content:'';position:absolute;inset:12px;border:1px dashed #ffffff25;border-radius:50%}.bp-orbit-dot{position:absolute;width:168px;height:168px;animation:bp-orbit 16s linear infinite}.bp-orbit-dot::after{content:'';position:absolute;top:-3px;left:80px;width:7px;height:7px;background:#f2a024;border-radius:50%;box-shadow:0 0 16px #f2a02490}.bp-code{position:absolute;bottom:0;inset-inline-end:0;font:400 10px/1 AlwMono,monospace;color:#aab2bd}.bp-detail h3{font-size:28px;line-height:1.2;color:#fff;margin:0 0 12px}.bp-detail>p{max-width:760px;font-size:15px;line-height:1.6;color:#c3c8cf;margin:0}.bp-detail .bp-data-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-top:20px;color:#f2a024}.bp-detail ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:8px 0 0;padding:0}.bp-detail li{border:1px solid #ffffff30;border-radius:8px;padding:6px 10px;font-size:12px;color:#eef0f2}.bp-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.bp-bottom>p{font-size:12px;color:#646a73;margin:0}
:lang(ar) .bp-heading h2{letter-spacing:0;line-height:1.3}:lang(ar) .bp-tabs button{font-family:AlwArabic,sans-serif}
@keyframes bp-orbit{to{transform:rotate(360deg)}}
@media(min-width:1000px){.business-process{min-height:100svh;display:flex;align-items:center;padding-block:40px}}
@media(min-width:1000px) and (max-height:760px){.bp-heading h2{font-size:46px}.bp-heading{margin-bottom:22px}.bp-tabs button{min-height:100px}.bp-panel{min-height:222px;padding-block:20px}.bp-heading .eyebrow{margin-bottom:12px}}
@media(max-width:999px){.bp-heading{grid-template-columns:1fr;gap:22px}.bp-heading>p{max-width:650px}.bp-panel{grid-template-columns:180px 1fr;gap:24px;padding:24px}.bp-tabs button{font-size:14px;padding:14px}.bp-heading h2{font-size:46px}}
@media(max-width:600px){.business-process{padding-block:60px}.bp-heading h2{font-size:38px}.bp-heading>p{font-size:15px}.bp-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.bp-tabs::before{display:none}.bp-panel{grid-template-columns:1fr;gap:20px;padding:24px}.bp-visual{height:150px}.bp-orbit,.bp-orbit-dot{width:140px;height:140px}.bp-orbit-dot::after{left:66px}.bp-visual>.hc-icon{width:76px;height:76px}.bp-detail h3{font-size:25px}.bp-detail>p{font-size:14px}.bp-bottom{align-items:stretch;flex-direction:column}.bp-bottom .button{font-size:12px}.bp-tabs button>span:last-child{min-height:38px}}
@media(prefers-reduced-motion:reduce){.business-process *{animation:none!important;transition:none!important}}