:root {
    --b2b-ink: #0c2340;
    --b2b-accent: #ef6b3b;
    --b2b-copy: #365674;
    --b2b-shell: #f5f5f2;
}

/* Services cascade endpoint: keeps the Figma desktop contract above legacy rules. */
.b2b-page .b2b-services.b2b-services--figma{width:1224px!important;margin:112px auto 0!important;padding:0!important;overflow:visible!important}.b2b-page .b2b-services--figma .b2b-services__container{width:1224px!important;gap:56px!important}.b2b-page .b2b-services--figma .b2b-services__heading{width:1041px!important;padding-bottom:20px!important;gap:16px!important}.b2b-page .b2b-services--figma .b2b-services__stage{width:1224px!important;height:713px!important}.b2b-page .b2b-services--figma .b2b-services__tabs{position:absolute!important;inset:0!important;margin:0!important;display:block!important}.b2b-page .b2b-services--figma .b2b-services__tab{position:absolute!important;top:0!important;height:96px!important;padding:0!important;border:0!important;background:transparent!important}.b2b-page .b2b-services--figma .b2b-services__tab:nth-child(1){left:936px!important;width:268px!important;right:auto!important;top:28px!important}.b2b-page .b2b-services--figma .b2b-services__tab:nth-child(2){left:520px!important;width:364px!important;right:auto!important;top:30px!important}.b2b-page .b2b-services--figma .b2b-services__tab:nth-child(3){left:164px!important;width:268px!important;right:auto!important;top:26px!important}.b2b-page .b2b-services--figma .b2b-services__tab.is-active{height:138px!important;top:0!important;padding-top:26px!important;border:2px solid #8dccf3!important;border-bottom:0!important;border-radius:32px 32px 0 0!important;background:#000!important}.b2b-page .b2b-services--figma .b2b-services__tab.is-active[data-service-tab='competitions']{left:932px!important;width:292px!important}.b2b-page .b2b-services--figma .b2b-services__tab.is-active[data-service-tab='acquisition']{left:518px!important;width:426px!important}.b2b-page .b2b-services--figma .b2b-services__tab.is-active[data-service-tab='loyalty']{left:140px!important;width:340px!important}.b2b-page .b2b-services--figma .b2b-services__panel{width:1224px!important;height:713px!important;border:2px solid #8dccf3; border-radius:32px!important}.b2b-page .b2b-services--figma .b2b-services__competitions-grid{left:20px!important;top:138px!important;width:1184px!important;height:554px!important;grid-template-columns:334px 474px 320px!important;gap:24px!important;direction:ltr}.b2b-page .b2b-services--figma .b2b-services__visual--cup{width:334px!important;height:554px!important}.b2b-page .b2b-services--figma .b2b-services__content-card--competitions{width:474px!important;height:554px!important;padding:20px!important;direction:rtl}.b2b-page .b2b-services--figma .b2b-services__side-stack{width:320px!important;height:554px!important}.b2b-page .b2b-services--figma .b2b-services__visual--shield,.b2b-page .b2b-services--figma .b2b-services__promo-card{width:320px!important;height:256px!important}.b2b-page .b2b-services--figma .b2b-services__acq-visual{left:102px!important;top:214px!important;width:320px!important;height:384px!important}.b2b-page .b2b-services--figma .b2b-services__content-card--acquisition{left:528px!important;right:auto!important;top:137px!important;width:676px!important;height:458px!important;padding:32px 36px!important}.b2b-page .b2b-services--figma .b2b-services__stats-card{left:-66px!important;bottom:-68px!important;width:192px!important;height:144px!important;padding:0!important}.b2b-page .b2b-services--figma .b2b-services__stats-card::before{inset:21px 20px!important}.b2b-page .b2b-services--figma .b2b-services__mini-graph{right:-32px!important;top:-69px!important;width:176px!important;height:144px!important;padding:14px!important}.b2b-page .b2b-services--figma .b2b-services__content-card--acquisition .b2b-services__cta{width:384px!important;height:56px!important}.b2b-page .b2b-services--figma .b2b-services__acq-footer{position:absolute;left:46px;bottom:-86px;width:630px}.b2b-page .b2b-services--figma .b2b-services__panel--loyalty .b2b-services__content-card{left:20px!important;top:137px!important;width:605px!important;height:240px!important;padding:0!important}.b2b-page .b2b-services--figma .b2b-services__panel--loyalty .b2b-services__content-card h3{position:absolute;right:50px;top:41px}.b2b-page .b2b-services--figma .b2b-services__panel--loyalty .b2b-services__content-card p{position:absolute;left:50px;top:105px;width:516px;margin:0!important}.b2b-page .b2b-services--figma .b2b-services__visual--loyalty-main{right:20px!important;top:137px!important;width:559px!important;height:436px!important}.b2b-page .b2b-services--figma .b2b-services__mini-card--wallet{left:20px!important;top:399px!important;width:288px!important;height:288px!important}.b2b-page .b2b-services--figma .b2b-services__mini-card--rewards{left:331px!important;top:399px!important;width:288px!important;height:288px!important}.b2b-page .b2b-services--figma .b2b-services__cta--loyalty{right:20px!important;top:593px!important;width:559px!important;height:94px!important;padding:20px!important}
/* B2B services — final Figma desktop implementation */
.b2b-page .b2b-services.b2b-services--figma {
    width: 1224px;
    margin: 112px auto 0;
    padding: 0;
    direction: rtl;
    overflow: visible;
}


@media (min-width: 992px) {
    .b2b-page .b2b-services.b2b-services--figma {
        width: min(1180px, calc(100vw - 32px)) !important;
        margin: 96px auto 0 !important;
    }

    .b2b-page .b2b-services--figma .b2b-services__container,
    .b2b-page .b2b-services--figma .b2b-services__stage,
    .b2b-page .b2b-services--figma .b2b-services__panel {
        width: 100% !important;
    }

    .b2b-page .b2b-services.b2b-services-v3 {
        width: min(1180px, calc(100vw - 32px)) !important;
        max-width: 1180px !important;
    }

    .b2b-page .b2b-partners,
    .b2b-page .b2b-rewards-clean,
    .b2b-page .b2b-marketing-360-clean {
        width: min(1180px, calc(100vw - 32px)) !important;
    }
}
.b2b-page .b2b-services--figma .b2b-services__container {
    width: 1224px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 56px;
}

.b2b-page .b2b-services--figma .b2b-services__heading {
    width: 1041px;
    padding: 0 0 20px;
    border-bottom: 2px solid #e8e8e8;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    text-align: center;
}

.b2b-page .b2b-services--figma .b2b-services__eyebrow { color: #ef6b3b; font: 600 24px/1.2 'IBM Plex Sans Arabic', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__title { margin: 0; color: #0c2340; font: 600 36px/1.2 'IBM Plex Sans Arabic', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__subtitle { margin: -8px 0 0; color: #0c2340; font: 300 30px/1.25 'IBM Plex Sans Arabic', sans-serif; }

.b2b-page .b2b-services--figma .b2b-services__stage { width: 1224px; height: 713px; position: relative; overflow: visible; }
.b2b-page .b2b-services--figma .b2b-services__tabs { position: absolute; inset: 0; z-index: 3; margin: 0; display: block; }
.b2b-page .b2b-services--figma .b2b-services__tab {
    position: absolute; top: 0; height: 174px; padding: 0 34px 61px; border: 0; border-bottom: 2px solid #8dccf3;
    border-radius: 0; background: transparent; color: #0c2340; display: inline-flex; align-items: center; justify-content: center;
    gap: 18px; font: 600 24px/1.2 'IBM Plex Sans Arabic', sans-serif; cursor: pointer; transition: color 180ms ease, background-color 180ms ease;
}
.b2b-page .b2b-services--figma .b2b-services__tab:nth-child(1) { right: 0; width: 360px; }
.b2b-page .b2b-services--figma .b2b-services__tab:nth-child(2) { right: 360px; width: 504px; }
.b2b-page .b2b-services--figma .b2b-services__tab:nth-child(3) { left: 0; width: 360px; }
.b2b-page .b2b-services--figma .b2b-services__tab-number { width: 40px; height: 40px; border-radius: 50%; background: #e8f4fd; color: #0b5285; display: inline-flex; align-items: center; justify-content: center; font: 600 20px/1 'IBM Plex Sans Arabic', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__tab.is-active { height: 174px; padding-bottom: 61px; border: 2px solid #8dccf3; border-bottom: 0; border-radius: 32px 32px 0 0; color: #ef6b3b; background: #000; }
.b2b-page .b2b-services--figma .b2b-services__tab.is-active .b2b-services__tab-label { font-size: 30px; }
.b2b-page .b2b-services--figma .b2b-services__tab.is-active .b2b-services__tab-number { width: 48px; height: 48px; background: #fde7e0; color: #ef6b3b; }
.b2b-page .b2b-services--figma .b2b-services__tab:hover:not(.is-active) { color: #ef6b3b; background: rgba(239, 107, 59, .04); }

.b2b-page .b2b-services--figma .b2b-services__panel { position: absolute; inset: 0; width: 1224px; height: 713px; padding: 0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 300ms cubic-bezier(.42,0,.58,1), visibility 0s linear 300ms; }
.b2b-page .b2b-services--figma .b2b-services__panel.is-active { opacity: 1; visibility: visible; pointer-events: auto; transition-delay: 0s; }
.b2b-page .b2b-services--figma .b2b-services__panel.is-active > * { animation: b2b-services-reveal 450ms cubic-bezier(.42,0,.58,1) both; }
@keyframes b2b-services-reveal { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }

.b2b-page .b2b-services--figma .b2b-services__visual img { width: 100%; height: 100%; object-fit: cover; display: block; }
.b2b-page .b2b-services--figma .b2b-services__content-card { box-sizing: border-box; background: #f0f4f6; border-radius: 20px; }
.b2b-page .b2b-services--figma .b2b-services__cta { color: #fff; background: #ef6b3b; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 12px; border-radius: 8px; font: 500 20px/1.2 'IBM Plex Sans Arabic', sans-serif; transition: background-color 180ms ease, transform 180ms ease, box-shadow 180ms ease; }
.b2b-page .b2b-services--figma .b2b-services__cta:hover { background: #d9582d; transform: translateY(-2px); box-shadow: 0 8px 18px rgba(239,107,59,.24); }
.b2b-page .b2b-services--figma .b2b-services__cta-arrow { width: 24px; height: 24px; position: relative; transform: rotate(180deg); }
.b2b-page .b2b-services--figma .b2b-services__cta-arrow::before { content: ''; position: absolute; left: 3px; top: 11px; width: 17px; border-top: 2px solid #fff; }
.b2b-page .b2b-services--figma .b2b-services__cta-arrow::after { content: ''; position: absolute; right: 3px; top: 7px; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); }

/* Competition state (01) */
.b2b-page .b2b-services--figma .b2b-services__competitions-grid { position: absolute; left: 20px; top: 137px; width: 1184px; height: 550px; display: grid; grid-template-columns: 334px 474px 320px; gap: 28px; }
.b2b-page .b2b-services--figma .b2b-services__visual--cup { width: 334px; height: 550px; margin: 0; overflow: hidden; border-radius: 20px; }
.b2b-page .b2b-services--figma .b2b-services__content-card--competitions { width: 474px; height: 550px; padding: 30px 32px; display: flex; flex-direction: column; align-items: center; gap: 17px; text-align: center; }
.b2b-page .b2b-services--figma .b2b-services__content-card--competitions h3 { margin: 0; color: #0c2340; font: 600 30px/1.3 'IBM Plex Sans Arabic', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__content-card--competitions > p { margin: 0; color: #0c2340; font: 400 20px/1.48 'IBM Plex Sans Arabic', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__list { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; text-align: right; }
.b2b-page .b2b-services--figma .b2b-services__list li { display: flex; align-items: center; gap: 16px; color: #0c2340; font: 500 20px/1.35 'IBM Plex Sans Arabic', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__check { width: 24px; height: 24px; flex: 0 0 24px; position: relative; border-radius: 50%; background: #fff; }
.b2b-page .b2b-services--figma .b2b-services__check::before { content: ''; position: absolute; left: 8px; top: 7px; width: 8px; height: 6px; border-right: 2px solid #0a6493; border-bottom: 2px solid #0a6493; transform: rotate(40deg); }
.b2b-page .b2b-services--figma .b2b-services__helper { margin: 0; color: #d85b2f; font: 500 16px/1.35 'IBM Plex Sans Arabic', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__content-card--competitions .b2b-services__cta { width: 384px; height: 56px; margin-top: auto; }
.b2b-page .b2b-services--figma .b2b-services__side-stack { width: 320px; height: 550px; display: flex; flex-direction: column; justify-content: space-between; }
.b2b-page .b2b-services--figma .b2b-services__visual--shield, .b2b-page .b2b-services--figma .b2b-services__promo-card { width: 320px; height: 255px; overflow: hidden; border-radius: 20px; }
.b2b-page .b2b-services--figma .b2b-services__visual--shield { margin: 0; background: #e8eff4; }
.b2b-page .b2b-services--figma .b2b-services__visual--shield img { object-fit: contain; }
.b2b-page .b2b-services--figma .b2b-services__promo-card { position: relative; padding: 128px 22px 0; background: linear-gradient(150deg, #e37046, #e28126 55%, #9ca3af); text-align: center; }
.b2b-page .b2b-services--figma .b2b-services__promo-card img { position: absolute; top: 12px; left: 95px; width: 130px; height: 112px; object-fit: contain; }
.b2b-page .b2b-services--figma .b2b-services__promo-card h4 { margin: 0; color: #0c2340; font: 700 24px/1.2 'IBM Plex Sans Arabic', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__promo-card p { margin: 10px 0 0; color: #fff; font: 600 18px/1.35 'IBM Plex Sans Arabic', sans-serif; }

/* Acquisition state (02) */
.b2b-page .b2b-services--figma .b2b-services__acq-visual { position: absolute; left: 20px; top: 137px; width: 320px; height: 550px; overflow: visible; border-radius: 20px; }
.b2b-page .b2b-services--figma .b2b-services__acq-visual > img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; display: block; }
.b2b-page .b2b-services--figma .b2b-services__chip { position: absolute; z-index: 1; padding: 8px 14px; border-radius: 40px; color: #000; white-space: nowrap; font: 500 11px/1.2 'IBM Plex Sans Arabic', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__chip--lime { left: -96px; top: 42px; background: #c4f886; }
.b2b-page .b2b-services--figma .b2b-services__chip--violet { right: -86px; bottom: 34px; background: #bfb3f5; }
.b2b-page .b2b-services--figma .b2b-services__stats-card { position: absolute; left: -96px; bottom: 10px; width: 280px; height: 214px; padding: 26px 28px; border: 1px solid #fff; border-radius: 20px; background: #f6f3ef; box-shadow: 0 8px 20px rgba(12,35,64,.08); }
.b2b-page .b2b-services--figma .b2b-services__stats-card::before { content: ''; position: absolute; inset: 32px 30px 40px; border-radius: 14px; background: #e37046; }
.b2b-page .b2b-services--figma .b2b-services__stats-card p, .b2b-page .b2b-services--figma .b2b-services__stats-card strong, .b2b-page .b2b-services--figma .b2b-services__weeks { position: relative; z-index: 1; color: #fff; font-family: Roboto, sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__stats-card p { margin: 10px 0 0 10px; font-weight: 700; font-size: 12px; }
.b2b-page .b2b-services--figma .b2b-services__stats-card strong { display: block; margin: 42px 0 0 152px; font-size: 9px; }
.b2b-page .b2b-services--figma .b2b-services__weeks { margin: 44px 10px 0; display: flex; justify-content: space-between; font-size: 8px; }
.b2b-page .b2b-services--figma .b2b-services__mini-graph { position: absolute; right: -84px; top: 10px; width: 238px; height: 190px; padding: 24px; border: 1px solid #8dccf3; border-radius: 20px; background: #f0f4f6; box-shadow: 0 8px 20px rgba(12,35,64,.08); }
.b2b-page .b2b-services--figma .b2b-services__mini-graph header { display: flex; justify-content: space-between; direction: ltr; color: #0c2340; font-family: Roboto, sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__mini-graph header strong { font-size: 12px; }.b2b-page .b2b-services--figma .b2b-services__mini-graph header span { font-size: 10px; }
.b2b-page .b2b-services--figma .b2b-services__bars { height: 112px; margin-top: 18px; display: grid; grid-template-columns: repeat(7, 1fr); gap: 10px; align-items: end; }.b2b-page .b2b-services--figma .b2b-services__bars span { border-radius: 5px; background: #34b9c9; }.b2b-page .b2b-services--figma .b2b-services__bars span:nth-child(1){height:50px}.b2b-page .b2b-services--figma .b2b-services__bars span:nth-child(2){height:64px}.b2b-page .b2b-services--figma .b2b-services__bars span:nth-child(3){height:76px}.b2b-page .b2b-services--figma .b2b-services__bars span:nth-child(4){height:90px;background:#e28126}.b2b-page .b2b-services--figma .b2b-services__bars span:nth-child(5){height:76px}.b2b-page .b2b-services--figma .b2b-services__bars span:nth-child(6){height:62px}.b2b-page .b2b-services--figma .b2b-services__bars span:nth-child(7){height:50px}
.b2b-page .b2b-services--figma .b2b-services__content-card--acquisition { position: absolute; right: 20px; top: 137px; width: 676px; height: 550px; padding: 42px 58px 28px; display: flex; flex-direction: column; align-items: center; gap: 22px; text-align: center; }
.b2b-page .b2b-services--figma .b2b-services__content-card--acquisition h3 { margin: 0; color: #0c2340; font: 600 36px/1.3 'IBM Plex Sans Arabic', sans-serif; }.b2b-page .b2b-services--figma .b2b-services__content-card--acquisition > p { margin: 0; color: #0c2340; font: 400 24px/1.45 'IBM Plex Sans Arabic', sans-serif; }.b2b-page .b2b-services--figma .b2b-services__content-card--acquisition h4 { margin: 0; color: #0c2340; font: 600 24px/1.3 'IBM Plex Sans Arabic', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__content-card--acquisition .b2b-services__helper { font-size: 16px; }.b2b-page .b2b-services--figma .b2b-services__acq-footer { width: 100%; margin-top: auto; display: flex; direction: ltr; align-items: center; justify-content: space-between; }.b2b-page .b2b-services--figma .b2b-services__icons { display: flex; align-items: center; }.b2b-page .b2b-services--figma .b2b-services__icon { width: 52px; height: 52px; margin-right: -8px; border: 2px solid #fff; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }.b2b-page .b2b-services--figma .b2b-services__icon--metric { background:#34b9c9;color:#fff;font:600 24px/1 'IBM Plex Sans Arabic',sans-serif }.b2b-page .b2b-services--figma .b2b-services__icon--gift{background:#076da5}.b2b-page .b2b-services--figma .b2b-services__icon--ticket{background:#ddf9fc}.b2b-page .b2b-services--figma .b2b-services__icon--globe{background:#071829}.b2b-page .b2b-services--figma .b2b-services__content-card--acquisition .b2b-services__cta { width: 384px; height: 56px; }

/* Loyalty state (03) */
.b2b-page .b2b-services--figma .b2b-services__panel--loyalty .b2b-services__content-card { position:absolute; left:20px; top:137px; width:605px; height:240px; padding:42px 50px; text-align:right; }.b2b-page .b2b-services--figma .b2b-services__panel--loyalty .b2b-services__content-card h3 { margin:0; color:#0c2340; font:600 36px/1.25 'IBM Plex Sans Arabic',sans-serif; }.b2b-page .b2b-services--figma .b2b-services__panel--loyalty .b2b-services__content-card p { margin:18px 0 0; color:#0c2340; font:400 20px/1.48 'IBM Plex Sans Arabic',sans-serif; }.b2b-page .b2b-services--figma .b2b-services__visual--loyalty-main { position:absolute; right:20px; top:137px; width:559px; height:436px; margin:0; overflow:hidden; border-radius:20px; background:#e5e5e8; }.b2b-page .b2b-services--figma .b2b-services__mini-card--wallet { position:absolute; left:20px; top:399px; width:288px; height:288px; margin:0; overflow:hidden; border-radius:20px; background:linear-gradient(135deg,#78818b,#64180f); }.b2b-page .b2b-services--figma .b2b-services__mini-card--wallet figcaption { position:absolute; left:22px; right:22px; bottom:28px; color:#fff; text-align:right; }.b2b-page .b2b-services--figma .b2b-services__mini-card--wallet h4 { margin:0; font:700 24px/1.2 'IBM Plex Sans Arabic',sans-serif; }.b2b-page .b2b-services--figma .b2b-services__mini-card--wallet p { margin:10px 0 0; font:500 18px/1.35 'IBM Plex Sans Arabic',sans-serif; }.b2b-page .b2b-services--figma .b2b-services__mini-card--rewards { position:absolute; left:331px; top:399px; width:288px; height:288px; padding:28px; overflow:hidden; border-radius:20px; background:linear-gradient(#f1ecee,#c96852); text-align:right; }.b2b-page .b2b-services--figma .b2b-services__mini-card--rewards h4 { margin:0; color:#000; font:700 24px/1.2 'IBM Plex Sans Arabic',sans-serif; }.b2b-page .b2b-services--figma .b2b-services__mini-card--rewards p { margin:12px 0; color:#000; font:400 19px/1.35 'IBM Plex Sans Arabic',sans-serif; }.b2b-page .b2b-services--figma .b2b-services__rings { position:absolute; left:58px; bottom:-34px; width:174px; height:174px; border:10px solid rgba(255,255,255,.62); border-radius:50%; box-shadow:0 0 0 14px rgba(255,255,255,.32),0 0 0 28px rgba(255,255,255,.54); }.b2b-page .b2b-services--figma .b2b-services__cta--loyalty { position:absolute; right:20px; top:593px; width:559px; height:94px; padding:20px; border:1px solid #8dccf3; border-radius:20px; background:#fff; }.b2b-page .b2b-services--figma .b2b-services__cta--loyalty span:last-child { width:100%; height:56px; border-radius:8px; background:#ef6b3b; display:inline-flex; align-items:center; justify-content:center; }.b2b-page .b2b-services--figma .b2b-services__cta--loyalty .b2b-services__cta-arrow { position:absolute; z-index:1; left:calc(50% - 145px); }.b2b-page .b2b-services--figma .b2b-services__cta--loyalty:hover { background:#fff; }

@media (max-width: 1239px) { .b2b-page .b2b-services.b2b-services--figma { width: 1224px; margin-inline: auto; } }
@media (max-width: 767px) { .b2b-page .b2b-services.b2b-services--figma { width: calc(100% - 24px); overflow:hidden; }.b2b-page .b2b-services--figma .b2b-services__container,.b2b-page .b2b-services--figma .b2b-services__stage { width:100%; }.b2b-page .b2b-services--figma .b2b-services__heading { width:100%; }.b2b-page .b2b-services--figma .b2b-services__stage { height:auto; padding-top:145px; }.b2b-page .b2b-services--figma .b2b-services__tabs,.b2b-page .b2b-services--figma .b2b-services__panel { position:relative; width:100%; height:auto; }.b2b-page .b2b-services--figma .b2b-services__tab { position:static; width:100%!important; height:48px!important; padding:0!important; border:0!important; border-radius:10px!important; }.b2b-page .b2b-services--figma .b2b-services__panel { display:none; opacity:1; visibility:visible; }.b2b-page .b2b-services--figma .b2b-services__panel.is-active { display:block; }.b2b-page .b2b-services--figma .b2b-services__competitions-grid,.b2b-page .b2b-services--figma .b2b-services__acq-visual,.b2b-page .b2b-services--figma .b2b-services__content-card--acquisition,.b2b-page .b2b-services--figma .b2b-services__panel--loyalty .b2b-services__content-card,.b2b-page .b2b-services--figma .b2b-services__visual--loyalty-main,.b2b-page .b2b-services--figma .b2b-services__mini-card--wallet,.b2b-page .b2b-services--figma .b2b-services__mini-card--rewards,.b2b-page .b2b-services--figma .b2b-services__cta--loyalty { position:static; width:100%; height:auto; margin:12px 0; }.b2b-page .b2b-services--figma .b2b-services__competitions-grid { display:block; }.b2b-page .b2b-services--figma .b2b-services__visual--cup,.b2b-page .b2b-services--figma .b2b-services__side-stack { width:100%; height:auto; margin:12px 0; }.b2b-page .b2b-services--figma .b2b-services__visual--cup,.b2b-page .b2b-services--figma .b2b-services__visual--loyalty-main { aspect-ratio:1.28; }.b2b-page .b2b-services--figma .b2b-services__content-card--competitions { width:100%; height:auto; }.b2b-page .b2b-services--figma .b2b-services__side-stack { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.b2b-page .b2b-services--figma .b2b-services__visual--shield,.b2b-page .b2b-services--figma .b2b-services__promo-card { width:100%; height:190px; }.b2b-page .b2b-services--figma .b2b-services__acq-visual { aspect-ratio:.7; }.b2b-page .b2b-services--figma .b2b-services__cta--loyalty { padding:12px; }.b2b-page .b2b-services--figma .b2b-services__cta--loyalty .b2b-services__cta-arrow { position:static; }.b2b-page .b2b-services--figma .b2b-services__mini-card--wallet,.b2b-page .b2b-services--figma .b2b-services__mini-card--rewards { min-height:250px; } }
@media (prefers-reduced-motion: reduce) { .b2b-page .b2b-services--figma *, .b2b-page .b2b-services--figma *::before, .b2b-page .b2b-services--figma *::after { animation:none!important; transition:none!important; } }

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    max-width: 100%;
    overflow-x: clip;
}

body.b2b-page {
    width: 100%;
    min-width: 0;
    margin: 0;
    background: #fff;
    color: var(--b2b-ink);
    font-family: 'IBM Plex Sans Arabic', 'Cairo', sans-serif;
    overflow-x: clip;
}

.b2b-motion-fade-up,
.b2b-motion-fade-hero,
.b2b-motion-fade-cards {
    opacity: 0;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

.b2b-motion-fade-up {
    animation-name: b2b-fade-up;
    animation-duration: 300ms;
}

.b2b-motion-fade-hero,
.b2b-motion-fade-cards {
    animation-name: b2b-fade-only;
    animation-duration: 450ms;
}

.b2b-motion-delay-1 {
    animation-delay: 40ms;
}

.b2b-motion-delay-2 {
    animation-delay: 90ms;
}

.b2b-motion-delay-3 {
    animation-delay: 140ms;
}

.b2b-page__shell {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 8px 0 0;
}

.b2b-page__content {
    width: 100%;
    min-width: 0;
}

.b2b-hero-shell {
    position: relative;
    width: 100%;
    min-height: 820px;
    margin-inline: auto;
    overflow: visible;
}

.b2b-header {
    position: relative;
    z-index: 5;
    padding-top: 16px;
}

.b2b-header__pill {
    width: min(1180px, calc(100% - 32px));
    min-height: 56px;
    margin: 0 auto;
    padding: 8px 18px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    border-radius: 60px;
    background: rgba(255, 255, 255, 0.68);
    border: 1px solid rgba(255, 255, 255, 0.84);
    box-shadow: 0 10px 24px rgba(12, 35, 64, 0.05);
    backdrop-filter: blur(12px);
}

.b2b-header__menu-toggle {
    display: none;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 12px;
    background: rgba(12, 35, 64, 0.08);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    cursor: pointer;
}

.b2b-header__menu-toggle span {
    width: 16px;
    height: 2px;
    border-radius: 999px;
    background: var(--b2b-ink);
    display: block;
}

.b2b-header__left,
.b2b-header__right {
    display: flex;
    align-items: center;
    gap: 18px;
}

.b2b-header__left {
    justify-self: start;
}

.b2b-header__right {
    justify-self: end;
}

.b2b-header__brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.b2b-header__brand img {
    width: 66px;
    height: auto;
    display: block;
}

.b2b-header__contact,
.b2b-header__lang,
.b2b-header__nav-link {
    text-decoration: none;
}

.b2b-header__contact {
    min-height: 34px;
    padding: 0 15px;
    border-radius: 8px;
    background: #ef6b3b;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.b2b-header__lang {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #70839a;
    font-size: 12px;
    font-weight: 500;
}

.b2b-header__lang-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(180deg, #d3dae4 0%, #aebccc 100%);
}

.b2b-header__nav-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--b2b-ink);
    font-size: 17px;
    font-weight: 500;
}

.b2b-header__nav-link img {
    width: 10px;
    height: 10px;
}

.b2b-hero {
    position: relative;
    min-height: 1030px;
    padding: 0;
}

.b2b-hero__panel {
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 740px;
    overflow: hidden;
    border-radius: 20px;
    background: #e4e4e4;
}

.b2b-hero__panel::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.08) 100%),
        linear-gradient(90deg, rgba(203, 172, 162, 0.16) 0%, rgba(255, 255, 255, 0) 24%, rgba(155, 173, 186, 0.18) 100%);
    pointer-events: none;
}

.b2b-hero__panel-glow {
    position: absolute;
    width: 700px;
    height: 700px;
    top: 0;
    border-radius: 50%;
    filter: blur(100px);
}

.b2b-hero__panel-glow--right {
    left: 1038px;
    background: #9badba;
}

.b2b-hero__panel-glow--left {
    left: -370px;
    background: #cbaca2;
}

.b2b-hero__panel-columns {
    position: absolute;
    inset: 0;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
}

.b2b-hero__panel-columns span {
    width: 83px;
    height: 740px;
    mix-blend-mode: overlay;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.98) 0%, rgba(18, 45, 69, 0.42) 14%, rgba(255, 255, 255, 0) 100%);
    opacity: 0.86;
    animation: b2b-hero-column-shift 8.4s ease-in-out infinite;
    animation-delay: calc(var(--b2b-column-index, 0) * 90ms);
    will-change: opacity, transform;
}

.b2b-hero__panel-columns span:nth-child(3n) {
    opacity: 0.72;
}

.b2b-hero__panel-columns span:nth-child(4n) {
    opacity: 0.8;
}

.b2b-hero__sheen {
    position: absolute;
    top: -14%;
    left: -24%;
    width: 220px;
    height: 128%;
    pointer-events: none;
    mix-blend-mode: screen;
    opacity: 0.32;
    filter: blur(8px);
    transform: skewX(-10deg);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 48%, rgba(255, 255, 255, 0) 100%);
    animation: b2b-hero-sheen-pass 12s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}

.b2b-hero__sheen--secondary {
    width: 140px;
    left: -32%;
    opacity: 0.18;
    animation-delay: 2.2s;
    animation-duration: 13.5s;
}

.b2b-hero__copy,
.b2b-hero__cards {
    position: relative;
    z-index: 2;
}

.b2b-hero__copy {
    width: 1046px;
    margin: 0;
    position: absolute;
    left: 181px;
    top: 179px;
    text-align: center;
}

.b2b-hero__title {
    margin: 0;
    color: var(--b2b-ink);
    font-size: clamp(42px, 4.5vw, 64px);
    line-height: 1.36;
    font-weight: 600;
    letter-spacing: -0.03em;
}

.b2b-hero__title span {
    display: block;
}

.b2b-hero__title-accent {
    color: var(--b2b-accent);
}

.b2b-hero__description {
    width: 883px;
    margin: 18px auto 0;
    color: var(--b2b-copy);
    font-size: 24px;
    line-height: 1.78;
    font-weight: 400;
}

.b2b-hero__cards {
    width: 1312px;
    height: 528px;
    margin: 0;
    position: absolute;
    left: 24px;
    top: 557px;
    display: block;
    animation-delay: 70ms;
}

.b2b-card {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    box-shadow: none;
    background: transparent;
}

.b2b-card img {
    display: block;
}

.b2b-card--shield {
    position: absolute;
    left: 0;
    top: 16px;
    width: 308px;
    height: 240px;
    background: linear-gradient(135deg, #cfe0ef 0%, #9cb4ca 50%, #e9b59f 100%);
}

.b2b-card--shield img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 10px 18px 0;
}

.b2b-card--progress {
    position: absolute;
    left: 0;
    top: 272px;
    width: 308px;
    height: 224px;
    background: linear-gradient(145deg, #2b4f73 0%, #254564 100%);
}

.b2b-card__progress-bg {
    position: absolute;
    left: -88px;
    top: -6px;
    width: 301px;
    height: 301px;
    object-fit: contain;
    opacity: 0.96;
}

.b2b-card__progress-copy {
    position: absolute;
    left: 30px;
    right: 30px;
    top: 48px;
    z-index: 2;
    color: #fff;
    text-align: right;
}

.b2b-card__progress-copy strong {
    display: block;
    font-family: 'Cairo', sans-serif;
    font-size: 80px;
    line-height: 0.92;
    font-weight: 700;
}

.b2b-card__progress-copy span {
    display: block;
    margin-top: 36px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
}

.b2b-card__progress-copy small {
    display: block;
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
}

.b2b-card--stats {
    position: absolute;
    left: 324px;
    top: 16px;
    width: 308px;
    height: 496px;
    background: radial-gradient(circle at 80px 205px, rgba(229, 101, 34, 0.42) 0%, rgba(229, 101, 34, 0) 120px), linear-gradient(180deg, #09090d 0%, #05070a 100%);
    color: #fff;
}

.b2b-card__stats-top {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    z-index: 2;
    text-align: center;
}

.b2b-card__stats-top strong {
    display: block;
    font-family: 'Cairo', sans-serif;
    font-size: 56px;
    line-height: 1;
    font-weight: 700;
}

.b2b-card__stats-top span {
    display: block;
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.92);
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
}

.b2b-card__stats-art {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 320px;
    object-fit: contain;
    object-position: center bottom;
}

.b2b-card__stats-bottom {
    position: absolute;
    left: 38px;
    right: 34px;
    bottom: 184px;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.b2b-card__stats-kpi {
    text-align: center;
    color: #fff;
    font-family: 'Cairo', sans-serif;
}

.b2b-card__stats-kpi strong {
    display: block;
    font-size: 32px;
    line-height: 1;
    font-weight: 900;
}

.b2b-card__stats-kpi span {
    display: block;
    margin-top: 2px;
    font-size: 14px;
    line-height: 1.1;
    font-weight: 700;
}

.b2b-card--plane {
    position: absolute;
    left: 648px;
    top: 16px;
    width: 308px;
    height: 240px;
}

.b2b-card__plane-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.b2b-card__plane-inner {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 8px 24px 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04));
}

.b2b-card__plane-art {
    width: 130px;
    height: 120px;
    object-fit: contain;
}

.b2b-card__plane-copy {
    text-align: center;
    margin-top: -2px;
}

.b2b-card__plane-copy strong {
    display: block;
    color: var(--b2b-ink);
    font-family: 'Cairo', sans-serif;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 700;
}

.b2b-card__plane-copy span {
    display: block;
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.92);
    font-family: 'Cairo', sans-serif;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 600;
}

.b2b-card--target {
    position: absolute;
    left: 972px;
    top: 16px;
    width: 324px;
    height: 240px;
}

.b2b-card__target-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.b2b-card__target-art {
    position: absolute;
    left: 64px;
    top: 0;
    width: 248px;
    height: 220px;
    width: 100%;
    object-fit: contain;
    padding: 0;
}

.b2b-card--marketing {
    position: absolute;
    left: 648px;
    top: 272px;
    width: 648px;
    height: 224px;
    background: #08101d;
}

.b2b-card__marketing-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.b2b-card__marketing-copy {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
}

.b2b-card__marketing-copy img {
    height: 148px;
    width: auto;
    opacity: 0.82;
}

.b2b-card__digit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    opacity: 0;
}

.b2b-card__digit--one {
    animation: b2b-digit-one 650ms 150ms cubic-bezier(0.42, 0, 0.58, 1) forwards;
}

.b2b-card__digit--two {
    animation: b2b-digit-two 650ms 220ms cubic-bezier(0.42, 0, 0.58, 1) forwards;
}

.b2b-card__digit--three {
    animation: b2b-digit-three 650ms 280ms cubic-bezier(0.42, 0, 0.58, 1) forwards;
}

.b2b-card__marketing-chip {
    position: absolute;
    top: 54px;
    right: 78px;
    width: 28px;
    height: 42px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.54);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
}

@keyframes b2b-fade-up {
    from {
        opacity: 0;
        transform: translate3d(34px, 12px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes b2b-fade-only {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes b2b-digit-one {
    0% {
        opacity: 0;
        width: 173px;
        transform: translate3d(34px, 12px, 0);
    }

    100% {
        opacity: 1;
        width: 92px;
        transform: translate3d(-20.5px, 12px, 0);
    }
}

@keyframes b2b-digit-two {
    0% {
        opacity: 0;
        width: 185px;
        transform: translate3d(34px, 12px, 0);
    }

    100% {
        opacity: 1;
        width: 92px;
        transform: translate3d(-113px, 12px, 0);
    }
}

@keyframes b2b-digit-three {
    0% {
        opacity: 0;
        width: 265px;
        transform: translate3d(34px, 12px, 0);
    }

    100% {
        opacity: 1;
        width: 92px;
        transform: translate3d(-10px, 8px, 0);
    }
}

@keyframes b2b-hero-column-shift {
    0%,
    100% {
        opacity: 0.86;
        transform: translate3d(0, 0, 0);
    }

    50% {
        opacity: 0.6;
        transform: translate3d(1.5px, 0, 0);
    }
}

@keyframes b2b-hero-sheen-pass {
    0% {
        transform: translate3d(0, 0, 0) skewX(-10deg);
        opacity: 0;
    }

    14% {
        opacity: 0.14;
    }

    38% {
        opacity: 0.32;
    }

    56% {
        opacity: 0.18;
    }

    100% {
        transform: translate3d(1820px, 0, 0) skewX(-10deg);
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .b2b-hero__panel-columns span,
    .b2b-hero__sheen {
        animation: none !important;
        transform: none !important;
    }
}

.b2b-section-heading {
    text-align: center;
}

.b2b-section-heading__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--b2b-accent);
    font-size: 21px;
    line-height: 1.2;
    font-weight: 600;
}

.b2b-section-heading__title {
    margin: 0;
    color: #20466b;
    font-size: clamp(34px, 3vw, 48px);
    line-height: 1.3;
    font-weight: 700;
}

.b2b-section-heading__subtitle {
    max-width: 780px;
    margin: 12px auto 0;
    color: #728aa5;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 400;
}

.b2b-button {
    min-height: 54px;
    padding: 0 28px;
    border-radius: 12px;
    background: var(--b2b-accent);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 12px 28px rgba(239, 107, 59, 0.18);
}

.b2b-button__arrow {
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
}

.b2b-button__arrow::before {
    content: '';
    position: absolute;
    inset: 4px 2px 4px 6px;
    border-top: 2px solid currentColor;
    border-inline-start: 2px solid currentColor;
    transform: rotate(-45deg);
}

.b2b-partners,
.b2b-services,
.b2b-rewards,
.b2b-marketing-360,
.b2b-footer {
    position: relative;
    z-index: 1;
}

.b2b-partners {
    width: min(1288px, calc(100% - 40px));
    margin: 182px auto 0;
}

.b2b-partners__grid {
    margin-top: 62px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 40px 28px;
    align-items: center;
}

.b2b-partners__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    opacity: 0.72;
    filter: grayscale(1);
}

.b2b-partners__logo img {
    max-width: 100%;
    max-height: 42px;
    width: auto;
    height: auto;
}

.b2b-services {
    width: min(1300px, calc(100% - 40px));
    margin: 160px auto 0;
}

.b2b-services__tabs {
    margin-top: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.b2b-services__tab {
    min-width: 254px;
    min-height: 74px;
    padding: 14px 24px;
    border: 1px solid #d8e7f5;
    border-radius: 20px 20px 0 0;
    background: #fff;
    color: #31557b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    cursor: pointer;
    transition: border-color 160ms ease, box-shadow 160ms ease, color 160ms ease;
}

.b2b-services__tab.is-active {
    border-color: #cde1f5;
    box-shadow: 0 -4px 0 0 #ffe6dc inset;
    color: var(--b2b-accent);
}

.b2b-services__tab-number {
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: #fff0eb;
    color: var(--b2b-accent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
}

.b2b-services__tab-label {
    font-size: 21px;
    font-weight: 700;
}

.b2b-services__panes {
    margin-top: -1px;
}

.b2b-services__pane {
    border: 1px solid #d8e7f5;
    border-radius: 24px;
    background: #fff;
    padding: 14px;
    box-shadow: 0 12px 24px rgba(27, 62, 96, 0.04);
}

.b2b-services__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    align-items: stretch;
}

.b2b-services__layout--competitions {
    grid-template-columns: minmax(300px, 0.9fr) minmax(360px, 1fr) minmax(240px, 0.72fr);
}

.b2b-services__layout--acquisition {
    grid-template-columns: minmax(340px, 1fr) minmax(300px, 0.84fr) minmax(240px, 0.76fr);
}

.b2b-services__layout--loyalty {
    grid-template-columns: minmax(360px, 1fr) minmax(300px, 0.86fr);
}

.b2b-services__content {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.b2b-services__copy-card {
    border-radius: 18px;
    background: linear-gradient(180deg, #f5f8fb 0%, #f1f4f7 100%);
    padding: 34px 36px;
    min-height: 196px;
}

.b2b-services__copy-card h3 {
    margin: 0;
    color: #1b3656;
    font-size: 34px;
    line-height: 1.35;
    font-weight: 700;
}

.b2b-services__copy-card p {
    margin: 18px 0 0;
    color: #4f6782;
    font-size: 21px;
    line-height: 1.7;
}

.b2b-services__feature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.b2b-services__feature-grid--split {
    grid-template-columns: 1fr;
    align-content: start;
}

.b2b-services__feature-grid--loyalty {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.b2b-services__feature,
.b2b-services__media-card {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
}

.b2b-services__feature {
    min-height: 198px;
    background: linear-gradient(145deg, #f7d8cd 0%, #c8d7e7 100%);
}

.b2b-services__feature--image-only {
    min-height: 230px;
}

.b2b-services__feature img,
.b2b-services__media-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.b2b-services__feature--gradient img {
    object-fit: cover;
}

.b2b-services__feature-overlay {
    position: absolute;
    inset: auto 20px 20px 20px;
    color: #fff;
}

.b2b-services__feature-overlay strong {
    display: block;
    font-size: 21px;
    line-height: 1.25;
    font-weight: 700;
}

.b2b-services__feature-overlay span {
    display: block;
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.92);
}

.b2b-button--service {
    align-self: flex-start;
}

.b2b-services__media-panel {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.b2b-services__media-card {
    min-height: 430px;
    background: linear-gradient(180deg, #eceef3 0%, #d2d9e3 100%);
}

.b2b-services__media-card img {
    object-fit: cover;
}

.b2b-services__media-card--trophy img {
    object-fit: cover;
}

.b2b-services__media-card--target img {
    object-fit: contain;
    padding: 18px;
}

.b2b-services__media-card--loyalty {
    min-height: 518px;
}

.b2b-services__bullets {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 12px;
}

.b2b-services__bullets li {
    position: relative;
    padding-inline-start: 24px;
    color: #34587d;
    font-size: 18px;
    line-height: 1.55;
    font-weight: 600;
}

.b2b-services__bullets li::before {
    content: '';
    position: absolute;
    inset-inline-start: 0;
    top: 9px;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #a9d1f8;
    box-shadow: 0 0 0 3px rgba(169, 209, 248, 0.25);
}

.b2b-services__side-grid {
    display: grid;
    gap: 18px;
    align-content: stretch;
}

.b2b-rewards {
    width: min(1440px, 100%);
    margin: 150px auto 0;
    min-height: 520px;
    display: grid;
    place-items: center;
}

.b2b-rewards__backdrop {
    position: absolute;
    inset: 0;
    border-radius: 30px;
    background:
        radial-gradient(circle at 16% 48%, rgba(255, 167, 121, 0.7) 0 12%, rgba(255, 167, 121, 0) 13%),
        radial-gradient(circle at 86% 44%, rgba(187, 205, 241, 0.72) 0 14%, rgba(187, 205, 241, 0) 15%),
        radial-gradient(circle at 28% 34%, rgba(255, 255, 255, 0.95) 0 22%, rgba(255, 255, 255, 0) 22.4%),
        radial-gradient(circle at 77% 39%, rgba(255, 255, 255, 0.92) 0 18%, rgba(255, 255, 255, 0) 18.6%),
        linear-gradient(180deg, #fff6f1 0%, #fefefe 58%);
    overflow: hidden;
}

.b2b-rewards__inner {
    position: relative;
    z-index: 2;
    text-align: center;
    width: min(860px, calc(100% - 40px));
    padding-top: 28px;
}

.b2b-rewards__title {
    margin: 0;
    display: grid;
    gap: 8px;
    color: var(--b2b-ink);
    font-size: clamp(42px, 4vw, 62px);
    line-height: 1.15;
    font-weight: 700;
}

.b2b-rewards__accent {
    color: var(--b2b-accent);
}

.b2b-rewards__copy {
    margin: 18px auto 0;
    color: #2e4964;
    font-size: 22px;
    line-height: 1.5;
    max-width: 620px;
}

.b2b-button--rewards {
    margin-top: 28px;
}

.b2b-rewards__scene {
    position: absolute;
    inset: auto 0 0;
    z-index: 1;
}

.b2b-rewards__scene img {
    width: 100%;
    display: block;
}

.b2b-marketing-360 {
    width: min(1298px, calc(100% - 40px));
    margin: 128px auto 0;
    display: grid;
    grid-template-columns: minmax(420px, 0.9fr) minmax(0, 1fr);
    gap: 86px;
    align-items: center;
}

.b2b-marketing-360__media {
    display: flex;
    gap: 18px;
    align-items: center;
}

.b2b-marketing-360__column {
    display: grid;
    gap: 18px;
}

.b2b-marketing-360__stack {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
}

.b2b-marketing-360__stack img {
    width: 100%;
    display: block;
}

.b2b-marketing-360__stack--digits {
    width: 180px;
}

.b2b-marketing-360__stack--notes {
    width: 222px;
    background: linear-gradient(180deg, #ece3cb 0%, #ffd0c1 100%);
}

.b2b-marketing-360__stack--target {
    width: 222px;
    background: linear-gradient(145deg, #aab7d0 0%, #f6c4a8 100%);
}

.b2b-marketing-360__note {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    color: #6d5f4a;
    font-size: 16px;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 20px rgba(72, 78, 90, 0.08);
    transform: rotate(-15deg);
}

.b2b-marketing-360__note--one {
    top: 42px;
    right: 24px;
}

.b2b-marketing-360__note--two {
    top: 122px;
    left: 16px;
}

.b2b-marketing-360__note--three {
    bottom: 28px;
    right: 30px;
}

.b2b-marketing-360__content {
    max-width: 620px;
}

.b2b-marketing-360__title {
    margin: 10px 0 0;
    color: var(--b2b-ink);
    font-size: clamp(38px, 3.4vw, 56px);
    line-height: 1.25;
    font-weight: 700;
}

.b2b-marketing-360__copy {
    margin: 24px 0 0;
    color: #3d5f81;
    font-size: 23px;
    line-height: 1.68;
}

.b2b-marketing-360__bullets {
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 16px;
}

.b2b-marketing-360__bullets li {
    position: relative;
    padding-inline-start: 24px;
    color: var(--b2b-accent);
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
}

.b2b-marketing-360__bullets li::before {
    content: '';
    position: absolute;
    inset-inline-start: 0;
    top: 10px;
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: #8ec2f0;
    box-shadow: 0 0 0 3px rgba(142, 194, 240, 0.25);
}

.b2b-button--marketing {
    margin-top: 32px;
}

.b2b-footer {
    width: min(1440px, 100%);
    margin: 132px auto 0;
    padding: 42px 44px 28px;
    border-radius: 34px 34px 0 0;
    background: linear-gradient(180deg, #fff7f3 0%, #fff2ed 100%);
    overflow: hidden;
}

.b2b-footer__inner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(260px, 0.9fr) minmax(0, 2.1fr);
    gap: 54px;
    align-items: start;
}

.b2b-footer__brand {
    width: 92px;
    display: block;
    margin: 0 auto 16px;
}

.b2b-footer__tagline {
    margin: 0;
    text-align: center;
    color: #5c7191;
    font-size: 18px;
    line-height: 1.7;
    font-weight: 500;
}

.b2b-footer__socials {
    margin-top: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.b2b-footer__social {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: rgba(239, 107, 59, 0.12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.b2b-footer__social img {
    width: 16px;
    height: 16px;
}

.b2b-footer__links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 34px;
}

.b2b-footer__links h3 {
    margin: 0 0 16px;
    color: #1d4268;
    font-size: 20px;
    font-weight: 700;
}

.b2b-footer__links a,
.b2b-footer__links p {
    display: block;
    margin: 0 0 12px;
    color: #425f7f;
    text-decoration: none;
    font-size: 17px;
    line-height: 1.6;
}

.b2b-footer__watermark {
    position: absolute;
    inset-inline-start: 0;
    inset-inline-end: 0;
    bottom: -28px;
    text-align: center;
    color: rgba(239, 107, 59, 0.07);
    font-size: clamp(120px, 18vw, 240px);
    line-height: 0.8;
    font-weight: 700;
    text-transform: lowercase;
    pointer-events: none;
}

.b2b-footer__copyright {
    position: relative;
    z-index: 2;
    margin: 28px 0 0;
    text-align: center;
    color: #58708f;
    font-size: 15px;
    font-weight: 500;
}

html[dir='ltr'] .b2b-header__left {
    justify-self: end;
    order: 3;
}

html[dir='ltr'] .b2b-header__right {
    justify-self: start;
    order: 1;
}

html[dir='ltr'] .b2b-header__brand {
    order: 2;
}

html[dir='ltr'] .b2b-header__lang-dot {
    order: 2;
}

html[dir='ltr'] .b2b-hero__description,
html[dir='ltr'] .b2b-section-heading__subtitle,
html[dir='ltr'] .b2b-services__copy-card p,
html[dir='ltr'] .b2b-marketing-360__copy,
html[dir='ltr'] .b2b-footer__tagline {
    font-family: 'Cairo', 'IBM Plex Sans Arabic', sans-serif;
}

html[dir='ltr'] .b2b-services__layout,
html[dir='ltr'] .b2b-marketing-360 {
    direction: ltr;
}

html[dir='ltr'] .b2b-footer__inner,
html[dir='ltr'] .b2b-footer__links {
    direction: ltr;
}

@media (prefers-reduced-motion: reduce) {
    .b2b-motion-fade-up,
    .b2b-motion-fade-hero,
    .b2b-motion-fade-cards,
    .b2b-card__digit {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

@media (max-width: 1360px) {
    .b2b-hero__cards {
        width: calc(100% - 40px);
        left: 20px;
    }
}

@media (max-width: 1100px) {
    .b2b-hero {
        min-height: 1260px;
    }

    .b2b-hero__copy {
        position: relative;
        left: auto;
        top: auto;
        width: calc(100% - 40px);
        margin: 0 auto;
        padding-top: 150px;
    }

    .b2b-hero__cards {
        position: relative;
        left: auto;
        top: auto;
        width: calc(100% - 40px);
        height: auto;
        margin: 34px auto 0;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .b2b-card--shield,
    .b2b-card--progress,
    .b2b-card--stats,
    .b2b-card--plane,
    .b2b-card--target,
    .b2b-card--marketing {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
    }

    .b2b-card--stats {
        height: 496px;
    }

    .b2b-card--marketing {
        grid-column: 1 / -1;
    }

    .b2b-partners__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .b2b-services__layout,
    .b2b-marketing-360,
    .b2b-footer__inner {
        grid-template-columns: 1fr;
    }

    .b2b-services__media-card,
    .b2b-services__media-card--loyalty {
        min-height: 400px;
    }

    .b2b-services__side-grid,
    .b2b-services__feature-grid--split,
    .b2b-services__feature-grid--loyalty {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .b2b-marketing-360 {
        gap: 38px;
    }

    .b2b-marketing-360__media {
        justify-content: center;
    }

    .b2b-footer__links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .b2b-page__shell {
        padding: 8px 8px 20px;
    }

    .b2b-header__pill {
        position: relative;
        width: calc(100% - 8px);
        min-height: 68px;
        padding: 12px 14px;
        grid-template-columns: auto 1fr auto;
        gap: 10px;
        border-radius: 22px;
    }

    .b2b-header__menu-toggle {
        display: inline-flex;
        justify-self: end;
        order: 3;
    }

    .b2b-header__left {
        justify-self: start;
        gap: 10px;
    }

    .b2b-header__brand {
        justify-self: center;
    }

    .b2b-header__brand img {
        width: 56px;
    }

    .b2b-header__contact {
        display: none;
    }

    .b2b-header__lang {
        font-size: 11px;
    }

    .b2b-header__right {
        position: absolute;
        top: calc(100% + 10px);
        inset-inline: 0;
        display: none;
        padding: 16px;
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.95);
        border: 1px solid rgba(214, 228, 241, 0.9);
        box-shadow: 0 14px 24px rgba(17, 39, 64, 0.1);
        justify-content: center;
        flex-direction: column;
        gap: 16px;
    }

    .b2b-header.is-menu-open .b2b-header__right {
        display: flex;
    }

    .b2b-header__nav-link {
        justify-content: center;
    }

    .b2b-hero {
        min-height: 1220px;
    }

    .b2b-hero__title {
        font-size: 27px;
        line-height: 1.48;
    }

    .b2b-hero__description {
        width: 100%;
        font-size: 14px;
        line-height: 1.7;
    }

    .b2b-hero__panel {
        height: 438px;
    }

    .b2b-hero__panel-columns span {
        width: calc(100% / 10);
        height: 438px;
    }

    .b2b-hero__cards {
        width: calc(100% - 12px);
        margin-top: 20px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .b2b-card {
        min-height: 150px;
    }

    .b2b-card--shield,
    .b2b-card--plane,
    .b2b-card--target,
    .b2b-card--progress {
        min-height: 154px;
        height: 154px;
    }

    .b2b-card--stats {
        height: 314px;
        min-height: 314px;
    }

    .b2b-card__stats-top strong {
        font-size: 34px;
    }

    .b2b-card__stats-top {
        top: 52px;
    }

    .b2b-card__stats-top span {
        font-size: 16px;
    }

    .b2b-card__stats-art {
        height: 218px;
    }

    .b2b-card__stats-bottom {
        left: 18px;
        right: 18px;
        bottom: 112px;
    }

    .b2b-card__stats-kpi strong {
        font-size: 22px;
    }

    .b2b-card__stats-kpi span {
        font-size: 11px;
    }

    .b2b-card__marketing-copy img {
        height: 96px;
    }

    .b2b-card--marketing {
        min-height: 138px;
        height: 138px;
        grid-column: 1 / -1;
    }

    .b2b-card--shield {
        order: 1;
    }

    .b2b-card--stats {
        order: 2;
    }

    .b2b-card--plane {
        order: 3;
    }

    .b2b-card--target {
        order: 4;
    }

    .b2b-card--progress {
        order: 5;
    }

    .b2b-card--marketing {
        order: 6;
    }

    .b2b-card__plane-inner {
        padding: 2px 10px 10px;
    }

    .b2b-card__plane-art {
        width: 68px;
        height: 68px;
    }

    .b2b-card__plane-copy strong {
        font-size: 16px;
    }

    .b2b-card__plane-copy span {
        margin-top: 6px;
        font-size: 12px;
    }

    .b2b-card__progress-bg {
        left: -54px;
        top: -8px;
        width: 196px;
        height: 196px;
    }

    .b2b-card__progress-copy {
        left: 18px;
        right: 18px;
        top: 30px;
    }

    .b2b-card__progress-copy strong {
        font-size: 54px;
    }

    .b2b-card__progress-copy span {
        margin-top: 16px;
        font-size: 16px;
    }

    .b2b-card__progress-copy small {
        margin-top: 6px;
        font-size: 12px;
    }

    .b2b-card--shield img {
        padding: 10px 10px 0;
    }

    .b2b-card__target-art {
        left: 0;
        width: 100%;
        height: 100%;
        padding: 8px;
    }

    .b2b-partners,
    .b2b-services,
    .b2b-marketing-360 {
        width: calc(100% - 20px);
        margin-top: 72px;
    }

    .b2b-partners {
        margin-top: 92px;
    }

    .b2b-section-heading__eyebrow {
        font-size: 15px;
    }

    .b2b-section-heading__title {
        font-size: 24px;
    }

    .b2b-section-heading__subtitle {
        font-size: 16px;
        line-height: 1.7;
    }

    .b2b-partners__grid {
        margin-top: 28px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px 12px;
    }

    .b2b-services__tabs {
        gap: 10px;
    }

    .b2b-services__tab {
        min-width: auto;
        flex: 1 1 100%;
        min-height: 58px;
        border-radius: 16px;
        justify-content: flex-start;
    }

    .b2b-services__pane {
        padding: 12px;
    }

    .b2b-services__copy-card {
        padding: 20px;
    }

    .b2b-services__copy-card h3 {
        font-size: 24px;
    }

    .b2b-services__copy-card p,
    .b2b-services__bullets li,
    .b2b-marketing-360__copy {
        font-size: 16px;
    }

    .b2b-services__feature-grid,
    .b2b-footer__links {
        grid-template-columns: 1fr;
    }

    .b2b-services__side-grid,
    .b2b-services__feature-grid--split,
    .b2b-services__feature-grid--loyalty {
        grid-template-columns: 1fr;
    }

    .b2b-services__media-card,
    .b2b-services__media-card--loyalty {
        min-height: 300px;
    }

    .b2b-rewards {
        margin-top: 96px;
        min-height: 360px;
    }

    .b2b-rewards__inner {
        width: calc(100% - 26px);
        padding-top: 34px;
    }

    .b2b-rewards__title {
        font-size: 32px;
    }

    .b2b-rewards__copy {
        font-size: 15px;
    }

    .b2b-button {
        min-height: 48px;
        padding: 0 18px;
        font-size: 15px;
    }

    .b2b-marketing-360 {
        gap: 28px;
    }

    .b2b-marketing-360__media {
        gap: 12px;
        justify-content: center;
        align-items: stretch;
    }

    .b2b-marketing-360__stack--digits {
        width: 102px;
    }

    .b2b-marketing-360__stack--notes,
    .b2b-marketing-360__stack--target {
        width: 152px;
    }

    .b2b-marketing-360__note {
        font-size: 11px;
        min-height: 28px;
        padding: 0 10px;
    }

    .b2b-marketing-360__title {
        font-size: 28px;
    }

    .b2b-footer {
        margin-top: 96px;
        padding: 30px 18px 24px;
        border-radius: 28px 28px 0 0;
    }

    .b2b-footer__inner {
        gap: 26px;
    }

    .b2b-footer__links h3 {
        font-size: 17px;
    }

    .b2b-footer__links a,
    .b2b-footer__links p,
    .b2b-footer__tagline {
        font-size: 14px;
    }

    .b2b-footer__watermark {
        bottom: 10px;
        font-size: 82px;
    }

    html[dir='ltr'] .b2b-header__left {
        order: 1;
        justify-self: start;
    }

    html[dir='ltr'] .b2b-header__menu-toggle {
        order: 3;
        justify-self: end;
    }

    html[dir='ltr'] .b2b-header__brand {
        order: 2;
    }
}

/* B2B Hero Ref */
.b2b-page .b2b-hero-shell {
    padding: 0;
}

.b2b-page .b2b-hero-ref {
    width: 100%;
    position: relative;
    left: auto;
    right: auto;
    max-width: none;
    transform: none;
    margin: 0;
}

.b2b-page .b2b-hero-ref__frame {
    position: relative;
    padding-bottom: 120px;
}

.b2b-page .b2b-hero-ref__copy {
    white-space: normal;
    text-align: center;
}
.b2b-page .b2b-hero-ref__backdrop {
    position: relative;
    min-height: 560px;
    height: 560px;
    background: #e4e4e4;
    border-radius: 20px;
    margin: 24px auto 0;
    overflow: hidden;
    isolation: isolate;
}

.b2b-page .b2b-hero-ref__backdrop::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, transparent 18%, rgba(255, 255, 255, 0.12) 42%, transparent 66%);
    transform: translateX(-115%);
    animation: b2b-hero-ref-sweep 1200ms cubic-bezier(0.42, 0, 0.58, 1) 420ms both;
    pointer-events: none;
    z-index: 1;
}

.b2b-page .b2b-hero-ref__glow {
    position: absolute;
    top: 0;
    width: 700px;
    height: 700px;
    border-radius: 999px;
    filter: blur(100px);
    will-change: transform;
    animation-duration: 2500ms;
    animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    animation-fill-mode: both;
}

.b2b-page .b2b-hero-ref__glow--left {
    left: -370px;
    background: #cbaca2;
    animation-name: b2b-hero-ref-glow-left;
}

.b2b-page .b2b-hero-ref__glow--right {
    left: calc(100% - 370px);
    background: #9badba;
    animation-name: b2b-hero-ref-glow-right;
}

.b2b-page .b2b-hero-ref__columns {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-columns: repeat(17, minmax(0, 1fr));
    pointer-events: none;
}

.b2b-page .b2b-hero-ref__column {
    background:
        linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.98) 8%, rgba(0, 0, 0, 0.32) 52%, rgba(255, 255, 255, 0) 100%);
    mix-blend-mode: overlay;
}

.b2b-page .b2b-header-ref {
    position: fixed;
    top: 16px;
    left: 50%;
    z-index: 200;
    width: min(1376px, calc(100vw - 32px));
    padding: 28px 32px 0;
    transform: translateX(-50%);
    opacity: 1;
    transition: transform 220ms ease, opacity 220ms ease;
    animation: b2b-hero-ref-fade 450ms cubic-bezier(0.42, 0, 0.58, 1) both;
    pointer-events: auto;
    isolation: isolate;
    will-change: transform, opacity;
    visibility: visible;
}

.b2b-page .b2b-header-ref.is-hidden {
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -130%);
    pointer-events: none;
}

.b2b-page .b2b-header-ref__bar {
    position: relative;
    min-height: 48px;
    padding: 14px 28px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 12px 32px rgba(12, 35, 64, 0.10);
}

.b2b-page .b2b-header-ref__nav-side,
.b2b-page .b2b-header-ref__actions {
    display: flex;
    align-items: center;
    gap: 18px;
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
}

.b2b-page .b2b-header-ref__nav {
    display: flex;
    align-items: center;
    gap: 28px;
}

.b2b-page .b2b-header-ref__nav-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0c2340;
    text-decoration: none;
    font-family: 'IBM Plex Sans Arabic', 'STC Forward', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.b2b-page .b2b-header-ref__nav-link img {
    width: 10px;
    height: 10px;
}

.b2b-page .b2b-header-ref__brand {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
}

.b2b-page .b2b-header-ref__brand img {
    width: 72px;
    height: auto;
    display: block;
}

.b2b-page .b2b-header-ref__actions {
    white-space: nowrap;
}

.b2b-page .b2b-header-ref__locale {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #3f4650;
    text-decoration: none;
    font-family: 'IBM Plex Sans Arabic', 'STC Forward', sans-serif;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}

.b2b-page .b2b-header-ref__locale img {
    width: 15px;
    height: 15px;
}

.b2b-page .b2b-header-ref__contact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 122px;
    height: 41px;
    padding: 0 24px;
    border-radius: 6px;
    background: #ef6b3b;
    color: #fff;
    text-decoration: none;
    font-family: 'IBM Plex Sans Arabic', 'STC Forward', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    box-shadow: 0 8px 22px rgba(239, 107, 59, 0.18);
}

.b2b-page .b2b-header-ref__menu-toggle {
    display: none;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.b2b-page .b2b-header-ref__menu-toggle span {
    display: block;
    width: 22px;
    height: 2px;
    margin: 4px auto;
    background: #0c2340;
    border-radius: 999px;
}

.b2b-page .b2b-header-ref__mobile-panel {
    display: none;
}

.b2b-menu-open {
    overflow: hidden;
}

.b2b-page .b2b-hero-ref__copy {
    position: relative;
    z-index: 3;
    width: min(900px, calc(100% - 40px));
    margin: 50px auto 0;
    text-align: center;
    color: #0c2340;
    animation: b2b-hero-ref-copy 560ms cubic-bezier(0.42, 0, 0.58, 1) both 120ms;
}

.b2b-page .b2b-hero-ref__title {
    margin: 0;
    color: #0c2340;
    font-family: 'IBM Plex Sans Arabic', 'STC Forward', sans-serif;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -0.03em;
}

.b2b-page .b2b-hero-ref__accent {
    margin: 12px 0 0;
    color: #ef6b3b;
    font-family: 'IBM Plex Sans Arabic', 'STC Forward', sans-serif;
    font-size: 38px;
    font-weight: 600;
    line-height: 1.1;
}

.b2b-page .b2b-hero-ref__description {
    width: min(883px, 100%);
    margin: 18px auto 0;
    color: #0c2340;
    font-family: 'IBM Plex Sans Arabic', 'STC Forward', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.55;
}

.b2b-page .b2b-hero-ref__cards {
    position: absolute;
    left: 50%;
    top: 308px;
    z-index: 4;
    width: min(1180px, calc(100% - 32px));
    height: 372px;
    display: grid;
    box-sizing: border-box;
    padding: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(2, 180px);
    column-gap: 10px;
    row-gap: 10px;
    grid-template-areas:
        "shield stats plane target"
        "progress stats marketing marketing";
    transform: translateX(-50%);
}

.b2b-page .b2b-hero-ref__card {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(12, 35, 64, 0.08);
    isolation: isolate;
    animation: b2b-hero-ref-card 420ms cubic-bezier(0.42, 0, 0.58, 1) both;
}

.b2b-page .b2b-hero-ref__card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.b2b-page .b2b-hero-ref__card--shield { grid-area: shield; animation-delay: 80ms; }
.b2b-page .b2b-hero-ref__card--stats { grid-area: stats; animation-delay: 120ms; }
.b2b-page .b2b-hero-ref__card--plane { grid-area: plane; animation-delay: 160ms; }
.b2b-page .b2b-hero-ref__card--target { grid-area: target; animation-delay: 200ms; }
.b2b-page .b2b-hero-ref__card--progress { grid-area: progress; animation-delay: 240ms; }
.b2b-page .b2b-hero-ref__card--marketing { grid-area: marketing; animation-delay: 280ms; }

.b2b-page .b2b-hero-ref__card--shield {
    background: rgba(146, 183, 215, 0.42);
}

.b2b-page .b2b-hero-ref__card--shield img {
    object-fit: contain;
    width: 76%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 52%;
    transform: translate(-50%, -50%);
}

.b2b-page .b2b-hero-ref__card--stats {
    background: #0b0b0d;
}

.b2b-page .b2b-hero-ref__stats-bg {
    position: absolute;
    inset: 0;
}

.b2b-page .b2b-hero-ref__stats-orb {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.b2b-page .b2b-hero-ref__stats-orb--top {
    top: -76px;
    right: -8px;
    width: 288px;
    height: 288px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.42) 0%, rgba(0, 0, 0, 0.16) 68%, rgba(0, 0, 0, 0) 100%);
}

.b2b-page .b2b-hero-ref__stats-orb--side {
    left: -88px;
    top: 67px;
    width: 256px;
    height: 256px;
    background: radial-gradient(circle, rgba(239, 107, 59, 0.58) 0%, rgba(0, 0, 0, 0) 70%);
}

.b2b-page .b2b-hero-ref__stats-title,
.b2b-page .b2b-hero-ref__stats-kpi {
    position: absolute;
    z-index: 2;
    color: #fff;
    font-family: 'Cairo', sans-serif;
    text-align: center;
}

.b2b-page .b2b-hero-ref__stats-title {
    top: 84px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 220px;
}

.b2b-page .b2b-hero-ref__stats-title strong {
    display: block;
    font-size: 37px;
    font-weight: 900;
    line-height: 0.92;
    direction: ltr;
    unicode-bidi: isolate;
}

.b2b-page .b2b-hero-ref__stats-title span {
    display: block;
    margin-top: 7px;
    color: #c4c4c4;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.b2b-page .b2b-hero-ref__stats-kpi strong {
    display: block;
    font-size: 26px;
    font-weight: 900;
    line-height: 0.95;
    direction: ltr;
    unicode-bidi: isolate;
}

.b2b-page .b2b-hero-ref__stats-kpi span {
    display: block;
    margin-top: 4px;
    font-size: 8px;
    font-weight: 700;
    line-height: 1.15;
    white-space: nowrap;
    opacity: 0.94;
}

.b2b-page .b2b-hero-ref__stats-kpi--left {
    left: 32px;
    top: 258px;
    text-align: left;
}

.b2b-page .b2b-hero-ref__stats-kpi--right {
    right: 22px;
    top: 230px;
    text-align: left;
}

.b2b-page .b2b-hero-ref__card--plane {
    background:
        radial-gradient(circle at 5% 8%, rgba(214, 144, 124, 0.92) 0%, rgba(214, 144, 124, 0.46) 22%, rgba(214, 144, 124, 0) 48%),
        linear-gradient(112deg, #d7a291 0%, #d8cabd 51%, #a8b7c8 100%);
}

.b2b-page .b2b-hero-ref__card--plane::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.03) 100%),
        radial-gradient(rgba(255, 255, 255, 0.18) 0.5px, rgba(255, 255, 255, 0) 0.5px),
        radial-gradient(rgba(12, 35, 64, 0.12) 0.5px, rgba(255, 255, 255, 0) 0.5px);
    background-size: auto, 2px 2px, 2px 2px;
    background-position: 0 0, 0 0, 1px 1px;
    opacity: 0.36;
    z-index: 0;
    pointer-events: none;
}

.b2b-page .b2b-hero-ref__card--plane::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 50% 22%, rgba(255, 255, 255, 0.18), transparent 22%),
        linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 100%);
    z-index: 0;
    pointer-events: none;
}

.b2b-page .b2b-hero-ref__plane-bg,
.b2b-page .b2b-hero-ref__target-bg,
.b2b-page .b2b-hero-ref__progress-bg,
.b2b-page .b2b-hero-ref__marketing-bg {
    position: absolute;
    inset: 0;
}

.b2b-page .b2b-hero-ref__plane-bg {
    object-fit: cover;
    object-position: center 62%;
    opacity: 0.42;
    mix-blend-mode: soft-light;
    filter: saturate(0.86) contrast(0.92);
}

.b2b-page .b2b-hero-ref__card img.b2b-hero-ref__plane-art {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 130px;
    height: 120px;
    transform: translateX(-50%);
    object-fit: contain;
    filter: drop-shadow(0 6px 10px rgba(72, 126, 186, 0.12));
    z-index: 1;
}

.b2b-page .b2b-hero-ref__plane-copy {
    position: absolute;
    left: 25px;
    right: 25px;
    top: 126px;
    bottom: auto;
    padding: 0;
    text-align: center;
    font-family: 'Cairo', sans-serif;
    z-index: 1;
}

.b2b-page .b2b-hero-ref__plane-copy strong {
    display: block;
    color: #0c2340;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.18);
    max-width: 256px;
    margin-inline: auto;
}

.b2b-page .b2b-hero-ref__plane-copy span {
    display: block;
    margin-top: 14px;
    color: rgba(255, 255, 255, 0.94);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.22;
    max-width: 256px;
    margin-inline: auto;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.b2b-page .b2b-hero-ref__card--target {
    background: #ef6b3b;
}

.b2b-page .b2b-hero-ref__target-tint {
    position: absolute;
    inset: 0;
    background: rgba(107, 107, 107, 0.34);
    backdrop-filter: blur(2px);
}

.b2b-page .b2b-hero-ref__target-art {
    position: absolute;
    left: -4%;
    top: -5%;
    width: 103%;
    height: 116%;
    object-fit: cover;
    filter: saturate(1.02) contrast(1.02);
}

.b2b-page .b2b-hero-ref__card--progress {
    background: linear-gradient(135deg, #315481 0%, #254966 37%, #6b6b6b 100%);
}

.b2b-page .b2b-hero-ref__progress-copy {
    position: absolute;
    top: 54px;
    left: 40px;
    right: 20px;
    color: #fcfcfc;
    font-family: 'Cairo', sans-serif;
    text-align: left;
}

.b2b-page .b2b-hero-ref__progress-copy strong {
    display: block;
    font-size: 62px;
    font-weight: 700;
    line-height: 0.9;
    direction: ltr;
    unicode-bidi: isolate;
    letter-spacing: -0.05em;
}

.b2b-page .b2b-hero-ref__progress-copy span {
    display: block;
    margin-top: 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.12;
}

.b2b-page .b2b-hero-ref__progress-copy small {
    display: block;
    margin-top: 6px;
    font-size: 9px;
    font-weight: 400;
    line-height: 1.1;
    opacity: 0.95;
}

.b2b-page .b2b-hero-ref__marketing-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(239, 107, 59, 0.44) 0%, rgba(239, 107, 59, 0.02) 28%, rgba(164, 191, 223, 0.10) 64%, rgba(255, 255, 255, 0.13) 100%);
}

.b2b-page .b2b-hero-ref__card--marketing::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 50%, rgba(239, 107, 59, 0.58), transparent 34%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0, rgba(255, 255, 255, 0) 40%);
    z-index: 1;
    pointer-events: none;
}

.b2b-page .b2b-hero-ref__card--marketing::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.22) 46%, transparent 70%);
    transform: translateX(-105%);
    animation: b2b-hero-ref-sweep 1000ms cubic-bezier(0.42, 0, 0.58, 1) 620ms both;
    z-index: 2;
    pointer-events: none;
}

.b2b-page .b2b-hero-ref__marketing-stack {
    position: absolute;
    top: 55%;
    display: block;
    transform: translateY(-50%);
    animation: b2b-hero-ref-digit 420ms cubic-bezier(0.42, 0, 0.58, 1) both;
    z-index: 3;
}

.b2b-page .b2b-hero-ref__marketing-stack--3 {
    left: 110px;
    width: 96px;
    height: 128px;
}

.b2b-page .b2b-hero-ref__marketing-stack--6 {
    left: 258px;
    width: 94px;
    height: 128px;
    animation-delay: 40ms;
}

.b2b-page .b2b-hero-ref__marketing-stack--0 {
    left: 406px;
    width: 98px;
    height: 128px;
    animation-delay: 80ms;
}

.b2b-page .b2b-hero-ref__marketing-digit {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.b2b-page .b2b-hero-ref__marketing-digit--base {
    opacity: 1;
    filter: drop-shadow(0 8px 18px rgba(12, 35, 64, 0.12));
}

.b2b-page .b2b-hero-ref__marketing-digit--shine {
    opacity: 0.9;
    mix-blend-mode: screen;
}

.b2b-page .b2b-hero-ref__card img.b2b-hero-ref__marketing-chip {
    position: absolute;
    top: 34px;
    right: 105px;
    width: 28px;
    height: 28px;
    object-fit: contain;
    z-index: 4;
    display: block;
    filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.22));
}

.b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__nav-side {
    right: 0;
    justify-content: flex-end;
}

.b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__actions {
    left: 0;
    flex-direction: row;
}

.b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__nav-link {
    flex-direction: row;
}

.b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__locale {
    flex-direction: row;
}

.b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__nav {
    flex-direction: row-reverse;
}

.b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__contact {
    order: -1;
}

html[dir='rtl'] .b2b-page .b2b-hero-ref__title,
html[dir='rtl'] .b2b-page .b2b-hero-ref__accent,
html[dir='rtl'] .b2b-page .b2b-hero-ref__description {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
}

html[dir='rtl'] .b2b-page .b2b-hero-ref__stats-kpi--left,
html[dir='rtl'] .b2b-page .b2b-hero-ref__stats-kpi--right,
html[dir='rtl'] .b2b-page .b2b-hero-ref__progress-copy {
    text-align: right;
}

html[dir='rtl'] .b2b-page .b2b-hero-ref__plane-copy {
    text-align: center;
}

html[dir='rtl'] .b2b-page .b2b-hero-ref__copy {
    width: min(1180px, calc(100% - 96px));
}

html[dir='rtl'] .b2b-page .b2b-hero-ref__title {
    font-size: 56px;
    line-height: 1.17;
}

html[dir='rtl'] .b2b-page .b2b-hero-ref__accent {
    font-size: 50px;
    line-height: 1.06;
}

html[dir='rtl'] .b2b-page .b2b-hero-ref__description {
    width: min(1060px, 100%);
    font-size: 18px;
    line-height: 1.58;
}

.b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__nav-side {
    left: 0;
}

.b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__actions {
    right: 0;
    flex-direction: row;
}

.b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__nav-link {
    flex-direction: row;
}

.b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__locale {
    flex-direction: row;
}

html[dir='ltr'] .b2b-page .b2b-hero-ref__accent {
    font-family: 'STC Forward', 'IBM Plex Sans Arabic', sans-serif;
    letter-spacing: -0.02em;
}

html[dir='ltr'] .b2b-page .b2b-hero-ref__title {
    font-size: 52px;
    line-height: 1.16;
}

html[dir='ltr'] .b2b-page .b2b-hero-ref__accent {
    font-size: 50px;
}

html[dir='ltr'] .b2b-page .b2b-hero-ref__description {
    width: min(760px, 100%);
    font-size: 18px;
    line-height: 1.5;
}

html[dir='ltr'] .b2b-page .b2b-hero-ref__plane-copy {
    left: 16px;
    right: 16px;
    top: 118px;
}

html[dir='ltr'] .b2b-page .b2b-hero-ref__plane-copy strong {
    font-size: 20px;
    line-height: 1.22;
    max-width: 244px;
}

html[dir='ltr'] .b2b-page .b2b-hero-ref__plane-copy span {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.3;
    max-width: 248px;
}

html[dir='ltr'] .b2b-page .b2b-hero-ref__progress-copy {
    left: 62px;
    right: 20px;
}

@keyframes b2b-hero-ref-glow-left {
    from { transform: translateX(0); }
    to { transform: translateX(370px); }
}

@keyframes b2b-hero-ref-glow-right {
    from { transform: translateX(0); }
    to { transform: translateX(-370px); }
}

@keyframes b2b-hero-ref-fade {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes b2b-hero-ref-copy {
    from {
        opacity: 0;
        transform: translateY(22px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes b2b-hero-ref-card {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes b2b-hero-ref-digit {
    from {
        opacity: 0;
        transform: translateY(-50%) translateX(34px);
    }
    to {
        opacity: 1;
        transform: translateY(-50%) translateX(0);
    }
}

@keyframes b2b-hero-ref-digit-3-figma {
    from {
        opacity: 0;
        width: 173px;
        transform: translateY(-50%) translate(34px, 12px);
    }
    to {
        opacity: 1;
        width: 92px;
        transform: translateY(-50%) translate(-20.5px, 12px);
    }
}

@keyframes b2b-hero-ref-digit-6-figma {
    from {
        opacity: 0;
        width: 185px;
        transform: translateY(-50%) translate(34px, 12px);
    }
    to {
        opacity: 1;
        width: 92px;
        transform: translateY(-50%) translate(-20px, 12px);
    }
}

@keyframes b2b-hero-ref-digit-0-figma {
    from {
        opacity: 0;
        width: 179px;
        transform: translateY(-50%) translate(34px, 12px);
    }
    to {
        opacity: 1;
        width: 92px;
        transform: translateY(-50%) translate(-85.5px, 8px);
    }
}

@keyframes b2b-hero-ref-sweep {
    from {
        transform: translateX(-115%);
    }
    to {
        transform: translateX(115%);
    }
}

@keyframes b2b-mobile-menu-in {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 1200px) {
    .b2b-page .b2b-hero-ref__frame {
        padding-bottom: 180px;
    }

    .b2b-page .b2b-hero-ref__copy {
        width: calc(100% - 72px);
        margin-top: 72px;
    }

    .b2b-page .b2b-hero-ref__title,
    .b2b-page .b2b-hero-ref__accent {
        font-size: clamp(36px, 4.4vw, 54px);
    }

    .b2b-page .b2b-hero-ref__description {
        font-size: clamp(15px, 1.8vw, 20px);
    }

    html[dir='rtl'] .b2b-page .b2b-hero-ref__copy {
        width: calc(100% - 72px);
    }

    html[dir='rtl'] .b2b-page .b2b-hero-ref__title {
        font-size: clamp(58px, 5.8vw, 72px);
    }

    html[dir='rtl'] .b2b-page .b2b-hero-ref__accent {
        font-size: clamp(56px, 5.5vw, 70px);
    }

    .b2b-page .b2b-hero-ref__marketing-stack--3 { left: 14%; width: 15%; height: 50%; }
    .b2b-page .b2b-hero-ref__marketing-stack--6 { left: 39%; width: 15%; height: 52%; }
    .b2b-page .b2b-hero-ref__marketing-stack--0 { left: 64%; width: 15%; height: 52%; }
}

@media (max-width: 991px) {
    .b2b-page .b2b-header-ref {
        top: 0;
        width: 100%;
        padding: 12px 18px 0;
    }

    .b2b-page .b2b-header-ref__bar {
        min-height: 54px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .b2b-page .b2b-header-ref__nav,
    .b2b-page .b2b-header-ref__actions {
        display: none;
    }

    .b2b-page .b2b-header-ref__menu-toggle {
        display: inline-flex;
        position: relative;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 4px;
        width: 42px;
        height: 42px;
        border: 1px solid rgba(12, 35, 64, 0.16);
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.16);
        box-shadow: 0 8px 22px rgba(12, 35, 64, 0.08);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
    }

    .b2b-page .b2b-header-ref__brand img {
        width: 92px;
        height: auto;
        filter: drop-shadow(0 3px 8px rgba(12, 35, 64, 0.12));
    }

    .b2b-page .b2b-header-ref__nav-side {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    html[dir='rtl'] .b2b-page .b2b-header-ref__nav-side,
    .b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__nav-side {
        right: 0;
        left: auto;
    }

    html[dir='ltr'] .b2b-page .b2b-header-ref__nav-side,
    .b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__nav-side {
        right: auto;
        left: 0;
    }

    .b2b-page .b2b-header-ref__menu-toggle span {
        width: 17px;
        height: 2px;
        margin: 0;
        background: #0c2340;
        transition: transform 180ms ease, opacity 180ms ease;
    }

    .b2b-page .b2b-header-ref.is-menu-open .b2b-header-ref__menu-toggle {
        background: rgba(255, 255, 255, 0.82);
        border-color: rgba(239, 107, 59, 0.34);
    }

    .b2b-page .b2b-header-ref.is-menu-open .b2b-header-ref__menu-toggle span:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }

    .b2b-page .b2b-header-ref.is-menu-open .b2b-header-ref__menu-toggle span:nth-child(2) {
        opacity: 0;
    }

    .b2b-page .b2b-header-ref.is-menu-open .b2b-header-ref__menu-toggle span:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
    }

    .b2b-page .b2b-header-ref__mobile-panel {
        position: absolute;
        top: calc(100% + 8px);
        left: 10px;
        right: 10px;
        z-index: 5;
        padding: 12px;
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.72);
        border: 1px solid rgba(255, 255, 255, 0.82);
        box-shadow: 0 24px 54px rgba(12, 35, 64, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.65);
        backdrop-filter: blur(24px) saturate(1.15);
        -webkit-backdrop-filter: blur(24px) saturate(1.15);
        animation: b2b-mobile-menu-in 180ms ease-out both;
    }

    html[dir='rtl'] .b2b-page .b2b-header-ref__mobile-panel,
    .b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__mobile-panel {
        direction: rtl;
        text-align: right;
    }

    html[dir='ltr'] .b2b-page .b2b-header-ref__mobile-panel,
    .b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__mobile-panel {
        direction: ltr;
        text-align: left;
    }

    .b2b-page .b2b-header-ref.is-menu-open .b2b-header-ref__mobile-panel {
        display: block;
    }

    .b2b-page .b2b-header-ref__mobile-nav {
        display: grid;
        gap: 8px;
    }

    .b2b-page .b2b-header-ref__mobile-link,
    .b2b-page .b2b-header-ref__mobile-contact {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 48px;
        padding: 0 14px;
        border-radius: 14px;
        text-decoration: none;
        font-family: 'IBM Plex Sans Arabic', 'STC Forward', sans-serif;
    }

    .b2b-page .b2b-header-ref__mobile-link {
        color: #0c2340;
        background: rgba(255, 255, 255, 0.56);
        border: 1px solid rgba(12, 35, 64, 0.06);
        font-size: 15px;
        font-weight: 600;
    }

    html[dir='rtl'] .b2b-page .b2b-header-ref__mobile-link,
    .b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__mobile-link {
        direction: rtl;
        flex-direction: row;
        text-align: start;
    }

    html[dir='ltr'] .b2b-page .b2b-header-ref__mobile-link,
    .b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__mobile-link {
        direction: ltr;
        flex-direction: row;
        text-align: start;
    }

    .b2b-page .b2b-header-ref__mobile-link span {
        min-width: 0;
        flex: 1 1 auto;
        text-align: start;
        unicode-bidi: plaintext;
    }

    .b2b-page .b2b-header-ref__mobile-link img {
        width: 14px;
        height: 14px;
        flex: 0 0 auto;
    }

    .b2b-page .b2b-header-ref__mobile-contact {
        margin-top: 12px;
        justify-content: center;
        background: #ef6b3b;
        color: #fff;
        font-size: 15px;
        font-weight: 700;
    }
}

@media (prefers-reduced-motion: reduce) {
    .b2b-page .b2b-hero-ref__glow,
    .b2b-page .b2b-header-ref,
    .b2b-page .b2b-hero-ref__copy,
    .b2b-page .b2b-hero-ref__card,
    .b2b-page .b2b-hero-ref__marketing-digit {
        animation: none !important;
    }

    .b2b-page .b2b-header-ref__mobile-panel,
    .b2b-page .b2b-header-ref__menu-toggle,
    .b2b-page .b2b-header-ref__menu-toggle span {
        animation: none !important;
        transition: none !important;
    }
}

/* B2B Desktop 1024 Spec (Figma PC) */
@media (min-width: 992px) and (max-width: 1200px) {
    .b2b-page {
        background: #ffffff;
    }

    .b2b-page__shell {
        width: 100%;
        margin-inline: auto;
        padding: 14px 0 0;
        overflow: hidden;
    }

    .b2b-page .b2b-hero-shell {
        width: 100%;
        min-height: 1360px;
        margin: 0 auto;
    }

    .b2b-page .b2b-hero-ref__frame {
        width: 100%;
        padding-bottom: 584px;
    }

    .b2b-page .b2b-hero-ref__backdrop {
        position: relative;
        width: min(992px, calc(100vw - 32px));
        height: 740px;
        min-height: 740px;
        margin-inline: auto;
        border-radius: 20px;
        background: #e4e4e4;
    }

    .b2b-page .b2b-hero-ref__glow--left {
        left: -370px;
    }

    .b2b-page .b2b-hero-ref__glow--right {
        left: 1038px;
    }

    .b2b-page .b2b-hero-ref__columns {
        left: -208px;
        right: auto;
        width: 1408px;
        height: 740px;
        display: flex;
        grid-template-columns: none;
    }

    .b2b-page .b2b-hero-ref__column {
        width: 80px;
        height: 740px;
        flex: 0 0 80px;
    }

    .b2b-page .b2b-header-ref {
        position: absolute;
        top: 24px;
        left: 50%;
        width: min(880px, calc(100vw - 96px));
        padding: 0;
        transform: translateX(-50%);
    }

    .b2b-page .b2b-header-ref__bar {
        min-height: 64px;
        border-radius: 60px;
        padding: 0 24px;
        background: rgba(255, 255, 255, 0.72);
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
        border: 0;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

    .b2b-page .b2b-header-ref__brand img {
        width: 76px;
    }

    .b2b-page .b2b-header-ref__contact {
        min-width: 160px;
        height: 40px;
        border-radius: 4px;
        background: #ef6b3b;
        font-family: 'STC Forward', sans-serif;
        font-size: 16px;
        font-weight: 500;
    }

    .b2b-page .b2b-header-ref__locale {
        color: #3f3f46;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 500;
    }

    .b2b-page .b2b-header-ref__nav-link {
        color: #0c2340;
        font-family: 'STC Forward', sans-serif;
        font-size: 20px;
        font-weight: 500;
    }

    .b2b-page .b2b-hero-ref__copy {
        position: absolute;
        left: 60px;
        top: 186px;
        width: 872px;
        margin: 0;
        animation: b2b-hero-ref-copy-flip 300ms cubic-bezier(0, 0, 0.58, 1) both;
        transform-origin: top center;
    }

    .b2b-page .b2b-hero-ref__title {
        color: #0f172a;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 48px;
        line-height: 1.28;
        font-weight: 600;
        text-transform: capitalize;
        white-space: nowrap;
    }

    .b2b-page .b2b-hero-ref__accent {
        margin-top: 0;
        color: #ef6b3b;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 48px;
        line-height: 1.28;
        font-weight: 600;
    }

    .b2b-page .b2b-hero-ref__description {
        position: absolute;
        left: -21px;
        top: 184px;
        width: 883px;
        height: 128px;
        margin: 0;
        color: #082f49;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 30px;
        line-height: 1.4;
        font-weight: 400;
    }

    html[dir='rtl'] .b2b-page .b2b-hero-ref__copy {
        width: 872px;
    }

    html[dir='rtl'] .b2b-page .b2b-hero-ref__title,
    html[dir='rtl'] .b2b-page .b2b-hero-ref__accent {
        font-size: 48px;
        line-height: 1.28;
    }

    html[dir='rtl'] .b2b-page .b2b-hero-ref__description {
        width: 883px;
        font-size: 30px;
        line-height: 1.4;
    }

    .b2b-page .b2b-hero-ref__cards {
        top: 800px;
        width: min(904px, calc(100vw - 92px));
        height: 504px;
        left: 50%;
        grid-template-columns: repeat(4, 214px);
        grid-template-rows: repeat(2, 240px);
        column-gap: 16px;
        row-gap: 16px;
        padding: 0;
        grid-template-areas:
            "shield stats plane target"
            "progress stats marketing marketing";
    }

    .b2b-page .b2b-hero-ref__card {
        border-radius: 16px;
        box-shadow: none;
        animation-name: b2b-hero-ref-card;
        animation-duration: 300ms;
        animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    }

    .b2b-page .b2b-hero-ref__card--marketing {
        max-width: 384px;
    }

    .b2b-page .b2b-hero-ref__card--shield img {
        width: 215px;
        height: 227px;
        left: -0.55px;
        top: 9px;
        transform: none;
        object-fit: cover;
    }

    .b2b-page .b2b-hero-ref__stats-bg {
        left: -47px;
        top: 0;
        width: 308px;
        height: 504px;
        object-fit: cover;
    }

    .b2b-page .b2b-hero-ref__stats-orb--top {
        left: 105px;
        right: auto;
        top: -77px;
        width: 288px;
        height: 288px;
    }

    .b2b-page .b2b-hero-ref__stats-orb--side {
        left: -88px;
        top: 67px;
        width: 256px;
        height: 256px;
    }

    .b2b-page .b2b-hero-ref__stats-title {
        top: 110px;
        left: 55px;
        min-width: 0;
        transform: none;
    }

    .b2b-page .b2b-hero-ref__stats-title strong {
        font-size: 36px;
        line-height: 24px;
    }

    .b2b-page .b2b-hero-ref__stats-title span {
        margin-top: 17px;
        font-size: 20px;
        line-height: 20px;
    }

    .b2b-page .b2b-hero-ref__stats-kpi strong {
        font-size: 30px;
        line-height: 32px;
    }

    .b2b-page .b2b-hero-ref__stats-kpi span {
        font-size: 10px;
        line-height: 20px;
        margin-top: 0;
    }

    .b2b-page .b2b-hero-ref__stats-kpi--right {
        left: 147px;
        right: auto;
        top: 229px;
    }

    .b2b-page .b2b-hero-ref__stats-kpi--left {
        left: 14px;
        top: 273px;
    }

    .b2b-page .b2b-hero-ref__card img.b2b-hero-ref__plane-art {
        left: 48px;
        top: 10px;
        width: 130px;
        height: 120px;
        transform: none;
    }

    .b2b-page .b2b-hero-ref__plane-copy {
        left: 11px;
        right: auto;
        top: 152px;
        width: 192px;
    }

    .b2b-page .b2b-hero-ref__plane-copy strong {
        font-size: 20px;
        line-height: 1.2;
        max-width: none;
    }

    .b2b-page .b2b-hero-ref__plane-copy span {
        margin-top: 8px;
        font-size: 14px;
        line-height: 1.28;
        max-width: none;
    }

    .b2b-page .b2b-hero-ref__target-tint {
        border-radius: 16px;
    }

    .b2b-page .b2b-hero-ref__target-art {
        left: -26px;
        top: -10px;
        width: 243px;
        height: 239px;
        transform: rotate(-9deg);
        object-fit: cover;
        transform-origin: top left;
    }

    .b2b-page .b2b-hero-ref__progress-bg {
        left: -86px;
        top: 44px;
        width: 254px;
        height: 254px;
        object-fit: cover;
    }

    .b2b-page .b2b-hero-ref__progress-copy {
        top: 52px;
        left: 19px;
        right: auto;
        width: 180px;
    }

    .b2b-page .b2b-hero-ref__progress-copy strong {
        font-size: 72px;
        line-height: 50.4px;
    }

    .b2b-page .b2b-hero-ref__progress-copy span {
        margin-top: 38px;
        font-size: 20px;
    }

    .b2b-page .b2b-hero-ref__progress-copy small {
        margin-top: 12px;
        font-size: 16px;
    }

    .b2b-page .b2b-hero-ref__marketing-stack--3 {
        left: 58px;
        width: 92px;
        height: 132px;
        animation: b2b-hero-ref-digit-3-figma 300ms cubic-bezier(0.42, 0, 0.58, 1) both;
    }

    .b2b-page .b2b-hero-ref__marketing-stack--6 {
        left: 183px;
        width: 92px;
        height: 132px;
        animation: b2b-hero-ref-digit-6-figma 300ms cubic-bezier(0.42, 0, 0.58, 1) both;
    }

    .b2b-page .b2b-hero-ref__marketing-stack--0 {
        left: 306px;
        width: 92px;
        height: 132px;
        animation: b2b-hero-ref-digit-0-figma 300ms cubic-bezier(0.42, 0, 0.58, 1) both;
    }

    .b2b-page .b2b-hero-ref__card img.b2b-hero-ref__marketing-chip {
        top: 48px;
        right: 60px;
        width: 24px;
        height: 24px;
    }

    .b2b-page .b2b-partners {
        width: 1024px;
        margin-top: 80px;
        padding-inline: 72px;
    }

    .b2b-page .b2b-section-heading__eyebrow {
        color: #ef6b3b;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 24px;
        font-weight: 600;
    }

    .b2b-page .b2b-section-heading__title {
        color: #082f49;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 36px;
        line-height: 1.35;
        font-weight: 600;
    }

    .b2b-page .b2b-section-heading__subtitle {
        color: #082f49;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 30px;
        line-height: 1.25;
        font-weight: 300;
    }

    .b2b-page .b2b-partners__grid {
        margin-top: 44px;
        gap: 44px 28px;
    }

    .b2b-page .b2b-services {
        width: 1024px;
        margin-top: 96px;
        padding-inline: 73px;
    }

    .b2b-page .b2b-services__tab-label {
        color: #082f49;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 28px;
        font-weight: 600;
    }

    .b2b-page .b2b-services__tab-number {
        color: #005988;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 20px;
        font-weight: 600;
    }

    .b2b-page .b2b-services__tab.is-active {
        border-color: #ffd9cb;
        background: #ffe8e0;
    }

    .b2b-page .b2b-services__tab.is-active .b2b-services__tab-label,
    .b2b-page .b2b-services__tab.is-active .b2b-services__tab-number {
        color: #ef6b3b;
    }

    .b2b-page .b2b-services__copy-card h3 {
        color: #0f172a;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 30px;
        font-weight: 600;
        line-height: 1.35;
    }

    .b2b-page .b2b-services__copy-card p {
        color: #0f172a;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.45;
    }

    .b2b-page .b2b-services__feature-overlay strong {
        font-family: 'STC Forward', sans-serif;
        font-size: 20px;
        font-weight: 700;
    }

    .b2b-page .b2b-services__feature-overlay span {
        font-family: 'STC Forward', sans-serif;
        font-size: 16px;
        font-weight: 500;
    }

    .b2b-page .b2b-rewards {
        width: 1024px;
        min-height: 702px;
        margin-top: 96px;
    }

    .b2b-page .b2b-rewards__title {
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 60px;
        line-height: 81px;
        font-weight: 600;
    }

    .b2b-page .b2b-rewards__copy {
        color: #0f172a;
        font-family: 'STC Forward', sans-serif;
        font-size: 30px;
        font-weight: 400;
        line-height: 1.4;
    }

    .b2b-page .b2b-button {
        min-height: 56px;
        border-radius: 8px;
        font-family: 'STC Forward', sans-serif;
        font-size: 20px;
        font-weight: 500;
    }

    .b2b-page .b2b-marketing-360 {
        width: 1024px;
        margin-top: 80px;
        padding-inline: 47px;
        grid-template-columns: 1fr 396px;
        gap: 32px;
    }

    .b2b-page .b2b-marketing-360__content {
        max-width: 396px;
    }

    .b2b-page .b2b-marketing-360__title {
        color: #0f172a;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 36px;
        line-height: 1.35;
        font-weight: 600;
    }

    .b2b-page .b2b-marketing-360__copy {
        color: #082f49;
        font-family: 'STC Forward', sans-serif;
        font-size: 20px;
        line-height: 1.6;
        font-weight: 400;
        text-transform: uppercase;
    }

    .b2b-page .b2b-marketing-360__bullets li {
        color: #d55e1a;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 20px;
        line-height: 1.4;
        font-weight: 500;
    }

    .b2b-page .b2b-footer {
        width: 1024px;
        margin-top: 88px;
        border-radius: 104px 104px 0 0;
        border: 1px solid #f2a6a1;
        background: #ffede8;
        padding: 68px 72px 18px;
    }

    .b2b-page .b2b-footer__inner {
        grid-template-columns: 1fr auto;
        gap: 84px;
    }

    .b2b-page .b2b-footer__links h3 {
        color: #005988;
        font-family: 'STC Forward', sans-serif;
        font-size: 20px;
        font-weight: 500;
    }

    .b2b-page .b2b-footer__links a,
    .b2b-page .b2b-footer__links p,
    .b2b-page .b2b-footer__tagline {
        color: #0f172a;
        font-family: 'STC Forward', sans-serif;
        font-size: 16px;
        font-weight: 400;
    }

    .b2b-page .b2b-footer__copyright {
        margin-top: 40px;
        color: #005988;
        font-family: 'STC Forward', sans-serif;
        font-size: 16px;
        font-weight: 400;
    }
}

@keyframes b2b-hero-ref-copy-flip {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* B2B Header + Hero responsive Figma layer (consolidated; no external hotfix) */
/* Clean mobile/tablet hero layer, loaded after client-b2b.css */
@media (max-width: 991px) {
    html,
    .b2b-page {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .b2b-page {
        background: #f7f8fa;
    }

    .b2b-page__shell {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 8px 0 28px;
        overflow: hidden;
    }

    .b2b-page .b2b-hero-shell,
    .b2b-page .b2b-hero-ref {
        width: 100%;
        min-height: 0;
        margin: 0;
        overflow: visible;
    }

    .b2b-page .b2b-hero-ref__frame {
        position: relative;
        width: min(390px, 100vw);
        min-height: 1636px;
        margin: 0 auto;
        padding: 0;
        border-radius: 20px;
        overflow: hidden;
        background: #e4e4e4;
        isolation: isolate;
    }

    .b2b-page .b2b-hero-ref__backdrop {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 755px;
        min-height: 755px;
        border-radius: 20px;
        overflow: hidden;
        background: #e4e4e4;
    }

    .b2b-page .b2b-hero-ref__backdrop::after {
        display: none;
    }

    .b2b-page .b2b-hero-ref__glow {
        width: 370px;
        height: 370px;
        filter: blur(72px);
        opacity: 0.9;
    }

    .b2b-page .b2b-hero-ref__glow--left {
        left: -210px;
        top: 0;
    }

    .b2b-page .b2b-hero-ref__glow--right {
        left: auto;
        right: -180px;
        top: 0;
    }

    .b2b-page .b2b-hero-ref__columns {
        inset: 0;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        direction: ltr;
        opacity: 0.95;
    }

    .b2b-page .b2b-hero-ref__column:nth-child(n + 6) {
        display: none;
    }

    .b2b-page .b2b-hero-ref__column {
        background: linear-gradient(to left, #fff 0%, rgba(255,255,255,.96) 8%, rgba(0,0,0,.34) 52%, rgba(255,255,255,0) 100%);
        mix-blend-mode: overlay;
    }

    .b2b-page .b2b-header-ref {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 20;
        width: 100%;
        padding: 8px 12px 0;
        transform: none;
    }

    .b2b-page .b2b-header-ref.is-hidden {
        opacity: 1;
        visibility: visible;
        transform: none;
        pointer-events: auto;
    }

    .b2b-page .b2b-header-ref__bar {
        min-height: 28px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .b2b-page .b2b-header-ref__nav,
    .b2b-page .b2b-header-ref__actions {
        display: none;
    }

    .b2b-page .b2b-header-ref__brand {
        position: absolute;
        left: 50%;
        top: 14px;
        transform: translateX(-50%);
    }

    .b2b-page .b2b-header-ref__brand img {
        width: 38px;
        height: auto;
    }

    .b2b-page .b2b-header-ref__nav-side {
        position: absolute;
        top: 2px;
        right: 0;
        left: auto;
        transform: none;
    }

    html[dir='ltr'] .b2b-page .b2b-header-ref__nav-side,
    .b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__nav-side {
        right: auto;
        left: 0;
    }

    .b2b-page .b2b-header-ref__menu-toggle {
        display: inline-flex;
        width: 28px;
        height: 28px;
        border: 0;
        border-radius: 50%;
        background: transparent;
        box-shadow: none;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 4px;
    }

    .b2b-page .b2b-header-ref__menu-toggle span {
        width: 17px;
        height: 2px;
        margin: 0;
        background: #0c2340;
        border-radius: 999px;
    }

    .b2b-page .b2b-header-ref__mobile-panel {
        position: absolute;
        top: 40px;
        left: 12px;
        right: 12px;
        z-index: 30;
        padding: 12px;
        border-radius: 18px;
        background: rgba(255,255,255,.86);
        border: 1px solid rgba(255,255,255,.82);
        box-shadow: 0 18px 42px rgba(12,35,64,.16);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }

    .b2b-page .b2b-header-ref.is-menu-open .b2b-header-ref__mobile-panel {
        display: block;
    }

    .b2b-page .b2b-hero-ref__copy {
        position: absolute;
        z-index: 5;
        top: 112px;
        left: 50%;
        width: calc(100% - 32px);
        margin: 0;
        text-align: center;
        transform: translateX(-50%);
        animation: b2b-mobile-clean-copy 300ms cubic-bezier(0,0,.58,1) both;
    }

    .b2b-page .b2b-hero-ref__title,
    html[dir='rtl'] .b2b-page .b2b-hero-ref__title,
    .b2b-page .b2b-hero-ref__accent,
    html[dir='rtl'] .b2b-page .b2b-hero-ref__accent {
        max-width: 100%;
        margin: 0 auto;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 30px;
        font-weight: 600;
        line-height: 1.28;
        letter-spacing: 0;
    }

    .b2b-page .b2b-hero-ref__title,
    html[dir='rtl'] .b2b-page .b2b-hero-ref__title {
        color: #0c2340;
    }

    .b2b-page .b2b-hero-ref__accent,
    html[dir='rtl'] .b2b-page .b2b-hero-ref__accent {
        color: #ef6b3b;
    }

    .b2b-page .b2b-hero-ref__description,
    html[dir='rtl'] .b2b-page .b2b-hero-ref__description {
        width: min(342px, 100%);
        margin: 62px auto 0;
        color: #0c2340;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.55;
    }

    .b2b-page .b2b-hero-ref__cards {
        position: absolute;
        z-index: 6;
        left: 34px;
        right: 34px;
        top: 779px;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 329px 251px 250px;
        grid-template-areas: "stats" "plane" "progress";
        gap: 16px;
        transform: none;
    }

    .b2b-page .b2b-hero-ref__card {
        border-radius: 16px;
        box-shadow: none;
        animation: b2b-mobile-clean-card 300ms cubic-bezier(.42,0,.58,1) both;
    }

    .b2b-page .b2b-hero-ref__card--shield,
    .b2b-page .b2b-hero-ref__card--target,
    .b2b-page .b2b-hero-ref__card--marketing {
        display: none;
    }

    .b2b-page .b2b-hero-ref__stats-bg {
        left: 0;
        top: 0;
        width: 100%;
        height: 329px;
        object-fit: cover;
        object-position: center 18%;
    }

    .b2b-page .b2b-hero-ref__stats-orb {
        display: none;
    }

    .b2b-page .b2b-hero-ref__stats-title {
        top: 56px;
        left: 50%;
        width: 190px;
        min-width: 0;
        transform: translateX(-50%);
    }

    .b2b-page .b2b-hero-ref__stats-title strong {
        font-size: 38px;
        line-height: 1;
    }

    .b2b-page .b2b-hero-ref__stats-title span {
        margin-top: 10px;
        font-size: 22px;
        line-height: 1.2;
    }

    .b2b-page .b2b-hero-ref__stats-kpi strong {
        font-size: 30px;
        line-height: 1;
    }

    .b2b-page .b2b-hero-ref__stats-kpi span {
        margin-top: 4px;
        font-size: 11px;
        line-height: 1.15;
    }

    .b2b-page .b2b-hero-ref__stats-kpi--left {
        left: 28px;
        top: 176px;
    }

    .b2b-page .b2b-hero-ref__stats-kpi--right {
        right: 28px;
        left: auto;
        top: 164px;
    }

    .b2b-page .b2b-hero-ref__card--plane {
        background:
            radial-gradient(circle at 5% 8%, rgba(214, 144, 124, 0.92) 0%, rgba(214, 144, 124, 0.46) 22%, rgba(214, 144, 124, 0) 48%),
            linear-gradient(112deg, #d7a291 0%, #d8cabd 51%, #a8b7c8 100%);
    }

    .b2b-page .b2b-hero-ref__plane-bg {
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center 62%;
        opacity: 0.42;
        mix-blend-mode: soft-light;
        filter: saturate(0.86) contrast(0.92);
    }

    .b2b-page .b2b-hero-ref__card img.b2b-hero-ref__plane-art {
        left: 50%;
        top: 28px;
        width: 130px;
        height: 120px;
        transform: translateX(-50%);
    }

    .b2b-page .b2b-hero-ref__plane-copy {
        top: 158px;
        left: 0;
        right: 0;
        width: auto;
        text-align: center;
    }

    .b2b-page .b2b-hero-ref__plane-copy strong {
        display: block;
        max-width: none;
        white-space: nowrap;
        font-size: 24px;
        line-height: 1.2;
    }

    .b2b-page .b2b-hero-ref__plane-copy span {
        display: block;
        max-width: 270px;
        margin: 8px auto 0;
        font-size: 18px;
        line-height: 1.25;
    }

    .b2b-page .b2b-hero-ref__progress-bg {
        left: -88px;
        top: 17px;
        width: 292px;
        height: 292px;
        object-fit: cover;
    }

    .b2b-page .b2b-hero-ref__progress-copy {
        top: 58px;
        left: 0;
        right: 0;
        width: 100%;
        text-align: center;
    }

    html[dir='ltr'] .b2b-page .b2b-hero-ref__progress-copy {
        left: 16px;
        right: auto;
        text-align: left;
    }

    .b2b-page .b2b-hero-ref__progress-copy strong {
        display: block;
        width: 100%;
        direction: ltr;
        text-align: center;
        font-size: 66px;
        line-height: .96;
    }

    .b2b-page .b2b-hero-ref__progress-copy span {
        display: block;
        margin-top: 22px;
        font-size: 25px;
        line-height: 1.12;
    }

    .b2b-page .b2b-hero-ref__progress-copy small {
        display: block;
        margin-top: 12px;
        font-size: 19px;
        line-height: 1.12;
    }

    .b2b-page .b2b-partners,
    .b2b-page .b2b-services,
    .b2b-page .b2b-rewards,
    .b2b-page .b2b-marketing-360,
    .b2b-page .b2b-footer {
        width: min(390px, 100vw);
        max-width: min(390px, 100vw);
        margin-inline: auto;
        overflow: hidden;
    }
}

@media (min-width: 480px) and (max-width: 991px) {
    .b2b-page .b2b-hero-ref__frame,
    .b2b-page .b2b-partners,
    .b2b-page .b2b-services,
    .b2b-page .b2b-rewards,
    .b2b-page .b2b-marketing-360,
    .b2b-page .b2b-footer {
        width: min(430px, calc(100vw - 24px));
        max-width: min(430px, calc(100vw - 24px));
    }

    .b2b-page .b2b-hero-ref__frame {
        min-height: 690px;
    }

    .b2b-page .b2b-hero-ref__cards {
        left: 34px;
        right: 34px;
        grid-template-rows: 218px 128px 128px;
    }
}

@keyframes b2b-mobile-clean-copy {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

@keyframes b2b-mobile-clean-card {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 991px) and (prefers-reduced-motion: reduce) {
    .b2b-page .b2b-hero-ref__copy,
    .b2b-page .b2b-hero-ref__card {
        animation: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .b2b-page .b2b-page__shell {
        padding-top: 16px;
    }

    .b2b-page .b2b-hero-ref__frame {
        width: min(calc(100vw - 32px), 963px);
        max-width: min(calc(100vw - 32px), 963px);
        min-height: 1280px;
        border-radius: 20px;
    }

    .b2b-page .b2b-hero-ref__backdrop {
        height: 560px;
        min-height: 560px;
    }

    .b2b-page .b2b-hero-ref__glow {
        width: 520px;
        height: 520px;
        filter: blur(90px);
    }

    .b2b-page .b2b-hero-ref__glow--left {
        left: -260px;
    }

    .b2b-page .b2b-hero-ref__glow--right {
        right: -240px;
    }

    .b2b-page .b2b-hero-ref__columns {
        grid-template-columns: repeat(10, 1fr);
    }

    .b2b-page .b2b-hero-ref__column:nth-child(n + 6) {
        display: block;
    }

    .b2b-page .b2b-hero-ref__column:nth-child(n + 11) {
        display: none;
    }

    .b2b-page .b2b-header-ref {
        padding: 18px 24px 0;
    }

    .b2b-page .b2b-header-ref__bar {
        min-height: 56px;
        padding: 0 18px;
        border-radius: 60px;
        background: rgba(255, 255, 255, 0.72);
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

    .b2b-page .b2b-header-ref__brand {
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .b2b-page .b2b-header-ref__brand img {
        width: 66px;
    }

    .b2b-page .b2b-header-ref__menu-toggle {
        width: 40px;
        height: 40px;
        background: rgba(255, 255, 255, 0.24);
    }

    .b2b-page .b2b-hero-ref__copy {
        top: 136px;
        width: min(720px, calc(100% - 72px));
    }

    .b2b-page .b2b-hero-ref__title,
    html[dir='rtl'] .b2b-page .b2b-hero-ref__title,
    .b2b-page .b2b-hero-ref__accent,
    html[dir='rtl'] .b2b-page .b2b-hero-ref__accent {
        font-size: clamp(34px, 5vw, 48px);
        line-height: 1.26;
    }

    .b2b-page .b2b-hero-ref__description,
    html[dir='rtl'] .b2b-page .b2b-hero-ref__description {
        width: min(680px, 100%);
        margin-top: 44px;
        font-size: clamp(18px, 2.55vw, 26px);
        line-height: 1.48;
    }

    .b2b-page .b2b-hero-ref__cards {
        top: 800px;
        left: 50%;
        right: auto;
        width: min(904px, calc(100vw - 92px));
        height: 504px;
        display: grid;
        grid-template-columns: repeat(4, 214px);
        grid-template-rows: repeat(2, 240px);
        grid-template-areas:
            "shield stats plane target"
            "progress stats marketing marketing";
        column-gap: 16px;
        row-gap: 16px;
        transform: translateX(-50%);
    }

    .b2b-page .b2b-hero-ref__card--shield,
    .b2b-page .b2b-hero-ref__card--target,
    .b2b-page .b2b-hero-ref__card--marketing {
        display: block;
    }

    .b2b-page .b2b-hero-ref__stats-bg {
        left: -47px;
        top: 0;
        width: 308px;
        height: 504px;
        object-position: center center;
    }

    .b2b-page .b2b-hero-ref__stats-title {
        top: 110px;
        left: 55px;
        transform: none;
    }

    .b2b-page .b2b-hero-ref__stats-title strong {
        font-size: 36px;
        line-height: 24px;
    }

    .b2b-page .b2b-hero-ref__stats-title span {
        margin-top: 17px;
        font-size: 20px;
        line-height: 20px;
    }

    .b2b-page .b2b-hero-ref__stats-kpi strong {
        font-size: 30px;
        line-height: 32px;
    }

    .b2b-page .b2b-hero-ref__stats-kpi span {
        margin-top: 7px;
        font-size: 12px;
        line-height: 1.2;
    }

    .b2b-page .b2b-hero-ref__stats-kpi--left {
        left: 31px;
        top: 356px;
    }

    .b2b-page .b2b-hero-ref__stats-kpi--right {
        right: 18px;
        top: 308px;
    }

    .b2b-page .b2b-hero-ref__card--shield img {
        width: 215px;
        height: 227px;
        left: -0.55px;
        top: 9px;
        transform: none;
        object-fit: cover;
    }

    .b2b-page .b2b-hero-ref__card img.b2b-hero-ref__plane-art {
        top: 24px;
        width: 120px;
        height: 110px;
    }

    .b2b-page .b2b-hero-ref__plane-copy {
        top: 142px;
        left: 16px;
        right: 16px;
    }

    .b2b-page .b2b-hero-ref__plane-copy strong {
        font-size: 21px;
    }

    .b2b-page .b2b-hero-ref__plane-copy span {
        font-size: 15px;
    }

    .b2b-page .b2b-hero-ref__target-art {
        left: -10px;
        top: -8px;
        width: 116%;
        height: auto;
    }

    .b2b-page .b2b-hero-ref__progress-bg {
        left: -84px;
        top: 24px;
        width: 280px;
        height: 280px;
    }

    .b2b-page .b2b-hero-ref__progress-copy {
        top: 54px;
        left: 40px;
        right: 20px;
        text-align: left;
    }

    .b2b-page .b2b-hero-ref__progress-copy strong {
        font-size: 58px;
        text-align: left;
    }

    .b2b-page .b2b-hero-ref__progress-copy span {
        font-size: 22px;
    }

    .b2b-page .b2b-hero-ref__progress-copy small {
        font-size: 16px;
    }

    .b2b-page .b2b-hero-ref__card--marketing {
        max-width: none;
    }
}
@media (max-width: 767px) {
    .b2b-page {
        background: #ffffff;
        overflow-x: hidden;
    }

    .b2b-page__shell {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    .b2b-page .b2b-hero-shell,
    .b2b-page .b2b-hero-ref {
        position: relative;
        width: 100%;
        min-height: 1453px;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    .b2b-page .b2b-hero-ref__frame {
        position: relative;
        width: min(390px, 100vw);
        min-height: 1453px;
        margin: 0 auto;
        padding: 0;
        overflow: visible;
        border-radius: 0;
        background: #ffffff;
        isolation: isolate;
    }

    .b2b-page .b2b-hero-ref__backdrop {
        position: absolute;
        top: 8px;
        left: 8px;
        right: auto;
        width: 374px;
        max-width: calc(100vw - 16px);
        height: 708px;
        min-height: 708px;
        margin: 0;
        overflow: hidden;
        border-radius: 20px;
        background: #c4c4c4;
        transform: none;
        isolation: isolate;
    }

    .b2b-page .b2b-hero-ref__backdrop::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 724px;
        border-radius: 20px;
        background: #e4e4e4;
        z-index: -2;
    }

    .b2b-page .b2b-hero-ref__backdrop::after {
        display: none;
    }

    .b2b-page .b2b-hero-ref__glow {
        position: absolute;
        top: -8px;
        width: 700px;
        height: 700px;
        border-radius: 999px;
        filter: blur(100px);
        opacity: 1;
        animation: none;
        z-index: -1;
    }

    .b2b-page .b2b-hero-ref__glow--left {
        left: -370px;
        background: #cbaca2;
    }

    .b2b-page .b2b-hero-ref__glow--right {
        left: 4px;
        right: auto;
        background: #9badba;
    }

    .b2b-page .b2b-hero-ref__columns {
        position: absolute;
        left: 0;
        top: 0;
        display: flex;
        width: 1411px;
        height: 740px;
        opacity: 1;
        direction: ltr;
        z-index: 0;
        pointer-events: none;
    }

    .b2b-page .b2b-hero-ref__column,
    .b2b-page .b2b-hero-ref__column:nth-child(n + 6),
    .b2b-page .b2b-hero-ref__column:nth-child(n + 11) {
        display: block;
        flex: 0 0 83px;
        width: 83px;
        height: 740px;
        background: linear-gradient(to left, #ffffff 0%, rgba(0, 0, 0, .5) 15.865%, rgba(255, 255, 255, 0) 100%);
        mix-blend-mode: overlay;
    }

    .b2b-page .b2b-header-ref {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 20;
        width: 390px;
        max-width: 100vw;
        height: 72px;
        padding: 16px;
        transform: none;
        animation: none;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .b2b-page .b2b-header-ref.is-hidden {
        opacity: 1;
        visibility: visible;
        transform: none;
        pointer-events: auto;
    }

    .b2b-page .b2b-header-ref__bar {
        position: relative;
        width: 100%;
        height: 40px;
        min-height: 40px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .b2b-page .b2b-header-ref__nav,
    .b2b-page .b2b-header-ref__actions {
        display: none;
    }

    .b2b-page .b2b-header-ref__brand {
        position: absolute;
        left: 50%;
        top: -2.5px;
        width: 76px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: translateX(-50%);
    }

    .b2b-page .b2b-header-ref__brand img {
        width: 76px;
        max-width: 76px;
        height: auto;
        display: block;
    }

    .b2b-page .b2b-header-ref__nav-side {
        position: absolute;
        top: 4px;
        transform: none;
        display: block;
    }

    html[dir='rtl'] .b2b-page .b2b-header-ref__nav-side,
    .b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__nav-side {
        right: 0;
        left: auto;
    }

    html[dir='ltr'] .b2b-page .b2b-header-ref__nav-side,
    .b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__nav-side {
        right: auto;
        left: 0;
    }

    .b2b-page .b2b-header-ref__menu-toggle {
        display: inline-flex;
        width: 32px;
        height: 32px;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 5px;
        padding: 0;
    }

    .b2b-page .b2b-header-ref__menu-toggle span {
        width: 19px;
        height: 2px;
        margin: 0;
        border-radius: 999px;
        background: #0c2340;
    }

    .b2b-page .b2b-hero-ref__copy {
        position: absolute;
        z-index: 5;
        top: 98px;
        left: 16px;
        width: 342px;
        max-width: calc(100vw - 32px);
        margin: 0;
        text-align: center;
        transform: none;
        animation: none;
    }

    .b2b-page .b2b-hero-ref__title,
    html[dir='rtl'] .b2b-page .b2b-hero-ref__title,
    .b2b-page .b2b-hero-ref__accent,
    html[dir='rtl'] .b2b-page .b2b-hero-ref__accent {
        margin: 0;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 32px;
        font-weight: 600;
        line-height: 1.22;
        letter-spacing: 0;
        text-align: center;
        white-space: normal;
        word-break: normal;
        overflow-wrap: normal;
    }

    .b2b-page .b2b-hero-ref__title,
    html[dir='rtl'] .b2b-page .b2b-hero-ref__title {
        width: 100%;
        max-width: 100%;
        color: #051c2e;
    }

    .b2b-page .b2b-hero-ref__accent,
    html[dir='rtl'] .b2b-page .b2b-hero-ref__accent {
        width: 100%;
        max-width: 100%;
        margin-top: 6px;
        color: #ef6b3b;
    }

    .b2b-page .b2b-hero-ref__description,
    html[dir='rtl'] .b2b-page .b2b-hero-ref__description {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        max-width: 332px;
        height: auto;
        margin: 16px auto 0;
        color: #0c2340;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.45;
        text-align: center;
        transform: none;
        direction: inherit;
        unicode-bidi: normal;
        white-space: normal;
        word-break: normal;
        overflow-wrap: break-word;
    }

    html[dir='ltr'] .b2b-page .b2b-hero-ref__title,
    html[dir='ltr'] .b2b-page .b2b-hero-ref__accent {
        font-size: 32px;
        line-height: 1.22;
        letter-spacing: 0;
    }

    html[dir='ltr'] .b2b-page .b2b-hero-ref__description {
        width: 100%;
        max-width: 332px;
        font-size: 16px;
        line-height: 1.45;
        text-align: center;
    }

    .b2b-page .b2b-hero-ref__cards {
        position: absolute;
        z-index: 6;
        top: 397px;
        left: 50%;
        right: auto;
        width: min(308px, calc(100vw - 28px));
        height: 1008px;
        margin: 0;
        padding: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: 496px 240px 240px;
        grid-template-areas: "stats" "plane" "progress";
        gap: 16px;
        transform: translateX(-50%);
    }

    .b2b-page .b2b-hero-ref__card {
        width: 100%;
        border-radius: 16px;
        overflow: hidden;
        animation: none;
        box-shadow: none;
    }

    .b2b-page .b2b-hero-ref__card--shield,
    .b2b-page .b2b-hero-ref__card--target,
    .b2b-page .b2b-hero-ref__card--marketing {
        display: none;
    }

    .b2b-page .b2b-hero-ref__card--stats {
        height: 496px;
        background: #000000;
    }

    .b2b-page .b2b-hero-ref__stats-bg {
        left: 0;
        top: 0;
        width: 100%;
        height: 496px;
        object-fit: cover;
        object-position: center center;
    }

    .b2b-page .b2b-hero-ref__stats-orb--top {
        left: 145px;
        top: -77px;
        width: 288px;
        height: 288px;
        display: block;
    }

    .b2b-page .b2b-hero-ref__stats-orb--side {
        left: -88px;
        top: 67px;
        width: 253px;
        height: 253px;
        display: block;
    }

    .b2b-page .b2b-hero-ref__stats-title {
        top: 92px;
        left: 50%;
        width: 150px;
        min-width: 0;
        transform: translateX(-50%);
        text-align: center;
    }

    .b2b-page .b2b-hero-ref__stats-title strong {
        font-family: 'Cairo', sans-serif;
        font-size: 42px;
        font-weight: 900;
        line-height: .95;
        color: #ffffff;
    }

    .b2b-page .b2b-hero-ref__stats-title span {
        margin-top: 8px;
        font-family: 'Cairo', sans-serif;
        font-size: 22px;
        font-weight: 600;
        line-height: 1.18;
        color: #c4c4c4;
        white-space: normal;
    }

    .b2b-page .b2b-hero-ref__stats-kpi strong {
        font-family: 'Cairo', sans-serif;
        font-size: 32px;
        font-weight: 900;
        line-height: .95;
        color: #ffffff;
    }

    .b2b-page .b2b-hero-ref__stats-kpi span {
        margin-top: 6px;
        font-family: 'Cairo', sans-serif;
        display: block;
        max-width: 92px;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.25;
        text-align: center;
        color: #ffffff;
        white-space: normal;
    }

    .b2b-page .b2b-hero-ref__stats-kpi--left {
        left: 34px;
        top: 274px;
        transform: none;
    }

    .b2b-page .b2b-hero-ref__stats-kpi--right {
        left: auto;
        right: 34px;
        top: 240px;
        transform: none;
    }

    .b2b-page .b2b-hero-ref__card--plane {
        height: 240px;
        background:
            radial-gradient(circle at 5% 8%, rgba(214, 144, 124, 0.92) 0%, rgba(214, 144, 124, 0.46) 22%, rgba(214, 144, 124, 0) 48%),
            linear-gradient(112deg, #d7a291 0%, #d8cabd 51%, #a8b7c8 100%);
    }

    .b2b-page .b2b-hero-ref__card--plane::after {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.03) 100%),
            radial-gradient(rgba(255, 255, 255, 0.18) 0.5px, rgba(255, 255, 255, 0) 0.5px),
            radial-gradient(rgba(12, 35, 64, 0.12) 0.5px, rgba(255, 255, 255, 0) 0.5px);
        background-size: auto, 2px 2px, 2px 2px;
        background-position: 0 0, 0 0, 1px 1px;
        opacity: 0.36;
    }

    .b2b-page .b2b-hero-ref__plane-bg {
        inset: 0;
        width: 100%;
        height: 240px;
        object-fit: cover;
        object-position: center 62%;
        opacity: 0.42;
        mix-blend-mode: soft-light;
        filter: saturate(0.86) contrast(0.92);
    }

    .b2b-page .b2b-hero-ref__card img.b2b-hero-ref__plane-art {
        left: 95px;
        top: 10px;
        width: 130px;
        height: 120px;
        object-fit: contain;
        transform: none;
    }

    .b2b-page .b2b-hero-ref__plane-copy {
        top: 114px;
        left: 12px;
        right: 12px;
        width: auto;
        text-align: center;
    }

    .b2b-page .b2b-hero-ref__plane-copy strong {
        display: block;
        font-family: 'Cairo', sans-serif;
        font-size: clamp(20px, 5.6vw, 24px);
        font-weight: 700;
        line-height: 1.2;
        color: #0f172a;
        text-align: center;
        text-transform: none;
        white-space: normal;
    }

    .b2b-page .b2b-hero-ref__plane-copy span {
        display: block;
        max-width: 272px;
        margin: 8px auto 0;
        font-family: 'Cairo', sans-serif;
        font-size: clamp(14px, 4.2vw, 18px);
        font-weight: 600;
        line-height: 1.28;
        color: #ffffff;
        text-align: center;
        text-transform: none;
    }

    html[dir='ltr'] .b2b-page .b2b-hero-ref__plane-copy {
        top: 110px;
        left: 16px;
        right: 16px;
        width: auto;
    }

    html[dir='ltr'] .b2b-page .b2b-hero-ref__plane-copy strong {
        font-size: clamp(18px, 4.8vw, 20px);
        line-height: 1.22;
        max-width: 244px;
    }

    html[dir='ltr'] .b2b-page .b2b-hero-ref__plane-copy span {
        margin-top: 8px;
        font-size: clamp(12px, 3.6vw, 14px);
        line-height: 1.3;
        max-width: 248px;
    }

    .b2b-page .b2b-hero-ref__card--progress {
        height: 240px;
        background: linear-gradient(231.935deg, #1d3b4f 38.475%, #4386b5 95.18%);
    }

    .b2b-page .b2b-hero-ref__progress-bg {
        left: -91px;
        top: 0;
        width: 301px;
        height: 301px;
        object-fit: cover;
        opacity: .6;
    }

    .b2b-page .b2b-hero-ref__progress-copy {
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 34px 20px 18px;
        text-align: center;
    }

    html[dir='ltr'] .b2b-page .b2b-hero-ref__progress-copy {
        left: 0;
        right: 0;
        text-align: center;
        align-items: center;
    }

    .b2b-page .b2b-hero-ref__progress-copy strong {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        width: auto;
        min-width: 0;
        display: block;
        direction: ltr;
        font-family: 'Cairo', sans-serif;
        font-size: 64px;
        font-weight: 700;
        line-height: .9;
        color: #fcfcfc;
        text-align: center;
        transform: none;
    }

    .b2b-page .b2b-hero-ref__progress-copy span {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        display: block;
        margin: 0;
        font-family: 'Cairo', sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2;
        color: #fcfcfc;
        text-align: center;
        max-width: 100%;
        white-space: normal;
    }

    .b2b-page .b2b-hero-ref__progress-copy small {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        display: block;
        margin: 0;
        font-family: 'Cairo', sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.2;
        color: #fcfcfc;
        text-align: center;
        max-width: 100%;
        white-space: normal;
    }
}

/* Transparent responsive header overrides */
.b2b-page .b2b-header-ref__bar {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.b2b-page .b2b-header-ref__contact {
    background: transparent !important;
    color: #0c2340;
    border: 1px solid rgba(12, 35, 64, 0.28);
    box-shadow: none !important;
}

.b2b-page .b2b-header-ref__contact:hover {
    border-color: rgba(12, 35, 64, 0.44);
}

@media (max-width: 767px) {
    .b2b-page .b2b-header-ref__menu-toggle,
    .b2b-page .b2b-header-ref.is-menu-open .b2b-header-ref__menu-toggle {
        background: #ffffff !important;
        border: 1px solid rgba(12, 35, 64, 0.12) !important;
        box-shadow: 0 8px 24px rgba(12, 35, 64, 0.12) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .b2b-page .b2b-header-ref__mobile-panel {
        background: #ffffff !important;
        border: 1px solid rgba(12, 35, 64, 0.1);
        box-shadow: 0 22px 54px rgba(12, 35, 64, 0.18) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .b2b-page .b2b-header-ref__mobile-link {
        background: #f7f9fb !important;
        color: #0c2340;
        border: 1px solid rgba(12, 35, 64, 0.08);
    }

    .b2b-page .b2b-header-ref__mobile-contact {
        background: #ef6b3b !important;
        color: #ffffff;
        border: 1px solid #ef6b3b;
    }
}

/* Partners section final responsive tuning */
.b2b-page .b2b-partners {
    width: min(1180px, calc(100% - 32px));
    margin: 156px auto 0;
}

.b2b-page .b2b-partners__grid {
    margin-top: 52px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 32px 24px;
}

.b2b-page .b2b-partners__logo {
    min-height: 46px;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .b2b-page .b2b-partners {
        width: min(1024px, calc(100vw - 32px));
        margin-top: 84px;
        padding-inline: clamp(16px, 4vw, 56px);
    }

    .b2b-page .b2b-partners__grid {
        margin-top: 36px;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 28px 20px;
    }

    .b2b-page .b2b-partners__logo img {
        max-height: 36px;
    }
}

@media (max-width: 991px) {
    .b2b-page .b2b-partners {
        width: min(390px, 100vw);
        max-width: min(390px, 100vw);
        margin-top: 64px;
        padding-inline: 12px;
    }

    .b2b-page .b2b-partners__grid {
        margin-top: 24px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px 12px;
    }

    .b2b-page .b2b-partners__logo {
        min-height: 34px;
        opacity: 0.82;
    }

    .b2b-page .b2b-partners__logo img {
        max-height: 30px;
    }
}

@media (min-width: 480px) and (max-width: 991px) {
    .b2b-page .b2b-partners {
        width: min(430px, calc(100vw - 24px));
        max-width: min(430px, calc(100vw - 24px));
        padding-inline: 16px;
    }

    .b2b-page .b2b-partners__grid {
        margin-top: 28px;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 20px 16px;
    }

    .b2b-page .b2b-partners__logo img {
        max-height: 32px;
    }
}

/* Partners section figma-aligned layout and motion */
.b2b-page .b2b-partners {
    --b2b-partners-ink: #08345f;
    --b2b-partners-marquee-gap: 16px;
    --b2b-partners-logo-slot: 112px;
    width: min(1224px, calc(100% - 48px));
    margin: 120px auto 0;
}

.b2b-page .b2b-partners .b2b-section-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.b2b-page .b2b-partners .b2b-section-heading__eyebrow {
    margin-bottom: 0;
    color: #ef6b3b;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
}

.b2b-page .b2b-partners .b2b-section-heading__title {
    margin: 0;
    color: var(--b2b-partners-ink);
    font-size: clamp(30px, 3vw, 36px);
    line-height: 1.3;
    font-weight: 600;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
}

.b2b-page .b2b-partners .b2b-section-heading__subtitle {
    margin: 0;
    max-width: 657px;
    color: var(--b2b-partners-ink);
    font-size: clamp(24px, 2.5vw, 30px);
    line-height: 1.28;
    font-weight: 300;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
}

.b2b-page .b2b-partners__lanes {
    margin-top: 48px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.b2b-page .b2b-partners__lane {
    position: relative;
    overflow: hidden;
    min-height: 74px;
    direction: ltr;
    unicode-bidi: isolate;
}

.b2b-page .b2b-partners__marquee {
    display: flex;
    width: max-content;
    direction: ltr;
    unicode-bidi: isolate;
    will-change: transform;
    animation: b2b-partners-marquee-left 24s linear infinite;
}

.b2b-page .b2b-partners__lane--b .b2b-partners__marquee {
    animation: b2b-partners-marquee-right 28s linear infinite;
}

.b2b-page .b2b-partners__group {
    display: flex;
    align-items: center;
    gap: var(--b2b-partners-marquee-gap);
    width: max-content;
    flex: 0 0 auto;
    direction: ltr;
    unicode-bidi: isolate;
    margin-inline-end: var(--b2b-partners-marquee-gap);
}

.b2b-page .b2b-partners__logo {
    flex: 0 0 var(--b2b-partners-logo-slot);
    min-height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    filter: none;
}

.b2b-page .b2b-partners__logo img {
    max-width: 100%;
    max-height: 56px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

@keyframes b2b-partners-marquee-left {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-50%, 0, 0);
    }
}

@keyframes b2b-partners-marquee-right {
    from {
        transform: translate3d(-50%, 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .b2b-page .b2b-partners {
        --b2b-partners-marquee-gap: 14px;
        --b2b-partners-logo-slot: 104px;
        width: min(1224px, calc(100vw - 48px));
        margin-top: 84px;
        padding-inline: 0;
    }

    .b2b-page .b2b-partners__lanes {
        margin-top: 36px;
        gap: 14px;
    }

    .b2b-page .b2b-partners__logo {
        min-height: 68px;
    }

    .b2b-page .b2b-partners__logo img {
        max-height: 52px;
    }
}

@media (max-width: 991px) {
    .b2b-page .b2b-partners {
        --b2b-partners-marquee-gap: 12px;
        --b2b-partners-logo-slot: 96px;
        width: min(430px, calc(100vw - 24px));
        max-width: min(430px, calc(100vw - 24px));
        margin-top: 64px;
        padding-inline: 0;
    }

    .b2b-page .b2b-partners .b2b-section-heading {
        gap: 6px;
    }

    .b2b-page .b2b-partners .b2b-section-heading__eyebrow {
        font-size: 20px;
    }

    .b2b-page .b2b-partners .b2b-section-heading__title {
        font-size: 26px;
    }

    .b2b-page .b2b-partners .b2b-section-heading__subtitle {
        font-size: 22px;
        line-height: 1.35;
    }

    .b2b-page .b2b-partners__lanes {
        margin-top: 24px;
        gap: 12px;
    }

    .b2b-page .b2b-partners__logo {
        min-height: 52px;
    }

    .b2b-page .b2b-partners__logo img {
        max-height: 38px;
    }
}

/* Services section v3 - exact three-state layout */
.b2b-page .b2b-services.b2b-services-v3 {
    width: min(1224px, calc(100% - 48px));
    margin: 96px auto 0;
    padding: 10px 14px 16px;
    border-radius: 30px;
    background: #030303;
}

.b2b-page .b2b-services.b2b-services-v3 .b2b-section-heading {
    text-align: center;
}

.b2b-page .b2b-services.b2b-services-v3 .b2b-section-heading__eyebrow {
    color: #ef6b3b;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 26px;
    font-weight: 600;
}

.b2b-page .b2b-services.b2b-services-v3 .b2b-section-heading__title {
    color: #082f49;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: clamp(34px, 4vw, 58px);
    line-height: 1.2;
    font-weight: 600;
}

.b2b-page .b2b-services.b2b-services-v3 .b2b-section-heading__subtitle {
    color: #082f49;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: clamp(24px, 2.4vw, 42px);
    line-height: 1.32;
    font-weight: 400;
}

.b2b-page .b2b-services-v3__tabs {
    margin-top: 28px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    align-items: end;
}

.b2b-page .b2b-services-v3__tab {
    border: 2px solid transparent;
    border-bottom: 0;
    background: transparent;
    color: #082f49;
    min-height: 78px;
    padding: 18px 18px 14px;
    border-radius: 24px 24px 0 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    cursor: pointer;
    transition: color 220ms ease, transform 220ms ease, border-color 220ms ease;
}

.b2b-page .b2b-services-v3__tab-label {
    color: inherit;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: clamp(26px, 2.35vw, 42px);
    font-weight: 600;
    line-height: 1.2;
}

.b2b-page .b2b-services-v3__tab-number {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: #e8f5ff;
    color: #0a5f93;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 31px;
    font-weight: 600;
    line-height: 1;
}

/* FINAL: Services Figma implementation (outside legacy media blocks) */
.b2b-page .b2b-services.b2b-services--figma {
    width: min(1224px, calc(100% - 20px));
    margin: 96px auto 0;
}

.b2b-page .b2b-services--figma .b2b-services__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 56px;
}

.b2b-page .b2b-services--figma .b2b-services__heading {
    width: min(1041px, 100%);
    padding-bottom: 20px;
    border-bottom: 2px solid #e8e8e8;
    text-align: center;
}

.b2b-page .b2b-services--figma .b2b-services__eyebrow { color: #ef6b3b; font: 600 24px/1.2 'IBM Plex Sans Arabic', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__title { margin: 10px 0 0; color: #0c2340; font: 600 36px/1.2 'IBM Plex Sans Arabic', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__subtitle { margin: 8px 0 0; color: #0c2340; font: 300 30px/1.2 'IBM Plex Sans Arabic', sans-serif; }

.b2b-page .b2b-services--figma .b2b-services__stage {
    width: 100%;
    height: 713px;
    position: relative;
}

.b2b-page .b2b-services--figma .b2b-services__tabs {
    position: absolute;
    inset-inline: 0;
    top: 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 3;
}

.b2b-page .b2b-services--figma .b2b-services__tab {
    border: 0;
    background: transparent;
    display: inline-flex;
    gap: 20px;
    align-items: center;
    color: #051c2e;
    cursor: pointer;
    transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.b2b-page .b2b-services--figma .b2b-services__tab-label { font: 600 24px/1.2 'IBM Plex Sans Arabic', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__tab-number { width: 40px; height: 40px; border-radius: 121px; background: #e8f4fd; color: #0b5285; display: inline-flex; align-items: center; justify-content: center; font: 600 20px/1 'IBM Plex Sans Arabic', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__tab.is-active { color: #ef6b3b; }
.b2b-page .b2b-services--figma .b2b-services__tab.is-active .b2b-services__tab-label { font-size: 30px; }
.b2b-page .b2b-services--figma .b2b-services__tab.is-active .b2b-services__tab-number { width: 48px; height: 48px; background: #fde7e0; color: #ef6b3b; }

.b2b-page .b2b-services--figma .b2b-services__panel {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(12px);
    transition: opacity 300ms cubic-bezier(0.42, 0, 0.58, 1), transform 300ms cubic-bezier(0.42, 0, 0.58, 1), visibility 0ms linear 300ms;
}

.b2b-page .b2b-services--figma .b2b-services__panel.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition: opacity 300ms cubic-bezier(0.42, 0, 0.58, 1), transform 300ms cubic-bezier(0.42, 0, 0.58, 1), visibility 0ms linear 0ms;
}

.b2b-page .b2b-services--figma .b2b-services__panel--loyalty .b2b-services__content-card { position: absolute; left: 20px; top: 137px; width: 605px; height: 240px; border-radius: 20px; background: #f0f4f6; padding: 40px 50px 0; }
.b2b-page .b2b-services--figma .b2b-services__panel--loyalty .b2b-services__content-card h3 { margin: 0; color: #0f172a; text-align: right; font: 600 36px/1.24 'IBM Plex Sans Arabic', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__panel--loyalty .b2b-services__content-card p { margin: 14px 0 0; width: 516px; color: #0f172a; text-align: right; font: 400 20px/1.45 'IBM Plex Sans Arabic', sans-serif; }

.b2b-page .b2b-services--figma .b2b-services__visual--loyalty-main { position: absolute; right: 20px; top: 137px; width: 559px; height: 436px; border-radius: 20px; overflow: hidden; background: #c4c4c4; }
.b2b-page .b2b-services--figma .b2b-services__visual img { width: 100%; height: 100%; object-fit: cover; display: block; }

.b2b-page .b2b-services--figma .b2b-services__mini-card--wallet { position: absolute; left: 20px; top: 399px; width: 288px; height: 288px; border-radius: 20px; overflow: hidden; }
.b2b-page .b2b-services--figma .b2b-services__mini-card--wallet figcaption { position: absolute; left: 24px; right: 24px; top: 179px; text-align: right; }
.b2b-page .b2b-services--figma .b2b-services__mini-card--wallet h4 { margin: 0; color: #fff; font: 700 24px/1.2 'STC Forward', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__mini-card--wallet p { margin: 8px 0 0; color: #fff; font: 500 20px/1.32 'STC Forward', sans-serif; }

.b2b-page .b2b-services--figma .b2b-services__mini-card--rewards { position: absolute; left: 331px; top: 399px; width: 288px; height: 288px; border-radius: 20px; background: linear-gradient(180deg, #e8e8e8 0%, #e37046 100%); padding: 22px 28px; }
.b2b-page .b2b-services--figma .b2b-services__mini-card--rewards h4 { margin: 0; text-align: right; color: #000; font: 500 24px/1.25 'STC Forward', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__mini-card--rewards p { margin: 12px 0 0; text-align: right; color: #000; font: 400 20px/1.32 'STC Forward', sans-serif; }

.b2b-page .b2b-services--figma .b2b-services__cta { min-height: 56px; border-radius: 8px; background: #ef6b3b; color: #fff; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font: 500 20px/1.2 'STC Forward', sans-serif; padding: 10px; }
.b2b-page .b2b-services--figma .b2b-services__cta--loyalty { position: absolute; right: 20px; top: 593px; width: 559px; border-radius: 20px; border: 1px solid #8dccf3; background: #fff; padding: 20px; }
.b2b-page .b2b-services--figma .b2b-services__cta--loyalty span:last-child { width: 516px; min-height: 56px; border-radius: 8px; background: #ef6b3b; display: inline-flex; align-items: center; justify-content: center; }
.b2b-page .b2b-services--figma .b2b-services__cta-arrow { width: 20px; height: 20px; position: relative; transform: rotate(180deg); }
.b2b-page .b2b-services--figma .b2b-services__cta-arrow::before { content: ''; position: absolute; left: 3px; top: 9px; width: 14px; border-top: 2px solid #fff; }
.b2b-page .b2b-services--figma .b2b-services__cta-arrow::after { content: ''; position: absolute; right: 3px; top: 5px; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); }

.b2b-page .b2b-services--figma .b2b-services__competitions-grid { position: absolute; left: 20px; right: 20px; top: 138px; bottom: 21px; display: grid; grid-template-columns: 334px 474px 320px; gap: 24px; align-items: end; }
.b2b-page .b2b-services--figma .b2b-services__visual--cup { width: 334px; height: 554px; border-radius: 16px; overflow: hidden; }
.b2b-page .b2b-services--figma .b2b-services__content-card--competitions { width: 474px; height: 554px; border-radius: 20px; background: #f0f4f6; padding: 20px; display: flex; flex-direction: column; align-items: center; gap: 28px; }
.b2b-page .b2b-services--figma .b2b-services__content-card--competitions h3 { margin: 0; color: #ef6b3b; text-align: center; font: 700 30px/1.3 'IBM Plex Sans Arabic', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__content-card--competitions > p { margin: 0; color: #0f172a; text-align: center; font: 400 20px/1.45 'IBM Plex Sans Arabic', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__list { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.b2b-page .b2b-services--figma .b2b-services__list li { display: inline-flex; align-items: center; gap: 18px; color: #0c2340; font: 500 20px/1.35 'IBM Plex Sans Arabic', sans-serif; }
html[dir='rtl'] .b2b-page .b2b-services--figma .b2b-services__list li { flex-direction: row-reverse; }
.b2b-page .b2b-services--figma .b2b-services__check { width: 24px; height: 24px; border-radius: 32px; background: #fff; position: relative; }
.b2b-page .b2b-services--figma .b2b-services__check::before { content: ''; position: absolute; left: 8px; top: 7px; width: 8px; height: 6px; border-right: 2px solid #0a6493; border-bottom: 2px solid #0a6493; transform: rotate(40deg); }
.b2b-page .b2b-services--figma .b2b-services__helper { color: #c2410c; font: 500 16px/1.35 'IBM Plex Sans Arabic', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__side-stack { height: 554px; display: flex; flex-direction: column; justify-content: space-between; }
.b2b-page .b2b-services--figma .b2b-services__visual--shield, .b2b-page .b2b-services--figma .b2b-services__promo-card { width: 320px; height: 255px; border-radius: 16px; overflow: hidden; }
.b2b-page .b2b-services--figma .b2b-services__visual--shield { background: rgba(49, 139, 187, 0.25); }
.b2b-page .b2b-services--figma .b2b-services__visual--shield img { width: 241px; height: 255px; margin: 0 auto; object-fit: contain; }
.b2b-page .b2b-services--figma .b2b-services__promo-card { position: relative; background: radial-gradient(circle at 1% 2%, #e37046 0%, #e28126 42%, #9ca3af 100%); padding-top: 128px; text-align: center; }
.b2b-page .b2b-services--figma .b2b-services__promo-card img { position: absolute; width: 130px; height: 120px; top: 12px; left: 105px; object-fit: contain; }
.b2b-page .b2b-services--figma .b2b-services__promo-card h4 { margin: 0; color: #0f172a; font: 700 24px/1.2 'Cairo', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__promo-card p { margin: 10px auto 0; width: 256px; color: #fff; font: 600 20px/1.35 'Cairo', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__content-card--competitions .b2b-services__cta { width: 384px; }

.b2b-page .b2b-services--figma .b2b-services__acq-visual { position: absolute; left: 20px; top: 137px; width: 320px; height: 436px; border-radius: 20px; overflow: hidden; }
.b2b-page .b2b-services--figma .b2b-services__acq-visual img { width: 100%; height: 100%; object-fit: cover; }
.b2b-page .b2b-services--figma .b2b-services__chip { position: absolute; padding: 6px 10px; border-radius: 40px; color: #000; font: 500 10px/1.2 'IBM Plex Sans Arabic', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__chip--lime { left: 16px; top: 30px; background: #c4f886; }
.b2b-page .b2b-services--figma .b2b-services__chip--violet { right: 10px; bottom: 16px; background: #bfb3f5; }
.b2b-page .b2b-services--figma .b2b-services__stats-card { position: absolute; left: 36px; bottom: 18px; width: 144px; padding: 12px; border-radius: 12px; background: #e28126; border: 1px solid #fff; }
.b2b-page .b2b-services--figma .b2b-services__stats-card p { margin: 0; color: #fff; font: 600 12px/1 'Roboto', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__stats-card strong { display: inline-block; margin-top: 6px; padding: 1px 6px; border-radius: 6px; background: #fff; color: #93390a; font: 700 7px/1 'Roboto', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__weeks { margin-top: 8px; display: flex; justify-content: space-between; color: #fff; font: 500 7px/1 'Roboto', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__mini-graph { position: absolute; right: -128px; top: 8px; width: 144px; height: 112px; padding: 10px; border-radius: 10px; background: #f0f4f6; border: 1px solid #34b9c9; }
.b2b-page .b2b-services--figma .b2b-services__mini-graph header { display: flex; justify-content: space-between; color: #0a2d50; font-family: 'Roboto', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__mini-graph header strong { font-size: 9px; }
.b2b-page .b2b-services--figma .b2b-services__mini-graph header span { font-size: 7px; }
.b2b-page .b2b-services--figma .b2b-services__bars { margin-top: 12px; height: 62px; display: grid; grid-template-columns: repeat(7, 1fr); align-items: end; gap: 6px; }
.b2b-page .b2b-services--figma .b2b-services__bars span { border-radius: 5px; background: #34b9c9; }
.b2b-page .b2b-services--figma .b2b-services__bars span:nth-child(1) { height: 30px; }
.b2b-page .b2b-services--figma .b2b-services__bars span:nth-child(2) { height: 34px; }
.b2b-page .b2b-services--figma .b2b-services__bars span:nth-child(3) { height: 38px; }
.b2b-page .b2b-services--figma .b2b-services__bars span:nth-child(4) { height: 26px; }
.b2b-page .b2b-services--figma .b2b-services__bars span:nth-child(5) { height: 36px; }
.b2b-page .b2b-services--figma .b2b-services__bars span:nth-child(6) { height: 31px; }
.b2b-page .b2b-services--figma .b2b-services__bars span:nth-child(7) { height: 42px; }
.b2b-page .b2b-services--figma .b2b-services__content-card--acquisition { position: absolute; right: 20px; top: 137px; width: 676px; border-radius: 20px; padding: 32px 36px; background: #f0f4f6; display: flex; flex-direction: column; gap: 24px; }
.b2b-page .b2b-services--figma .b2b-services__content-card--acquisition h3 { margin: 0; color: #0f172a; text-align: center; font: 600 30px/1.3 'IBM Plex Sans Arabic', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__content-card--acquisition > p { margin: 0; color: #0f172a; text-align: center; font: 400 20px/1.45 'IBM Plex Sans Arabic', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__content-card--acquisition h4 { margin: 0; color: #0f172a; text-align: center; font: 600 24px/1.3 'IBM Plex Sans Arabic', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__acq-footer { display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.b2b-page .b2b-services--figma .b2b-services__icons { display: flex; align-items: center; }
.b2b-page .b2b-services--figma .b2b-services__icon { width: 48px; height: 48px; border-radius: 60px; border: 1px solid #fff; margin-inline-start: -8px; display: inline-flex; align-items: center; justify-content: center; }
.b2b-page .b2b-services--figma .b2b-services__icon:first-child { margin-inline-start: 0; }
.b2b-page .b2b-services--figma .b2b-services__icon--metric { background: #34b9c9; color: #fff; font: 600 24px/1 'STC Forward', sans-serif; }
.b2b-page .b2b-services--figma .b2b-services__icon--gift { background: #0050b5; }
.b2b-page .b2b-services--figma .b2b-services__icon--ticket { background: #ddf9fc; }
.b2b-page .b2b-services--figma .b2b-services__icon--globe { background: #071829; }
.b2b-page .b2b-services--figma .b2b-services__content-card--acquisition .b2b-services__cta { width: 384px; }

.b2b-page .b2b-services--figma .b2b-services__chip,
.b2b-page .b2b-services--figma .b2b-services__mini-graph {
    animation: b2b-services-drift-final 2500ms cubic-bezier(0, 0, 0.58, 1) infinite alternate;
}

@keyframes b2b-services-drift-final {
    from { transform: translateX(0); }
    to { transform: translateX(8px); }
}

@media (max-width: 1199px) {
    .b2b-page .b2b-services--figma .b2b-services__stage { height: auto; }
    .b2b-page .b2b-services--figma .b2b-services__tabs,
    .b2b-page .b2b-services--figma .b2b-services__panel,
    .b2b-page .b2b-services--figma .b2b-services__panel--loyalty .b2b-services__content-card,
    .b2b-page .b2b-services--figma .b2b-services__visual--loyalty-main,
    .b2b-page .b2b-services--figma .b2b-services__mini-card--wallet,
    .b2b-page .b2b-services--figma .b2b-services__mini-card--rewards,
    .b2b-page .b2b-services--figma .b2b-services__cta--loyalty,
    .b2b-page .b2b-services--figma .b2b-services__acq-visual,
    .b2b-page .b2b-services--figma .b2b-services__content-card--acquisition,
    .b2b-page .b2b-services--figma .b2b-services__competitions-grid {
        position: relative;
        inset: auto;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        width: 100%;
        height: auto;
    }

    .b2b-page .b2b-services--figma .b2b-services__tabs {
        margin-bottom: 16px;
    }

    .b2b-page .b2b-services--figma .b2b-services__panel {
        display: grid;
        gap: 14px;
        transform: none;
    }

    .b2b-page .b2b-services--figma .b2b-services__competitions-grid {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .b2b-page .b2b-services--figma .b2b-services__tab,
    .b2b-page .b2b-services--figma .b2b-services__panel,
    .b2b-page .b2b-services--figma .b2b-services__chip,
    .b2b-page .b2b-services--figma .b2b-services__mini-graph {
        transition: none !important;
        animation: none !important;
    }
}

.b2b-page .b2b-services-v3__tab.is-active {
    background: #030303;
    border-color: #89d0ff;
    color: #ef6b3b;
    margin-bottom: -2px;
    z-index: 3;
}

.b2b-page .b2b-services-v3__tab.is-active .b2b-services-v3__tab-number {
    background: #ffe9de;
    color: #ef6b3b;
}

.b2b-page .b2b-services-v3__panes {
    margin-top: 0;
}

.b2b-page .b2b-services-v3__pane {
    border: 2px solid #89d0ff;
    border-radius: 24px;
    background: transparent;
    overflow: hidden;
}

.b2b-page .b2b-services-v3__panel {
    padding: 14px;
}

.b2b-page .b2b-services-v3__tile,
.b2b-page .b2b-services-v3__copy {
    border-radius: 18px;
    overflow: hidden;
}

.b2b-page .b2b-services-v3__tile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.b2b-page .b2b-services-v3__copy {
    background: #edf2f7;
    padding: 26px 28px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.b2b-page .b2b-services-v3__copy h3 {
    margin: 0;
    color: #0f2f4a;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: clamp(35px, 3.2vw, 54px);
    line-height: 1.3;
    font-weight: 600;
    text-align: center;
}

.b2b-page .b2b-services-v3__desc {
    margin: 0;
    color: #11314d;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: clamp(22px, 2.1vw, 36px);
    line-height: 1.45;
    font-weight: 400;
    text-align: center;
}

.b2b-page .b2b-services-v3__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 11px;
}

.b2b-page .b2b-services-v3__list li {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    gap: 10px;
    color: #08345f;
    text-align: start;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: clamp(24px, 1.9vw, 33px);
    line-height: 1.35;
    font-weight: 500;
}

html[dir='rtl'] .b2b-page .b2b-services-v3__list li {
    flex-direction: row-reverse;
    justify-content: flex-start;
    text-align: right;
}

.b2b-page .b2b-services-v3__check {
    width: 25px;
    height: 25px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid rgba(49, 139, 187, 0.28);
    position: relative;
    flex: 0 0 auto;
}

.b2b-page .b2b-services-v3__check::before {
    content: '';
    position: absolute;
    inset: 5px 7px 6px 6px;
    border-right: 2px solid #0c63a5;
    border-bottom: 2px solid #0c63a5;
    transform: rotate(40deg);
}

.b2b-page .b2b-services-v3__hint {
    margin: 2px 0 0;
    color: #ea6e41;
    text-align: center;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: clamp(18px, 1.6vw, 28px);
    line-height: 1.38;
    font-weight: 500;
}

.b2b-page .b2b-services-v3__copy h4 {
    margin: 0;
    color: #0f2f4a;
    text-align: center;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: clamp(26px, 2vw, 38px);
    line-height: 1.34;
    font-weight: 600;
}

.b2b-page .b2b-services-v3__cta {
    min-height: 70px;
    border-radius: 10px;
    padding: 12px 18px;
    background: #ef6b3b;
    color: #ffffff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: clamp(24px, 2vw, 34px);
    font-weight: 600;
    line-height: 1.2;
    transition: filter 180ms ease, transform 180ms ease;
}

.b2b-page .b2b-services-v3__cta:hover {
    filter: brightness(0.96);
    transform: translateY(-1px);
}

.b2b-page .b2b-services-v3__cta-arrow {
    width: 28px;
    height: 20px;
    position: relative;
    flex: 0 0 auto;
}

.b2b-page .b2b-services-v3__cta-arrow::before {
    content: '';
    position: absolute;
    inset: 9px 0 auto;
    height: 2px;
    background: #ffffff;
}

.b2b-page .b2b-services-v3__cta-arrow::after {
    content: '';
    position: absolute;
    top: 5px;
    right: 0;
    width: 9px;
    height: 9px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    transform: rotate(45deg);
}

html[dir='rtl'] .b2b-page .b2b-services-v3__cta-arrow::after {
    right: auto;
    left: 0;
    transform: rotate(-135deg);
}

.b2b-page .b2b-services-v3__panel--competitions {
    display: grid;
    direction: ltr;
    grid-template-columns: minmax(220px, 0.88fr) minmax(380px, 1.16fr) minmax(238px, 0.84fr);
    gap: 14px;
    align-items: stretch;
}

.b2b-page .b2b-services-v3__tile--trophy {
    min-height: 448px;
    background: #e3eaf3;
}

.b2b-page .b2b-services-v3__tile--trophy img {
    object-fit: contain;
    object-position: center bottom;
    background: #dfe8f2;
}

.b2b-page .b2b-services-v3__copy--competitions {
    justify-content: center;
}

.b2b-page .b2b-services-v3__copy--competitions h3 {
    color: #ef6b3b;
}

.b2b-page .b2b-services-v3__copy--competitions .b2b-services-v3__list li {
    justify-content: flex-start;
}

html[dir='rtl'] .b2b-page .b2b-services-v3__copy--competitions .b2b-services-v3__list li {
    justify-content: flex-end;
}

.b2b-page .b2b-services-v3__copy--competitions .b2b-services-v3__cta {
    margin-top: 4px;
}

.b2b-page .b2b-services-v3__stack {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 14px;
}

.b2b-page .b2b-services-v3__tile--shield {
    background: linear-gradient(155deg, #b5c4d4 0%, #e8edf5 66%, #91a3b8 100%);
    min-height: 216px;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.b2b-page .b2b-services-v3__tile--shield img {
    width: 82%;
    height: auto;
    object-fit: contain;
}

.b2b-page .b2b-services-v3__tile--pointer {
    min-height: 218px;
    position: relative;
    padding: 20px 14px 16px;
    background: linear-gradient(150deg, rgba(242, 204, 177, 0.95) 0%, rgba(173, 179, 194, 0.94) 100%);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.b2b-page .b2b-services-v3__tile--pointer::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url('/Website_icon/Website_img%20(1)/source/004ffdb865c2116f457d4deeffd35a31.jpg') center/cover no-repeat;
    opacity: 0.24;
}

.b2b-page .b2b-services-v3__tile--pointer img,
.b2b-page .b2b-services-v3__tile--pointer h4,
.b2b-page .b2b-services-v3__tile--pointer p {
    position: relative;
    z-index: 1;
}

.b2b-page .b2b-services-v3__tile--pointer img {
    width: 88px;
    height: 88px;
    object-fit: contain;
    margin-bottom: 10px;
}

.b2b-page .b2b-services-v3__tile--pointer h4 {
    margin: 0;
    color: #0f2f4a;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: clamp(22px, 1.8vw, 30px);
    line-height: 1.2;
    font-weight: 700;
}

.b2b-page .b2b-services-v3__tile--pointer p {
    margin: 8px 0 0;
    color: rgba(15, 47, 74, 0.82);
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: clamp(15px, 1.2vw, 21px);
    line-height: 1.42;
    font-weight: 500;
}

.b2b-page .b2b-services-v3__panel--acquisition {
    display: grid;
    direction: ltr;
    grid-template-columns: minmax(320px, 0.88fr) minmax(430px, 1.12fr);
    grid-template-areas:
        'visual copy'
        'footer footer';
    gap: 14px;
    align-items: stretch;
}

.b2b-page .b2b-services-v3__visual {
    grid-area: visual;
    position: relative;
    min-height: 430px;
    border-radius: 18px;
    overflow: hidden;
    background: #0a223c;
}

.b2b-page .b2b-services-v3__visual-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.96;
}

.b2b-page .b2b-services-v3__visual::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(7, 24, 41, 0.16) 0%, rgba(7, 24, 41, 0.42) 100%);
}

.b2b-page .b2b-services-v3__visual-percent {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: rgba(255, 255, 255, 0.78);
    font-family: 'STC Forward', sans-serif;
    font-size: clamp(130px, 13vw, 208px);
    line-height: 1;
    font-weight: 700;
}

.b2b-page .b2b-services-v3__chip {
    position: absolute;
    z-index: 2;
    padding: 8px 12px;
    border-radius: 999px;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    box-shadow: 0 10px 20px rgba(8, 47, 73, 0.22);
}

.b2b-page .b2b-services-v3__chip--lime {
    top: 96px;
    left: -8px;
    background: #cdf696;
    color: #0f2f4a;
    animation: b2b-services-v3-chip-a 2.8s ease-in-out infinite alternate;
}

.b2b-page .b2b-services-v3__chip--violet {
    right: 6px;
    bottom: 18px;
    background: #d4c7ff;
    color: #0f2f4a;
    animation: b2b-services-v3-chip-b 2.8s ease-in-out infinite alternate;
}

.b2b-page .b2b-services-v3__float {
    position: absolute;
    z-index: 2;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 16px 28px -18px rgba(6, 35, 58, 0.8);
}

.b2b-page .b2b-services-v3__float--top {
    top: 22px;
    left: 58%;
    width: 154px;
    height: 104px;
    background: #f4fbff;
    border: 1px solid rgba(150, 202, 238, 0.7);
    padding: 10px 12px;
    animation: b2b-services-v3-float-top 2.8s ease-in-out infinite alternate;
}

.b2b-page .b2b-services-v3__mini-chart {
    height: 100%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 6px;
    align-items: end;
}

.b2b-page .b2b-services-v3__mini-chart span {
    border-radius: 999px;
    background: linear-gradient(180deg, #32bcdf 0%, #258cb7 100%);
}

.b2b-page .b2b-services-v3__mini-chart span:nth-child(1) { height: 28%; }
.b2b-page .b2b-services-v3__mini-chart span:nth-child(2) { height: 55%; }
.b2b-page .b2b-services-v3__mini-chart span:nth-child(3) { height: 75%; }
.b2b-page .b2b-services-v3__mini-chart span:nth-child(4) { height: 44%; }
.b2b-page .b2b-services-v3__mini-chart span:nth-child(5) { height: 67%; }
.b2b-page .b2b-services-v3__mini-chart span:nth-child(6) { height: 34%; }

.b2b-page .b2b-services-v3__float--bottom {
    left: 16px;
    bottom: 18px;
    width: 146px;
    min-height: 86px;
    border: 1px solid rgba(255, 255, 255, 0.74);
    background: linear-gradient(140deg, #f0864b 0%, #d96429 100%);
    padding: 11px 12px;
    color: #ffffff;
    animation: b2b-services-v3-float-bottom 2.8s ease-in-out infinite alternate;
}

.b2b-page .b2b-services-v3__float--bottom p,
.b2b-page .b2b-services-v3__float--bottom strong {
    margin: 0;
    display: block;
    line-height: 1.2;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
}

.b2b-page .b2b-services-v3__float--bottom p {
    font-size: 12px;
    opacity: 0.92;
}

.b2b-page .b2b-services-v3__float--bottom strong {
    margin-top: 7px;
    font-size: 20px;
    font-weight: 700;
}

.b2b-page .b2b-services-v3__copy--acquisition {
    grid-area: copy;
    justify-content: center;
}

.b2b-page .b2b-services-v3__footer {
    grid-area: footer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.b2b-page .b2b-services-v3__orbs {
    display: flex;
    align-items: center;
}

.b2b-page .b2b-services-v3__orb {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-inline-start: -10px;
    box-shadow: 0 8px 20px -14px rgba(0, 0, 0, 0.6);
    overflow: hidden;
    position: relative;
}

.b2b-page .b2b-services-v3__orb:first-child {
    margin-inline-start: 0;
}

.b2b-page .b2b-services-v3__orb--metric {
    width: 58px;
    background: #30b6c7;
    color: #ffffff;
    font-family: 'STC Forward', sans-serif;
    font-size: 32px;
    font-weight: 600;
}

.b2b-page .b2b-services-v3__orb--gift {
    background: #0d6da2;
}

.b2b-page .b2b-services-v3__orb--gift::before {
    content: '';
    width: 16px;
    height: 12px;
    border: 2px solid #ffffff;
    border-radius: 3px;
}

.b2b-page .b2b-services-v3__orb--coupon {
    background: #6fcbdf;
}

.b2b-page .b2b-services-v3__orb--coupon::before {
    content: '';
    width: 16px;
    height: 16px;
    border: 2px solid #ffffff;
    border-radius: 4px;
    transform: rotate(45deg);
}

.b2b-page .b2b-services-v3__orb--globe {
    background: #0d2238;
}

.b2b-page .b2b-services-v3__orb--globe::before {
    content: '';
    width: 18px;
    height: 18px;
    border: 2px solid #ffffff;
    border-radius: 50%;
}

.b2b-page .b2b-services-v3__footer .b2b-services-v3__cta {
    flex: 1 1 auto;
}

.b2b-page .b2b-services-v3__panel--loyalty {
    display: grid;
    direction: ltr;
    grid-template-columns: minmax(390px, 1.06fr) minmax(350px, 0.94fr);
    grid-template-areas:
        'copy hero'
        'mini hero'
        '. cta';
    grid-template-rows: auto minmax(202px, auto) auto;
    gap: 14px;
    align-items: stretch;
}

.b2b-page .b2b-services-v3__copy--loyalty {
    grid-area: copy;
    justify-content: center;
}

.b2b-page .b2b-services-v3__tile--loyalty-hero {
    grid-area: hero;
    min-height: 438px;
    background: #e6ebf2;
}

.b2b-page .b2b-services-v3__loyalty-mini {
    grid-area: mini;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.b2b-page .b2b-services-v3__tile--wallet {
    position: relative;
    min-height: 202px;
    background: linear-gradient(152deg, #5d6979 0%, #10151e 52%, #ea6b32 100%);
}

.b2b-page .b2b-services-v3__tile--wallet::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(7, 24, 41, 0.05) 0%, rgba(7, 24, 41, 0.42) 100%);
}

.b2b-page .b2b-services-v3__tile--wallet img {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 78%;
    height: 58%;
    object-fit: contain;
    transform: translateX(-50%);
    opacity: 0.8;
}

.b2b-page .b2b-services-v3__tile--wallet figcaption {
    position: absolute;
    z-index: 1;
    inset: auto 14px 14px;
    text-align: center;
}

.b2b-page .b2b-services-v3__tile--wallet h4,
.b2b-page .b2b-services-v3__tile--wallet p {
    margin: 0;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
}

.b2b-page .b2b-services-v3__tile--wallet h4 {
    color: #ffffff;
    font-size: clamp(22px, 1.8vw, 30px);
    line-height: 1.2;
    font-weight: 700;
}

.b2b-page .b2b-services-v3__tile--wallet p {
    margin-top: 8px;
    color: rgba(255, 255, 255, 0.9);
    font-size: clamp(16px, 1.3vw, 22px);
    line-height: 1.4;
    font-weight: 500;
}

.b2b-page .b2b-services-v3__tile--rewards {
    position: relative;
    min-height: 202px;
    padding: 18px 14px 14px;
    background: linear-gradient(160deg, #e9d6d0 0%, #d89a8c 52%, #bb7c72 100%);
    text-align: center;
}

.b2b-page .b2b-services-v3__tile--rewards h4,
.b2b-page .b2b-services-v3__tile--rewards p {
    margin: 0;
    color: #1f2735;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
}

.b2b-page .b2b-services-v3__tile--rewards h4 {
    font-size: clamp(24px, 1.9vw, 32px);
    line-height: 1.22;
    font-weight: 700;
}

.b2b-page .b2b-services-v3__tile--rewards p {
    margin-top: 8px;
    font-size: clamp(16px, 1.3vw, 22px);
    line-height: 1.4;
    font-weight: 500;
}

.b2b-page .b2b-services-v3__rings {
    position: absolute;
    left: 50%;
    bottom: 14px;
    width: 118px;
    height: 76px;
    border-radius: 110px 110px 0 0;
    border: 7px solid rgba(255, 255, 255, 0.5);
    border-bottom: 0;
    transform: translateX(-50%);
}

.b2b-page .b2b-services-v3__rings::before,
.b2b-page .b2b-services-v3__rings::after {
    content: '';
    position: absolute;
    border-radius: 100px 100px 0 0;
    border-bottom: 0;
}

.b2b-page .b2b-services-v3__rings::before {
    inset: 10px 12px 0;
    border: 7px solid rgba(255, 255, 255, 0.42);
}

.b2b-page .b2b-services-v3__rings::after {
    inset: 22px 24px 0;
    border: 7px solid rgba(239, 107, 59, 0.54);
}

.b2b-page .b2b-services-v3__cta--loyalty {
    grid-area: cta;
    width: 100%;
}

@keyframes b2b-services-v3-chip-a {
    from { transform: translateY(0); }
    to { transform: translateY(-5px); }
}

@keyframes b2b-services-v3-chip-b {
    from { transform: translateY(0); }
    to { transform: translateY(5px); }
}

@keyframes b2b-services-v3-float-top {
    from { transform: translate3d(8px, 0, 0); }
    to { transform: translate3d(-8px, -4px, 0); }
}

@keyframes b2b-services-v3-float-bottom {
    from { transform: translate3d(-5px, 0, 0); }
    to { transform: translate3d(6px, -3px, 0); }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .b2b-page .b2b-services.b2b-services-v3 {
        width: min(980px, calc(100vw - 20px));
    }

    .b2b-page .b2b-services-v3__panel--competitions {
        grid-template-columns: minmax(190px, 0.85fr) minmax(330px, 1.14fr) minmax(218px, 0.82fr);
    }

    .b2b-page .b2b-services-v3__panel--acquisition {
        grid-template-columns: minmax(292px, 0.86fr) minmax(370px, 1.14fr);
    }

    .b2b-page .b2b-services-v3__panel--loyalty {
        grid-template-columns: minmax(340px, 1.03fr) minmax(320px, 0.97fr);
    }

    .b2b-page .b2b-services-v3__tile--loyalty-hero,
    .b2b-page .b2b-services-v3__tile--trophy {
        min-height: 398px;
    }
}

@media (max-width: 991px) {
    .b2b-page .b2b-services.b2b-services-v3 {
        width: min(430px, calc(100vw - 10px));
        margin-top: 66px;
        border-radius: 22px;
        padding: 12px 8px;
    }

    .b2b-page .b2b-services-v3__tabs {
        grid-template-columns: 1fr;
        gap: 8px;
        margin-top: 18px;
    }

    .b2b-page .b2b-services-v3__tab {
        border: 1px solid rgba(137, 208, 255, 0.65);
        border-bottom: 1px solid rgba(137, 208, 255, 0.65);
        border-radius: 14px;
        min-height: 52px;
        margin-bottom: 0;
        padding: 10px 12px;
    }

    .b2b-page .b2b-services-v3__tab.is-active {
        margin-bottom: 0;
        border-bottom: 1px solid rgba(137, 208, 255, 0.65);
        background: rgba(255, 255, 255, 0.02);
    }

    .b2b-page .b2b-services-v3__tab-number {
        width: 30px;
        height: 30px;
        font-size: 18px;
    }

    .b2b-page .b2b-services-v3__pane {
        border-radius: 16px;
    }

    .b2b-page .b2b-services-v3__panel,
    .b2b-page .b2b-services-v3__panel--competitions,
    .b2b-page .b2b-services-v3__panel--acquisition,
    .b2b-page .b2b-services-v3__panel--loyalty {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas: none;
        grid-template-rows: auto;
        gap: 10px;
        direction: ltr;
        padding: 10px;
    }

    .b2b-page .b2b-services-v3__stack,
    .b2b-page .b2b-services-v3__loyalty-mini {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 10px;
    }

    .b2b-page .b2b-services-v3__copy {
        padding: 16px 14px;
        gap: 11px;
    }

    .b2b-page .b2b-services-v3__copy h3 {
        font-size: 28px;
    }

    .b2b-page .b2b-services-v3__desc,
    .b2b-page .b2b-services-v3__list li,
    .b2b-page .b2b-services-v3__hint,
    .b2b-page .b2b-services-v3__copy h4,
    .b2b-page .b2b-services-v3__cta {
        font-size: 18px;
    }

    .b2b-page .b2b-services-v3__tile--trophy,
    .b2b-page .b2b-services-v3__tile--loyalty-hero,
    .b2b-page .b2b-services-v3__visual {
        min-height: 270px;
    }

    .b2b-page .b2b-services-v3__visual-percent {
        font-size: 120px;
    }

    .b2b-page .b2b-services-v3__float--top {
        left: auto;
        right: 10px;
        width: 116px;
        height: 78px;
    }

    .b2b-page .b2b-services-v3__float--bottom {
        width: 118px;
        left: 10px;
        bottom: 10px;
    }

    .b2b-page .b2b-services-v3__footer {
        flex-direction: column;
        align-items: stretch;
    }

    .b2b-page .b2b-services-v3__orbs {
        justify-content: center;
    }

    .b2b-page .b2b-services-v3__cta {
        width: 100%;
        min-height: 50px;
    }

    .b2b-page .b2b-services-v3__tile--pointer img {
        width: 64px;
        height: 64px;
    }

    .b2b-page .b2b-services-v3__rings {
        width: 94px;
        height: 58px;
        border-width: 6px;
    }
}

/* Services v3 precision overrides for 430px reference composition */
@media (min-width: 360px) and (max-width: 991px) {
    .b2b-page .b2b-services.b2b-services-v3 {
        width: min(430px, calc(100vw - 12px));
        margin-top: 52px;
        padding: 0;
        border-radius: 0;
        background: transparent;
    }

    .b2b-page .b2b-services.b2b-services-v3 .b2b-section-heading {
        padding-inline: 8px;
    }

    .b2b-page .b2b-services.b2b-services-v3 .b2b-section-heading__eyebrow {
        font-size: 9px;
        line-height: 1.1;
    }

    .b2b-page .b2b-services.b2b-services-v3 .b2b-section-heading__title {
        margin-top: 6px;
        font-size: 28px;
        line-height: 1.16;
    }

    .b2b-page .b2b-services.b2b-services-v3 .b2b-section-heading__subtitle {
        margin-top: 6px;
        font-size: 11px;
        line-height: 1.45;
    }

    .b2b-page .b2b-services-v3__tabs {
        margin-top: 10px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
        align-items: end;
    }

    .b2b-page .b2b-services-v3__tab {
        min-height: 38px;
        border: 1.2px solid transparent;
        border-bottom: 0;
        border-radius: 10px 10px 0 0;
        padding: 6px 6px 5px;
        gap: 6px;
    }

    .b2b-page .b2b-services-v3__tab-label {
        font-size: 11px;
        line-height: 1.2;
        white-space: nowrap;
    }

    .b2b-page .b2b-services-v3__tab-number {
        width: 22px;
        height: 22px;
        font-size: 11px;
        font-weight: 700;
    }

    .b2b-page .b2b-services-v3__tab.is-active {
        background: #ffffff;
        border-color: #cde4f8;
        margin-bottom: -1px;
    }

    .b2b-page .b2b-services-v3__pane {
        border: 1.2px solid #cde4f8;
        border-radius: 10px;
        background: #ffffff;
    }

    .b2b-page .b2b-services-v3__panel {
        padding: 4px;
        gap: 4px;
    }

    .b2b-page .b2b-services-v3__tile,
    .b2b-page .b2b-services-v3__copy {
        border-radius: 8px;
    }

    .b2b-page .b2b-services-v3__copy {
        padding: 10px 10px 8px;
        gap: 6px;
    }

    .b2b-page .b2b-services-v3__copy h3 {
        font-size: 14px;
        line-height: 1.35;
    }

    .b2b-page .b2b-services-v3__desc {
        font-size: 10px;
        line-height: 1.45;
    }

    .b2b-page .b2b-services-v3__list {
        gap: 3px;
    }

    .b2b-page .b2b-services-v3__list li {
        font-size: 10px;
        line-height: 1.35;
        gap: 6px;
    }

    .b2b-page .b2b-services-v3__check {
        width: 12px;
        height: 12px;
    }

    .b2b-page .b2b-services-v3__check::before {
        inset: 2px 3px 3px 3px;
        border-right-width: 1px;
        border-bottom-width: 1px;
    }

    .b2b-page .b2b-services-v3__hint {
        font-size: 8px;
        line-height: 1.45;
    }

    .b2b-page .b2b-services-v3__copy h4 {
        font-size: 11px;
        line-height: 1.3;
    }

    .b2b-page .b2b-services-v3__cta {
        min-height: 30px;
        border-radius: 6px;
        padding: 6px 10px;
        gap: 6px;
        font-size: 11px;
        font-weight: 600;
    }

    .b2b-page .b2b-services-v3__cta-arrow {
        width: 14px;
        height: 11px;
    }

    .b2b-page .b2b-services-v3__cta-arrow::before {
        inset: 5px 0 auto;
        height: 1.5px;
    }

    .b2b-page .b2b-services-v3__cta-arrow::after {
        top: 2px;
        width: 6px;
        height: 6px;
        border-top-width: 1.5px;
        border-right-width: 1.5px;
    }

    .b2b-page .b2b-services-v3__panel--competitions {
        grid-template-columns: 122px minmax(0, 1fr) 95px;
        gap: 4px;
        align-items: stretch;
    }

    .b2b-page .b2b-services-v3__tile--trophy {
        min-height: 182px;
    }

    .b2b-page .b2b-services-v3__stack {
        grid-template-rows: 1fr 1fr;
        gap: 4px;
    }

    .b2b-page .b2b-services-v3__tile--shield {
        min-height: 88px;
        padding: 8px;
    }

    .b2b-page .b2b-services-v3__tile--pointer {
        min-height: 90px;
        padding: 8px 6px;
    }

    .b2b-page .b2b-services-v3__tile--pointer img {
        width: 28px;
        height: 28px;
        margin-bottom: 4px;
    }

    .b2b-page .b2b-services-v3__tile--pointer h4 {
        font-size: 7px;
        line-height: 1.25;
    }

    .b2b-page .b2b-services-v3__tile--pointer p {
        margin-top: 3px;
        font-size: 6px;
        line-height: 1.3;
    }

    .b2b-page .b2b-services-v3__panel--acquisition {
        grid-template-columns: 132px minmax(0, 1fr);
        grid-template-areas:
            'visual copy'
            'footer footer';
        gap: 4px;
    }

    .b2b-page .b2b-services-v3__visual {
        min-height: 180px;
    }

    .b2b-page .b2b-services-v3__visual-percent {
        font-size: 76px;
    }

    .b2b-page .b2b-services-v3__chip {
        padding: 3px 6px;
        font-size: 7px;
    }

    .b2b-page .b2b-services-v3__chip--lime {
        top: 38px;
        left: -4px;
    }

    .b2b-page .b2b-services-v3__chip--violet {
        right: 4px;
        bottom: 8px;
    }

    .b2b-page .b2b-services-v3__float--top {
        top: 8px;
        left: 62%;
        width: 68px;
        height: 46px;
        border-radius: 8px;
        padding: 4px;
    }

    .b2b-page .b2b-services-v3__mini-chart {
        gap: 3px;
    }

    .b2b-page .b2b-services-v3__float--bottom {
        left: 6px;
        bottom: 6px;
        width: 66px;
        min-height: 42px;
        border-radius: 8px;
        padding: 4px;
    }

    .b2b-page .b2b-services-v3__float--bottom p {
        font-size: 6px;
    }

    .b2b-page .b2b-services-v3__float--bottom strong {
        margin-top: 2px;
        font-size: 9px;
    }

    .b2b-page .b2b-services-v3__footer {
        flex-direction: row;
        align-items: center;
        gap: 6px;
    }

    .b2b-page .b2b-services-v3__orbs {
        justify-content: flex-start;
    }

    .b2b-page .b2b-services-v3__orb {
        width: 18px;
        height: 18px;
        margin-inline-start: -4px;
    }

    .b2b-page .b2b-services-v3__orb--metric {
        width: 26px;
        font-size: 7px;
    }

    .b2b-page .b2b-services-v3__orb--gift::before {
        width: 7px;
        height: 5px;
        border-width: 1px;
    }

    .b2b-page .b2b-services-v3__orb--coupon::before {
        width: 7px;
        height: 7px;
        border-width: 1px;
    }

    .b2b-page .b2b-services-v3__orb--globe::before {
        width: 8px;
        height: 8px;
        border-width: 1px;
    }

    .b2b-page .b2b-services-v3__panel--loyalty {
        grid-template-columns: minmax(0, 1fr) 160px;
        grid-template-areas:
            'copy hero'
            'mini hero'
            '. cta';
        grid-template-rows: auto 88px auto;
        gap: 4px;
    }

    .b2b-page .b2b-services-v3__tile--loyalty-hero {
        min-height: 182px;
    }

    .b2b-page .b2b-services-v3__loyalty-mini {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
    }

    .b2b-page .b2b-services-v3__tile--wallet,
    .b2b-page .b2b-services-v3__tile--rewards {
        min-height: 88px;
        padding: 8px 6px;
    }

    .b2b-page .b2b-services-v3__tile--wallet img {
        top: 2px;
        width: 78%;
        height: 46%;
    }

    .b2b-page .b2b-services-v3__tile--wallet figcaption {
        inset: auto 6px 6px;
    }

    .b2b-page .b2b-services-v3__tile--wallet h4,
    .b2b-page .b2b-services-v3__tile--rewards h4 {
        font-size: 10px;
    }

    .b2b-page .b2b-services-v3__tile--wallet p,
    .b2b-page .b2b-services-v3__tile--rewards p {
        margin-top: 3px;
        font-size: 8px;
    }

    .b2b-page .b2b-services-v3__rings {
        width: 42px;
        height: 24px;
        bottom: 6px;
        border-width: 3px;
    }

    .b2b-page .b2b-services-v3__rings::before {
        inset: 4px 5px 0;
        border-width: 3px;
    }

    .b2b-page .b2b-services-v3__rings::after {
        inset: 9px 10px 0;
        border-width: 3px;
    }

    /* Services component - Figma states (single component with 3 tabs) */
    .b2b-page .b2b-services.b2b-services--figma {
        width: min(1224px, calc(100% - 20px));
        margin: 96px auto 0;
    }

    .b2b-page .b2b-services--figma .b2b-services__container {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 56px;
    }

    .b2b-page .b2b-services--figma .b2b-services__heading {
        width: min(1041px, 100%);
        padding-bottom: 20px;
        border-bottom: 2px solid #e8e8e8;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
        text-align: center;
    }

    .b2b-page .b2b-services--figma .b2b-services__eyebrow {
        color: #ef6b3b;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 24px;
        font-weight: 600;
        line-height: 1.2;
    }

    .b2b-page .b2b-services--figma .b2b-services__title {
        margin: 0;
        color: #0c2340;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 36px;
        font-weight: 600;
        line-height: 1.2;
    }

    .b2b-page .b2b-services--figma .b2b-services__subtitle {
        margin: 0;
        color: #0c2340;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 30px;
        font-weight: 300;
        line-height: 1.2;
    }

    .b2b-page .b2b-services--figma .b2b-services__stage {
        width: 100%;
        height: 713px;
        position: relative;
        overflow: visible;
    }

    .b2b-page .b2b-services--figma .b2b-services__tabs {
        position: absolute;
        inset-inline: 0;
        top: 28px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        z-index: 4;
    }

    .b2b-page .b2b-services--figma .b2b-services__tab {
        border: 0;
        background: transparent;
        display: inline-flex;
        align-items: center;
        gap: 20px;
        cursor: pointer;
        color: #051c2e;
        transition: color 300ms cubic-bezier(0.42, 0, 0.58, 1), transform 300ms cubic-bezier(0.42, 0, 0.58, 1);
    }

    .b2b-page .b2b-services--figma .b2b-services__tab:hover:not(.is-active) {
        transform: translateY(-1px);
    }

    .b2b-page .b2b-services--figma .b2b-services__tab-label {
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 24px;
        font-weight: 600;
        line-height: 1.2;
    }

    .b2b-page .b2b-services--figma .b2b-services__tab-number {
        width: 40px;
        height: 40px;
        border-radius: 121px;
        background: #e8f4fd;
        color: #0b5285;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 20px;
        font-weight: 600;
        line-height: 1;
        transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    }

    .b2b-page .b2b-services--figma .b2b-services__tab.is-active {
        color: #ef6b3b;
    }

    .b2b-page .b2b-services--figma .b2b-services__tab.is-active .b2b-services__tab-label {
        font-size: 30px;
    }

    .b2b-page .b2b-services--figma .b2b-services__tab.is-active .b2b-services__tab-number {
        width: 48px;
        height: 48px;
        background: #fde7e0;
        color: #ef6b3b;
    }

    .b2b-page .b2b-services--figma .b2b-services__panel {
        position: absolute;
        inset: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(12px);
        transition: opacity 300ms cubic-bezier(0.42, 0, 0.58, 1),
            transform 300ms cubic-bezier(0.42, 0, 0.58, 1),
            visibility 0ms linear 300ms;
    }

    .b2b-page .b2b-services--figma .b2b-services__panel.is-active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
        transition: opacity 300ms cubic-bezier(0.42, 0, 0.58, 1),
            transform 300ms cubic-bezier(0.42, 0, 0.58, 1),
            visibility 0ms linear 0ms;
    }

    .b2b-page .b2b-services--figma .b2b-services__content-card,
    .b2b-page .b2b-services--figma .b2b-services__visual,
    .b2b-page .b2b-services--figma .b2b-services__mini-card,
    .b2b-page .b2b-services--figma .b2b-services__promo-card,
    .b2b-page .b2b-services--figma .b2b-services__cta {
        animation: b2b-services-reveal 450ms cubic-bezier(0.42, 0, 0.58, 1) both;
    }

    .b2b-page .b2b-services--figma .b2b-services__panel--loyalty .b2b-services__content-card {
        position: absolute;
        left: 20px;
        top: 137px;
        width: 605px;
        height: 240px;
        padding: 40px 50px 0;
        background: #f0f4f6;
        border-radius: 20px;
    }

    .b2b-page .b2b-services--figma .b2b-services__panel--loyalty .b2b-services__content-card h3 {
        margin: 0;
        color: #0f172a;
        text-align: right;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 36px;
        font-weight: 600;
        line-height: 1.24;
    }

    .b2b-page .b2b-services--figma .b2b-services__panel--loyalty .b2b-services__content-card p {
        width: 516px;
        margin: 14px 0 0;
        color: #0f172a;
        text-align: right;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 30px;
        font-weight: 400;
        line-height: 1.32;
    }

    .b2b-page .b2b-services--figma .b2b-services__visual--loyalty-main {
        position: absolute;
        right: 20px;
        top: 137px;
        width: 559px;
        height: 436px;
        border-radius: 20px;
        overflow: hidden;
        background: #c4c4c4;
    }

    .b2b-page .b2b-services--figma .b2b-services__visual img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .b2b-page .b2b-services--figma .b2b-services__mini-card--wallet {
        position: absolute;
        left: 20px;
        top: 399px;
        width: 288px;
        height: 288px;
        border-radius: 20px;
        overflow: hidden;
        background: #000;
    }

    .b2b-page .b2b-services--figma .b2b-services__mini-card--wallet figcaption {
        position: absolute;
        left: 24px;
        right: 24px;
        top: 179px;
        text-align: right;
        z-index: 2;
    }

    .b2b-page .b2b-services--figma .b2b-services__mini-card--wallet h4 {
        margin: 0;
        color: #fff;
        font-family: 'STC Forward', sans-serif;
        font-size: 24px;
        font-weight: 700;
    }

    .b2b-page .b2b-services--figma .b2b-services__mini-card--wallet p {
        margin: 8px 0 0;
        color: #fff;
        font-family: 'STC Forward', sans-serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 1.32;
    }

    .b2b-page .b2b-services--figma .b2b-services__mini-card--rewards {
        position: absolute;
        left: 331px;
        top: 399px;
        width: 288px;
        height: 288px;
        border-radius: 20px;
        padding: 22px 28px;
        background: linear-gradient(180deg, #e8e8e8 0%, #e37046 100%);
    }

    .b2b-page .b2b-services--figma .b2b-services__mini-card--rewards h4 {
        margin: 0;
        color: #000;
        text-align: right;
        font-family: 'STC Forward', sans-serif;
        font-size: 24px;
        font-weight: 500;
    }

    .b2b-page .b2b-services--figma .b2b-services__mini-card--rewards p {
        margin: 12px 0 0;
        color: #000;
        text-align: right;
        font-family: 'STC Forward', sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.32;
    }

    .b2b-page .b2b-services--figma .b2b-services__rings {
        position: absolute;
        left: 88px;
        bottom: 26px;
        width: 112px;
        height: 64px;
        border-radius: 90px 90px 0 0;
        border: 6px solid rgba(255, 255, 255, 0.5);
        border-bottom: 0;
    }

    .b2b-page .b2b-services--figma .b2b-services__rings::before,
    .b2b-page .b2b-services--figma .b2b-services__rings::after {
        content: '';
        position: absolute;
        border-radius: 70px 70px 0 0;
        border-bottom: 0;
    }

    .b2b-page .b2b-services--figma .b2b-services__rings::before {
        inset: 9px 12px 0;
        border: 6px solid rgba(255, 255, 255, 0.4);
    }

    .b2b-page .b2b-services--figma .b2b-services__rings::after {
        inset: 20px 24px 0;
        border: 6px solid rgba(227, 112, 70, 0.7);
    }

    .b2b-page .b2b-services--figma .b2b-services__cta {
        min-height: 56px;
        padding: 10px;
        border-radius: 8px;
        text-decoration: none;
        background: #ef6b3b;
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        font-family: 'STC Forward', sans-serif;
        font-size: 20px;
        font-weight: 500;
    }

    .b2b-page .b2b-services--figma .b2b-services__cta--loyalty {
        position: absolute;
        right: 20px;
        top: 593px;
        width: 559px;
        padding: 20px;
        border-radius: 20px;
        background: #fff;
        border: 1px solid #8dccf3;
    }

    .b2b-page .b2b-services--figma .b2b-services__cta--loyalty span:last-child {
        width: 516px;
        min-height: 56px;
        border-radius: 8px;
        background: #ef6b3b;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .b2b-page .b2b-services--figma .b2b-services__cta-arrow {
        width: 20px;
        height: 20px;
        position: relative;
        transform: rotate(180deg);
    }

    .b2b-page .b2b-services--figma .b2b-services__cta-arrow::before {
        content: '';
        position: absolute;
        left: 3px;
        top: 9px;
        width: 14px;
        border-top: 2px solid #fff;
    }

    .b2b-page .b2b-services--figma .b2b-services__cta-arrow::after {
        content: '';
        position: absolute;
        right: 3px;
        top: 5px;
        width: 8px;
        height: 8px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(45deg);
    }

    .b2b-page .b2b-services--figma .b2b-services__competitions-grid {
        position: absolute;
        left: 20px;
        right: 20px;
        top: 138px;
        bottom: 21px;
        display: grid;
        grid-template-columns: 334px 474px 320px;
        gap: 24px;
        align-items: end;
    }

    .b2b-page .b2b-services--figma .b2b-services__visual--cup {
        width: 334px;
        height: 554px;
        border-radius: 16px;
        overflow: hidden;
    }

    .b2b-page .b2b-services--figma .b2b-services__content-card--competitions {
        width: 474px;
        height: 554px;
        background: #f0f4f6;
        border-radius: 20px;
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 28px;
    }

    .b2b-page .b2b-services--figma .b2b-services__content-card--competitions h3,
    .b2b-page .b2b-services--figma .b2b-services__content-card--acquisition h3 {
        margin: 0;
        text-align: center;
        color: #ef6b3b;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 30px;
        font-weight: 700;
    }

    .b2b-page .b2b-services--figma .b2b-services__content-card--competitions p,
    .b2b-page .b2b-services--figma .b2b-services__content-card--acquisition p {
        margin: 0;
        text-align: center;
        color: #0f172a;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.45;
    }

    .b2b-page .b2b-services--figma .b2b-services__list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 8px;
    }

    .b2b-page .b2b-services--figma .b2b-services__list li {
        display: inline-flex;
        align-items: center;
        gap: 18px;
        color: #0c2340;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 20px;
        font-weight: 500;
    }

    html[dir='rtl'] .b2b-page .b2b-services--figma .b2b-services__list li {
        flex-direction: row-reverse;
    }

    .b2b-page .b2b-services--figma .b2b-services__check {
        width: 24px;
        height: 24px;
        border-radius: 32px;
        background: #fff;
        position: relative;
    }

    .b2b-page .b2b-services--figma .b2b-services__check::before {
        content: '';
        position: absolute;
        left: 8px;
        top: 7px;
        width: 8px;
        height: 6px;
        border-right: 2px solid #0a6493;
        border-bottom: 2px solid #0a6493;
        transform: rotate(40deg);
    }

    .b2b-page .b2b-services--figma .b2b-services__helper {
        color: #c2410c;
        font-size: 16px;
        font-weight: 500;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
    }

    .b2b-page .b2b-services--figma .b2b-services__side-stack {
        height: 554px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .b2b-page .b2b-services--figma .b2b-services__visual--shield,
    .b2b-page .b2b-services--figma .b2b-services__promo-card {
        width: 320px;
        height: 255px;
        border-radius: 16px;
        overflow: hidden;
    }

    .b2b-page .b2b-services--figma .b2b-services__visual--shield {
        background: rgba(49, 139, 187, 0.25);
    }

    .b2b-page .b2b-services--figma .b2b-services__visual--shield img {
        width: 241px;
        height: 255px;
        margin: 0 auto;
        object-fit: contain;
    }

    .b2b-page .b2b-services--figma .b2b-services__promo-card {
        position: relative;
        background: radial-gradient(circle at 1% 2%, #e37046 0%, #e28126 42%, #9ca3af 100%);
        text-align: center;
        padding-top: 128px;
    }

    .b2b-page .b2b-services--figma .b2b-services__promo-card img {
        position: absolute;
        width: 130px;
        height: 120px;
        top: 12px;
        left: 105px;
        object-fit: contain;
    }

    .b2b-page .b2b-services--figma .b2b-services__promo-card h4 {
        margin: 0;
        color: #0f172a;
        font-family: 'Cairo', sans-serif;
        font-size: 24px;
        font-weight: 700;
    }

    .b2b-page .b2b-services--figma .b2b-services__promo-card p {
        margin: 10px auto 0;
        width: 256px;
        color: #fff;
        font-family: 'Cairo', sans-serif;
        font-size: 20px;
        font-weight: 600;
    }

    .b2b-page .b2b-services--figma .b2b-services__content-card--competitions .b2b-services__cta,
    .b2b-page .b2b-services--figma .b2b-services__content-card--acquisition .b2b-services__cta {
        width: 384px;
    }

    .b2b-page .b2b-services--figma .b2b-services__panel--acquisition {
        display: block;
    }

    .b2b-page .b2b-services--figma .b2b-services__acq-visual {
        position: absolute;
        left: 20px;
        top: 137px;
        width: 320px;
        height: 436px;
        border-radius: 20px;
        overflow: hidden;
        background: #c4c4c4;
    }

    .b2b-page .b2b-services--figma .b2b-services__acq-visual img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .b2b-page .b2b-services--figma .b2b-services__chip {
        position: absolute;
        z-index: 2;
        padding: 6px 10px;
        border-radius: 40px;
        color: #000;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 10px;
        font-weight: 500;
    }

    .b2b-page .b2b-services--figma .b2b-services__chip--lime {
        left: 16px;
        top: 30px;
        background: #c4f886;
    }

    .b2b-page .b2b-services--figma .b2b-services__chip--violet {
        right: 10px;
        bottom: 16px;
        background: #bfb3f5;
    }

    .b2b-page .b2b-services--figma .b2b-services__stats-card {
        position: absolute;
        left: 36px;
        bottom: 18px;
        width: 144px;
        padding: 12px;
        border-radius: 12px;
        background: #e28126;
        border: 1px solid #fff;
        box-shadow: 0 15px 38px -11px rgba(150, 87, 19, 0.4);
    }

    .b2b-page .b2b-services--figma .b2b-services__stats-card p {
        margin: 0;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        font-weight: 600;
    }

    .b2b-page .b2b-services--figma .b2b-services__stats-card strong {
        display: inline-block;
        margin-top: 6px;
        padding: 1px 6px;
        background: #fff;
        border-radius: 6px;
        color: #93390a;
        font-family: 'Roboto', sans-serif;
        font-size: 7px;
        font-weight: 700;
    }

    .b2b-page .b2b-services--figma .b2b-services__weeks {
        margin-top: 8px;
        display: flex;
        justify-content: space-between;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-size: 7px;
        font-weight: 500;
    }

    .b2b-page .b2b-services--figma .b2b-services__mini-graph {
        position: absolute;
        right: -128px;
        top: 8px;
        width: 144px;
        height: 112px;
        padding: 10px;
        border-radius: 10px;
        background: #f0f4f6;
        border: 1px solid #34b9c9;
        box-shadow: 0 0 38px rgba(0, 89, 136, 0.4);
    }

    .b2b-page .b2b-services--figma .b2b-services__mini-graph header {
        display: flex;
        justify-content: space-between;
        color: #0a2d50;
        font-family: 'Roboto', sans-serif;
    }

    .b2b-page .b2b-services--figma .b2b-services__mini-graph header strong {
        font-size: 9px;
    }

    .b2b-page .b2b-services--figma .b2b-services__mini-graph header span {
        font-size: 7px;
    }

    .b2b-page .b2b-services--figma .b2b-services__bars {
        margin-top: 12px;
        height: 62px;
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        align-items: end;
        gap: 6px;
    }

    .b2b-page .b2b-services--figma .b2b-services__bars span {
        border-radius: 5px;
        background: #34b9c9;
    }

    .b2b-page .b2b-services--figma .b2b-services__bars span:nth-child(1) { height: 30px; }
    .b2b-page .b2b-services--figma .b2b-services__bars span:nth-child(2) { height: 34px; }
    .b2b-page .b2b-services--figma .b2b-services__bars span:nth-child(3) { height: 38px; }
    .b2b-page .b2b-services--figma .b2b-services__bars span:nth-child(4) { height: 26px; }
    .b2b-page .b2b-services--figma .b2b-services__bars span:nth-child(5) { height: 36px; }
    .b2b-page .b2b-services--figma .b2b-services__bars span:nth-child(6) { height: 31px; }
    .b2b-page .b2b-services--figma .b2b-services__bars span:nth-child(7) { height: 42px; }

    .b2b-page .b2b-services--figma .b2b-services__content-card--acquisition {
        position: absolute;
        right: 20px;
        top: 137px;
        width: 676px;
        border-radius: 20px;
        padding: 32px 36px;
        background: #f0f4f6;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .b2b-page .b2b-services--figma .b2b-services__content-card--acquisition h3 {
        color: #0f172a;
        font-size: 30px;
        font-weight: 600;
    }

    .b2b-page .b2b-services--figma .b2b-services__content-card--acquisition p {
        font-size: 20px;
    }

    .b2b-page .b2b-services--figma .b2b-services__content-card--acquisition h4 {
        margin: 0;
        color: #0f172a;
        text-align: center;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        font-size: 24px;
        font-weight: 600;
    }

    .b2b-page .b2b-services--figma .b2b-services__acq-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
    }

    .b2b-page .b2b-services--figma .b2b-services__icons {
        display: flex;
        align-items: center;
    }

    .b2b-page .b2b-services--figma .b2b-services__icon {
        width: 48px;
        height: 48px;
        border-radius: 60px;
        border: 1px solid #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-inline-start: -8px;
    }

    .b2b-page .b2b-services--figma .b2b-services__icon:first-child {
        margin-inline-start: 0;
    }

    .b2b-page .b2b-services--figma .b2b-services__icon--metric {
        background: #34b9c9;
        color: #fff;
        font-size: 24px;
        font-weight: 600;
        font-family: 'STC Forward', sans-serif;
    }

    .b2b-page .b2b-services--figma .b2b-services__icon--gift {
        background: #0050b5;
    }

    .b2b-page .b2b-services--figma .b2b-services__icon--ticket {
        background: #ddf9fc;
    }

    .b2b-page .b2b-services--figma .b2b-services__icon--globe {
        background: #071829;
    }

    .b2b-page .b2b-services--figma .b2b-services__panel[data-service-panel='acquisition'] .b2b-services__chip,
    .b2b-page .b2b-services--figma .b2b-services__panel[data-service-panel='acquisition'] .b2b-services__mini-graph {
        animation: b2b-services-drift 2500ms cubic-bezier(0, 0, 0.58, 1) infinite alternate;
    }

    @keyframes b2b-services-reveal {
        from {
            opacity: 0;
            transform: translateY(12px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes b2b-services-drift {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(8px);
        }
    }

    @media (max-width: 1199px) {
        .b2b-page .b2b-services--figma .b2b-services__stage {
            height: auto;
            min-height: 680px;
        }

        .b2b-page .b2b-services--figma .b2b-services__tabs,
        .b2b-page .b2b-services--figma .b2b-services__panel {
            position: relative;
            inset: auto;
        }

        .b2b-page .b2b-services--figma .b2b-services__tabs {
            top: auto;
            margin-bottom: 18px;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .b2b-page .b2b-services--figma .b2b-services__tab,
        .b2b-page .b2b-services--figma .b2b-services__tab-number,
        .b2b-page .b2b-services--figma .b2b-services__panel,
        .b2b-page .b2b-services--figma .b2b-services__content-card,
        .b2b-page .b2b-services--figma .b2b-services__visual,
        .b2b-page .b2b-services--figma .b2b-services__mini-card,
        .b2b-page .b2b-services--figma .b2b-services__promo-card,
        .b2b-page .b2b-services--figma .b2b-services__cta,
        .b2b-page .b2b-services--figma .b2b-services__chip,
        .b2b-page .b2b-services--figma .b2b-services__mini-graph {
            animation: none !important;
            transition: none !important;
        }
    }
}

/* Services v3 desktop fidelity overrides */
.b2b-page .b2b-services.b2b-services-v3 {
    width: min(992px, calc(100% - 12px));
    margin: 70px auto 0;
    padding: 8px 0 0;
    border-radius: 0;
    background: #ffffff;
}

.b2b-page .b2b-services.b2b-services-v3 .b2b-section-heading__eyebrow {
    font-size: 26px;
    margin-bottom: 10px;
}

.b2b-page .b2b-services.b2b-services-v3 .b2b-section-heading__title {
    font-size: clamp(48px, 4.4vw, 58px);
    line-height: 1.13;
}

.b2b-page .b2b-services.b2b-services-v3 .b2b-section-heading__subtitle {
    margin-top: 14px;
    font-size: clamp(28px, 2.8vw, 36px);
    line-height: 1.26;
}

.b2b-page .b2b-services-v3__tabs {
    margin-top: 30px;
    gap: 0;
}

.b2b-page .b2b-services-v3__tab {
    min-height: 78px;
    padding: 16px 10px 12px;
    border-radius: 24px 24px 0 0;
}

.b2b-page .b2b-services-v3__tab-label {
    font-size: clamp(30px, 2.6vw, 38px);
    white-space: nowrap;
}

.b2b-page .b2b-services-v3__tab-number {
    width: 44px;
    height: 44px;
    font-size: 28px;
}

.b2b-page .b2b-services-v3__pane {
    border-radius: 26px;
    background: #ffffff;
}

.b2b-page .b2b-services-v3__tab.is-active {
    background: #ffffff;
}

.b2b-page .b2b-services-v3__panel {
    padding: 16px;
}

.b2b-page .b2b-services-v3__copy {
    padding: 28px;
}

.b2b-page .b2b-services-v3__copy h3 {
    font-size: clamp(32px, 2.5vw, 42px);
}

.b2b-page .b2b-services-v3__desc {
    font-size: clamp(19px, 1.5vw, 24px);
}

.b2b-page .b2b-services-v3__list li {
    font-size: clamp(19px, 1.55vw, 24px);
}

.b2b-page .b2b-services-v3__hint {
    font-size: clamp(15px, 1.2vw, 18px);
}

.b2b-page .b2b-services-v3__copy h4 {
    font-size: clamp(22px, 1.7vw, 28px);
}

.b2b-page .b2b-services-v3__cta {
    min-height: 62px;
    font-size: clamp(21px, 1.6vw, 27px);
}

.b2b-page .b2b-services-v3__panel--competitions {
    grid-template-columns: minmax(270px, 0.9fr) minmax(380px, 1.14fr) minmax(280px, 0.9fr);
}

.b2b-page .b2b-services-v3__tile--trophy {
    min-height: 418px;
}

.b2b-page .b2b-services-v3__tile--shield,
.b2b-page .b2b-services-v3__tile--pointer {
    min-height: 202px;
}

.b2b-page .b2b-services-v3__panel--acquisition {
    grid-template-columns: minmax(330px, 0.9fr) minmax(0, 1.1fr);
}

.b2b-page .b2b-services-v3__visual {
    min-height: 418px;
}

.b2b-page .b2b-services-v3__panel--loyalty {
    grid-template-columns: minmax(0, 1fr) minmax(470px, 0.98fr);
    grid-template-rows: auto minmax(222px, auto) auto;
}

.b2b-page .b2b-services-v3__tile--loyalty-hero {
    min-height: 418px;
}

.b2b-page .b2b-services-v3__tile--wallet,
.b2b-page .b2b-services-v3__tile--rewards {
    min-height: 198px;
}

@media (min-width: 1200px) {
    .b2b-page .b2b-services.b2b-services-v3 {
        width: min(1224px, calc(100vw - 48px));
        max-width: 1224px;
        margin: 96px auto 0;
        padding: 0;
        background: transparent;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 56px;
    }

    .b2b-page .b2b-services.b2b-services-v3 .b2b-section-heading {
        width: 1041px;
        padding-bottom: 20px;
        border-bottom: 2px solid #e8e8e8;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
    }

    .b2b-page .b2b-services.b2b-services-v3 .b2b-section-heading__eyebrow {
        margin: 0;
        color: #f97316;
        font-size: 24px;
        font-weight: 600;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        line-height: 1.2;
    }

    .b2b-page .b2b-services.b2b-services-v3 .b2b-section-heading__title {
        margin: 0;
        color: #082f49;
        font-size: 36px;
        font-weight: 600;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        line-height: 1.2;
    }

    .b2b-page .b2b-services.b2b-services-v3 .b2b-section-heading__subtitle {
        margin: 0;
        color: #082f49;
        font-size: 30px;
        font-weight: 300;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        line-height: 1.2;
    }

    .b2b-page .b2b-services-v3__tabs {
        width: 100%;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0;
    }

    .b2b-page .b2b-services-v3__tab {
        min-height: 56px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        gap: 20px;
        transform: none;
    }

    .b2b-page .b2b-services-v3__tab-label {
        color: #0f172a;
        font-size: 24px;
        font-weight: 600;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        line-height: 1.2;
    }

    .b2b-page .b2b-services-v3__tab-number {
        width: 40px;
        height: 40px;
        border-radius: 121px;
        background: #e0e7ff;
        color: #075985;
        font-size: 20px;
        font-weight: 600;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        line-height: 1;
    }

    .b2b-page .b2b-services-v3__tab.is-active {
        background: transparent;
        margin: 0;
        border: 0;
    }

    .b2b-page .b2b-services-v3__tab.is-active .b2b-services-v3__tab-label {
        color: #f97316;
        font-size: 30px;
    }

    .b2b-page .b2b-services-v3__tab.is-active .b2b-services-v3__tab-number {
        width: 48px;
        height: 48px;
        background: #fee2e2;
        color: #f97316;
    }

    .b2b-page .b2b-services-v3__panes {
        width: 100%;
        margin: 0;
    }

    .b2b-page .b2b-services-v3__pane {
        border: 0;
        border-radius: 0;
        background: transparent;
        overflow: visible;
    }

    .b2b-page .b2b-services-v3__panel {
        width: 100%;
        height: 596px;
        position: relative;
        padding: 0;
        background: transparent;
    }

    .b2b-page .b2b-services-v3__panel--loyalty {
        display: block;
    }

    .b2b-page .b2b-services-v3__copy--loyalty {
        position: absolute;
        left: 1.634%;
        top: 20px;
        width: 49.43%;
        height: 240px;
        border-radius: 20px;
        background: #f0f4f6;
        padding: 41px 50px 0;
        display: block;
    }

    .b2b-page .b2b-services-v3__copy--loyalty h3 {
        margin: 0;
        color: #0f172a;
        font-size: 36px;
        font-weight: 600;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        line-height: 1.25;
        text-align: right;
        text-transform: capitalize;
    }

    .b2b-page .b2b-services-v3__copy--loyalty .b2b-services-v3__desc {
        width: 516px;
        margin: 14px 0 0;
        color: #0f172a;
        font-size: 30px;
        font-weight: 400;
        font-family: 'IBM Plex Sans Arabic', sans-serif;
        line-height: 1.34;
        text-align: right;
        text-transform: capitalize;
    }

    .b2b-page .b2b-services-v3__tile--loyalty-hero {
        position: absolute;
        right: 1.634%;
        top: 20px;
        width: 45.67%;
        height: 436px;
        min-height: 436px;
        border-radius: 20px;
        background: #c4c4c4;
    }

    .b2b-page .b2b-services-v3__tile--loyalty-hero img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 20px;
    }

    .b2b-page .b2b-services-v3__loyalty-mini {
        position: absolute;
        left: 1.634%;
        top: 282px;
        width: 48.94%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 23px;
    }

    .b2b-page .b2b-services-v3__tile--wallet,
    .b2b-page .b2b-services-v3__tile--rewards {
        width: 100%;
        height: 288px;
        min-height: 288px;
        border-radius: 20px;
    }

    .b2b-page .b2b-services-v3__tile--wallet {
        background: #000000;
    }

    .b2b-page .b2b-services-v3__tile--wallet img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0.92;
        transform: none;
    }

    .b2b-page .b2b-services-v3__tile--wallet figcaption {
        position: absolute;
        left: 24px;
        right: 24px;
        top: 179px;
        bottom: auto;
        inset: auto;
        text-align: right;
        z-index: 2;
    }

    .b2b-page .b2b-services-v3__tile--wallet h4 {
        margin: 0;
        color: #ffffff;
        font-size: 24px;
        font-weight: 700;
        font-family: 'STC Forward', sans-serif;
        line-height: 1.2;
        text-align: right;
    }

    .b2b-page .b2b-services-v3__tile--wallet p {
        width: 240px;
        margin: 8px 0 0;
        color: #ffffff;
        font-size: 20px;
        font-weight: 500;
        font-family: 'STC Forward', sans-serif;
        line-height: 1.35;
        text-align: right;
    }

    .b2b-page .b2b-services-v3__tile--rewards {
        padding: 0;
        background: linear-gradient(180deg, #e8e8e8 0%, #f97316 100%);
        position: relative;
        overflow: hidden;
    }

    .b2b-page .b2b-services-v3__tile--rewards h4 {
        position: absolute;
        right: 28px;
        top: 22px;
        margin: 0;
        color: #000000;
        font-size: 24px;
        font-weight: 500;
        font-family: 'STC Forward', sans-serif;
        line-height: 1.25;
        text-align: right;
    }

    .b2b-page .b2b-services-v3__tile--rewards p {
        position: absolute;
        right: 28px;
        top: 59px;
        width: 240px;
        margin: 0;
        color: #000000;
        font-size: 20px;
        font-weight: 400;
        font-family: 'STC Forward', sans-serif;
        line-height: 1.35;
        text-align: right;
    }

    .b2b-page .b2b-services-v3__rings {
        width: 0;
        height: 0;
        border: 0;
    }

    .b2b-page .b2b-services-v3__rings::before,
    .b2b-page .b2b-services-v3__rings::after {
        display: none;
    }

    .b2b-page .b2b-services-v3__cta--loyalty {
        position: absolute;
        right: 1.634%;
        top: 476px;
        width: 45.67%;
        min-height: 120px;
        border-radius: 20px;
        border: 1px solid #7dc2ef;
        background: #ffffff;
        color: #ffffff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 0;
        text-decoration: none;
        position: absolute;
        overflow: hidden;
    }

    .b2b-page .b2b-services-v3__cta--loyalty::before {
        content: '';
        position: absolute;
        left: 21px;
        right: 21px;
        top: 32px;
        bottom: 32px;
        border-radius: 8px;
        background: #f97316;
    }

    .b2b-page .b2b-services-v3__cta--loyalty span {
        position: relative;
        z-index: 1;
    }

    .b2b-page .b2b-services-v3__cta--loyalty span:first-child {
        color: #ffffff;
        font-size: 20px;
        font-weight: 500;
        font-family: 'STC Forward', sans-serif;
        line-height: 1.2;
    }

    .b2b-page .b2b-services-v3__cta--loyalty .b2b-services-v3__cta-arrow {
        width: 28px;
        height: 28px;
        transform: rotate(180deg);
    }

    .b2b-page .b2b-services-v3__cta--loyalty .b2b-services-v3__cta-arrow::before {
        inset: 14px 6px auto 6px;
        height: 2px;
        background: #ffffff;
    }

    .b2b-page .b2b-services-v3__cta--loyalty .b2b-services-v3__cta-arrow::after {
        top: 9px;
        right: 6px;
        width: 8px;
        height: 8px;
        border-top: 2px solid #ffffff;
        border-right: 2px solid #ffffff;
    }
}

/* Services section: one responsive implementation for all three Figma states. */
.b2b-page .b2b-services-clean,.b2b-page .b2b-services-clean *{box-sizing:border-box}
.b2b-page .b2b-services-clean{--navy:#0c2340;--blue:#0b5285;--line:#8dccf3;--orange:#ef6b3b;--surface:#f0f4f6;position:relative;z-index:2;isolation:isolate;width:min(1224px,calc(100% - 32px));margin:clamp(72px,8vw,112px) auto 0;color:var(--navy);font-family:'IBM Plex Sans Arabic',sans-serif}
.b2b-services-clean__container{container-type:inline-size;width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(28px,4.575cqw,56px)}
.b2b-services-clean__heading{width:min(1041px,85.05%);display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.307cqw,16px);text-align:center}
.b2b-services-clean__eyebrow{color:var(--orange);font-size:clamp(14px,1.961cqw,24px);font-weight:600;line-height:1.2}
.b2b-services-clean__title,.b2b-services-clean__subtitle{margin:0;color:var(--navy)}
.b2b-services-clean__title{font-size:clamp(22px,2.941cqw,36px);font-weight:600;line-height:1.2}
.b2b-services-clean__subtitle{font-size:clamp(16px,2.451cqw,30px);font-weight:300;line-height:1.25}
.b2b-services-clean__stage{position:relative;width:100%}.b2b-services-clean__tabs{z-index:10}
.b2b-services-clean__tab{border:0;background:transparent;color:var(--navy);font-family:inherit;font-weight:600;cursor:pointer;transition:color 220ms ease,background-color 220ms ease,transform 220ms ease,box-shadow 220ms ease}
.b2b-services-clean__tab.is-disabled,.b2b-services-clean__tab:disabled{cursor:not-allowed;opacity:.48;pointer-events:none}
.b2b-services-clean__tab span{position:relative;z-index:3}.b2b-services-clean__tab b{position:relative;z-index:3;border:1px solid transparent;border-radius:50%;background:#e8f4fd;color:var(--blue);display:inline-flex;align-items:center;justify-content:center;transition:color 220ms ease,background-color 220ms ease,border-color 220ms ease,transform 220ms ease}
.b2b-services-clean__tab.is-active{color:var(--orange)}.b2b-services-clean__tab.is-active b{background:#fde7e0;color:var(--orange)}
.b2b-services-clean__tab:not(.is-active):hover{color:var(--orange);background:linear-gradient(180deg,rgba(239,107,59,.06),transparent)}.b2b-services-clean__tab:not(.is-active):hover b{border-color:rgba(239,107,59,.24);background:#fff4ef;color:var(--orange);transform:translateY(-2px)}
.b2b-services-clean__tab:focus-visible{z-index:12;outline:3px solid rgba(11,82,133,.28);outline-offset:-3px}
.b2b-services-clean__panel{visibility:hidden;opacity:0;pointer-events:none}.b2b-services-clean__panel.is-active{visibility:visible;opacity:1;pointer-events:auto}
.b2b-services-clean__panel img{display:block;width:100%;height:100%;object-fit:cover}
.b2b-services-clean__competition-cup,.b2b-services-clean__competition-copy,.b2b-services-clean__competition-shield,.b2b-services-clean__competition-promo,.b2b-services-clean__acq-visual,.b2b-services-clean__acq-copy,.b2b-services-clean__loyalty-copy,.b2b-services-clean__loyalty-visual,.b2b-services-clean__wallet,.b2b-services-clean__rewards{margin:0;overflow:hidden;border-radius:clamp(12px,1.634cqw,20px)}
.b2b-services-clean__competition-copy,.b2b-services-clean__acq-copy,.b2b-services-clean__loyalty-copy{background:var(--surface);text-align:center}
.b2b-services-clean__competition-copy h3,.b2b-services-clean__acq-copy h3,.b2b-services-clean__loyalty-copy h3,.b2b-services-clean__rewards h3,.b2b-services-clean__competition-promo h3{margin:0}
.b2b-services-clean__competition-copy h3{color:var(--orange)}
.b2b-services-clean__competition-copy p,.b2b-services-clean__acq-copy>p,.b2b-services-clean__loyalty-copy p,.b2b-services-clean__rewards p,.b2b-services-clean__competition-promo p{margin:0}
.b2b-services-clean__competition-copy ul,.b2b-services-clean__acq-copy ul{margin:0;padding:0;list-style:none;text-align:start}
.b2b-services-clean__competition-copy li,.b2b-services-clean__acq-copy li{display:flex;align-items:center}
.b2b-services-clean__competition-copy li i,.b2b-services-clean__acq-copy li i{border-radius:50%;background:#fff;flex:0 0 auto}
.b2b-services-clean__competition-copy li i::after,.b2b-services-clean__acq-copy li i::after{content:'✓';display:grid;width:100%;height:100%;place-items:center;color:var(--blue);font:700 1em/1 Arial,sans-serif}
.b2b-services-clean__competition-copy small,.b2b-services-clean__acq-copy small{display:block;color:#c2410c}
.b2b-services-clean__button,.b2b-services-clean__loyalty-cta{color:#fff;text-decoration:none}
.b2b-services-clean__button{border-radius:8px;background:var(--orange);display:flex;align-items:center;justify-content:center;direction:ltr}
.b2b-services-clean__button::before,.b2b-services-clean__loyalty-cta::before{content:'';background:url('../Website_icon/Website_icon (4)/Icon.svg') center/contain no-repeat;flex:0 0 auto}
.b2b-services-clean__competition-shield{background:rgba(8,139,187,.25)}.b2b-services-clean__competition-shield img{object-fit:contain}
.b2b-services-clean__competition-promo{background:transparent;text-align:center;isolation:isolate}
.b2b-services-clean__competition-promo-art{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.b2b-services-clean__competition-promo-art svg{display:block;width:100%;height:100%;min-width:100%;max-width:none;overflow:visible}
.b2b-services-clean__competition-promo-art svg text{display:none}
.b2b-services-clean__competition-promo h3,.b2b-services-clean__competition-promo p{position:relative;z-index:1}.b2b-services-clean__competition-promo p{color:#fff}
.b2b-services-clean__acq-visual{background:#071a34}.b2b-services-clean__percent-art{position:absolute;z-index:2;background:url('/Website_icon/Website_icon%20(4)/%25.svg') center/contain no-repeat}.b2b-services-clean__percent-art img{display:none}
.b2b-services-clean__badge{z-index:5;border:1px solid currentColor;border-radius:999px;color:#000;white-space:nowrap}
.b2b-services-clean__badge--plan{background:#c4f886}.b2b-services-clean__badge--code{background:#bfb3f5}
.b2b-services-clean__badge--plan::after,.b2b-services-clean__badge--code::before{content:'';display:inline-block;border-radius:50%;vertical-align:middle}
.b2b-services-clean__badge--plan::after{background:#fff url('../Website_icon/Website_icon (4)/Sparkle.svg') center/58% no-repeat;border:1px solid #b8ee74}
.b2b-services-clean__badge--code::before{background:#fff4f0 url('../Website_icon/Website_icon (4)/Lightning.svg') center/58% no-repeat;border:1px solid #9d8de2}
.b2b-services-clean__participation,.b2b-services-clean__stats{z-index:4;overflow:hidden;direction:ltr;color:var(--navy);background:linear-gradient(145deg,rgba(255,255,255,.6),rgba(224,235,241,.28));border:1px solid rgba(255,255,255,.82);backdrop-filter:blur(18px) saturate(135%);box-shadow:0 14px 34px rgba(12,35,64,.14),inset 0 1px 0 rgba(255,255,255,.92);font-family:Roboto,sans-serif}
.b2b-services-clean__participation::before{content:'';position:absolute;background:#e37046;border-radius:12px}.b2b-services-clean__participation::after{content:'';position:absolute;z-index:1;background:url('../Website_icon/Website_icon (4)/Icon-2.svg') center/contain no-repeat}
.b2b-services-clean__participation>*{position:relative;z-index:2;color:#fff}.b2b-services-clean__participation>b{display:block;white-space:nowrap}.b2b-services-clean__participation em{position:absolute}
.b2b-services-clean__stats{border-color:rgba(52,185,201,.55);border-style:dashed}.b2b-services-clean__stats::before{content:'2,148';position:absolute;z-index:2;border-radius:8px;background:var(--navy);color:#fff}
.b2b-services-clean__stats>span{float:right}.b2b-services-clean__stats>div{position:relative;display:flex;align-items:end;justify-content:space-between}.b2b-services-clean__stats>div::after{content:'Jan   Feb   Mar   Apr   May   Jun   Jul';position:absolute;white-space:nowrap}
.b2b-services-clean__stats i{background:#34b9c9;border-radius:5px}.b2b-services-clean__stats i:nth-child(1){height:40%}.b2b-services-clean__stats i:nth-child(2){height:53%}.b2b-services-clean__stats i:nth-child(3){height:63%}.b2b-services-clean__stats i:nth-child(4){height:80%;background:#e28126}.b2b-services-clean__stats i:nth-child(5){height:60%}.b2b-services-clean__stats i:nth-child(6){height:48%}.b2b-services-clean__stats i:nth-child(7){height:38%}
.b2b-services-clean__acq-footer{z-index:4;display:flex;align-items:center;justify-content:space-between;direction:ltr}.b2b-services-clean__acq-footer>div{display:flex;align-items:center;isolation:isolate}
.b2b-services-clean__acq-footer i{position:relative;overflow:hidden;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;color:transparent;background:var(--blue);font-size:0;font-style:normal;line-height:0}
.b2b-services-clean__acq-footer i::before{content:'';position:absolute;background-position:center;background-repeat:no-repeat;background-size:contain}.b2b-services-clean__acq-footer i:first-child{background:#34b9c9}.b2b-services-clean__acq-footer i:first-child::before{display:none}
.b2b-services-clean__acq-footer i:nth-child(2){background:#0878a6}.b2b-services-clean__acq-footer i:nth-child(2)::before{background-image:url('../Website_icon/Website_icon (4)/Gift.svg')}
.b2b-services-clean__acq-footer i:nth-child(3){background:#ddf9fc}.b2b-services-clean__acq-footer i:nth-child(3)::before{background-image:url('../Website_icon/Website_icon (4)/voucher line.svg')}
.b2b-services-clean__acq-footer i:nth-child(4){background:#071829}.b2b-services-clean__acq-footer i:nth-child(4)::before{background-image:url('../Website_icon/Website_icon (4)/Globe.svg')}.b2b-services-clean__acq-footer i img{object-fit:contain}
.b2b-services-clean__loyalty-copy{text-align:start}.b2b-services-clean__wallet{background:#52130b}.b2b-services-clean__wallet figcaption{position:absolute;color:#fff;text-align:start}.b2b-services-clean__wallet h3,.b2b-services-clean__wallet p{margin:0}
.b2b-services-clean__rewards{background:linear-gradient(#e8e8e8,#e37046);text-align:start}.b2b-services-clean__rewards i{position:absolute;background:url('../Website_icon/Website_icon (4)/Group 4991.svg') center/contain no-repeat}
.b2b-services-clean__loyalty-cta{border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;direction:ltr}.b2b-services-clean__loyalty-cta span{border-radius:8px;background:var(--orange);display:flex;align-items:center;justify-content:center}
.b2b-services-clean[dir=rtl] .b2b-services-clean__loyalty-cta span{direction:rtl}
@keyframes b2b-service-reveal{from{opacity:0;transform:translate(2.8cqw,1cqw)}to{opacity:1;transform:none}}@keyframes b2b-service-float-l{to{transform:translateX(1.47cqw)}}@keyframes b2b-service-float-r{to{transform:translateX(-1.47cqw)}}

@media(min-width:768px){
.b2b-page .b2b-services-clean{padding-bottom:clamp(24px,2.2vw,32px)}
.b2b-services-clean__stage{aspect-ratio:1224/713}.b2b-services-clean__tabs{position:absolute;inset:0 0 auto;height:15.147%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));direction:inherit;pointer-events:none}.b2b-services-clean__tab{position:relative;min-width:0;width:100%;height:100%;padding:0 1.307cqw;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:1.144cqw;font-size:clamp(14px,1.634cqw,20px);line-height:1.2;white-space:normal}
.b2b-services-clean__tab span{min-width:0}.b2b-services-clean__tab b{width:3.268cqw;height:3.268cqw;flex:0 0 3.268cqw;font-size:clamp(12px,1.634cqw,20px)}.b2b-services-clean__tab.is-active{z-index:2;isolation:isolate;font-size:clamp(18px,2.124cqw,26px);background:#fff}.b2b-services-clean__tab.is-active b{width:3.922cqw;height:3.922cqw;flex-basis:3.922cqw;box-shadow:0 4px 12px rgba(239,107,59,.12)}
.b2b-services-clean__tab.is-active::before{content:'';position:absolute;z-index:0;inset:0;border:clamp(1px,.163cqw,2px) solid var(--line);border-bottom:0;border-radius:1.8cqw 1.8cqw 0 0;background:#fff;box-shadow:0 -8px 24px rgba(12,35,64,.045)}
.b2b-services-clean__tab.is-active::after{content:'';position:absolute;z-index:2;inset:auto 0 -3px;height:5px;background:#fff}
.b2b-services-clean__panel{position:absolute;inset:0;width:100%;height:100%;transition:opacity 300ms cubic-bezier(.42,0,.58,1),visibility 0s linear 300ms}.b2b-services-clean__panel.is-active{transition-delay:0s}
.b2b-services-clean__panel.is-active::before{content:'';position:absolute;z-index:-1;left:0;top:15.147%;width:100%;height:84.853%;border:clamp(1px,.163cqw,2px) solid var(--line);border-radius:1.634cqw;background:#fff}
.b2b-services-clean__competition-cup,.b2b-services-clean__competition-copy,.b2b-services-clean__competition-shield,.b2b-services-clean__competition-promo,.b2b-services-clean__acq-visual,.b2b-services-clean__acq-copy,.b2b-services-clean__loyalty-copy,.b2b-services-clean__loyalty-visual,.b2b-services-clean__wallet,.b2b-services-clean__rewards,.b2b-services-clean__badge,.b2b-services-clean__participation,.b2b-services-clean__stats,.b2b-services-clean__acq-footer,.b2b-services-clean__loyalty-cta{position:absolute}
.b2b-services-clean__competition-cup{left:1.634%;top:19.355%;width:27.288%;height:77.7%}.b2b-services-clean__competition-copy{left:30.882%;top:19.355%;width:38.725%;height:77.7%;padding:1.634cqw}.b2b-services-clean__competition-copy h3{font-size:2.451cqw;line-height:1.3}.b2b-services-clean__competition-copy p{margin:2.124cqw 0 1.634cqw;font-size:1.634cqw;line-height:1.45}
.b2b-services-clean__competition-copy li,.b2b-services-clean__acq-copy li{gap:1.47cqw;margin:.735cqw 0;font-size:1.634cqw;font-weight:500}.b2b-services-clean__competition-copy li i,.b2b-services-clean__acq-copy li i{width:1.961cqw;height:1.961cqw;flex-basis:1.961cqw}.b2b-services-clean__competition-copy small,.b2b-services-clean__acq-copy small{margin-top:1.47cqw;font-size:1.307cqw}
.b2b-services-clean__button{position:absolute;left:3.676cqw;bottom:1.634cqw;width:31.373cqw;height:4.575cqw;gap:.817cqw;font-size:0}.b2b-services-clean__button span,.b2b-services-clean__loyalty-cta span{font-size:1.634cqw;font-weight:500}.b2b-services-clean__button::before,.b2b-services-clean__loyalty-cta::before{width:2.288cqw;height:2.288cqw;flex-basis:2.288cqw}
.b2b-services-clean__competition-shield{left:71.569%;top:19.355%;width:26.144%;height:35.905%}.b2b-services-clean__competition-promo{left:71.569%;top:61.15%;width:26.144%;height:35.905%;padding-top:10.458cqw}.b2b-services-clean__competition-promo h3{font-size:1.961cqw;font-weight:700;line-height:1.2}.b2b-services-clean__competition-promo p{width:20.915cqw;margin:.817cqw auto;font-size:1.634cqw;font-weight:600;line-height:1.35}
.b2b-services-clean__acq-visual{left:8.333%;top:27.209%;width:26.144%;height:58.065%}.b2b-services-clean__percent-art{left:15.625%;top:23.672%;width:68.75%;height:45.411%}
.b2b-services-clean__badge{padding:.49cqw .817cqw;font-size:.817cqw}.b2b-services-clean__badge::before,.b2b-services-clean__badge::after{width:1.961cqw;height:1.961cqw}.b2b-services-clean__badge--plan{left:2.941%;top:34.222%}.b2b-services-clean__badge--code{left:28.35%;top:80.084%}
.b2b-services-clean__participation{left:2.941%;top:74.334%;width:15.686%;height:20.196%;padding:1.797cqw 1.634cqw;border-radius:1.634cqw;font-size:.98cqw;line-height:1}.b2b-services-clean__participation::before{inset:1.716cqw 1.634cqw}.b2b-services-clean__participation::after{left:2.614cqw;top:4.412cqw;width:10.294cqw;height:3.676cqw}.b2b-services-clean__participation em{right:2.451cqw;top:4.493cqw;font-size:.654cqw}.b2b-services-clean__participation span{top:7.026cqw;margin-right:1.144cqw;font-size:.572cqw}
.b2b-services-clean__stats{left:26.634%;top:20.337%;width:12.255%;height:18.513%;padding:1.225cqw;border-radius:1.144cqw;font-size:.735cqw;line-height:1}.b2b-services-clean__stats::before{left:4.739cqw;top:2.941cqw;padding:.245cqw .49cqw;font-size:.572cqw}.b2b-services-clean__stats>span{font-size:.572cqw}.b2b-services-clean__stats>div{height:5.719cqw;margin-top:1.062cqw}.b2b-services-clean__stats>div::after{left:-.163cqw;bottom:-.817cqw;font-size:.408cqw;word-spacing:.408cqw}.b2b-services-clean__stats i{width:.572cqw}
.b2b-services-clean__acq-copy{left:43.137%;top:19.215%;width:55.229%;height:64.235%;padding:2.614cqw 2.941cqw}.b2b-services-clean__acq-copy h3{font-size:2.451cqw}.b2b-services-clean__acq-copy>p{margin:1.961cqw 0;font-size:1.634cqw}.b2b-services-clean__acq-copy h4{margin:2.042cqw 0 0;font-size:1.961cqw}
.b2b-services-clean__acq-footer{left:46.895%;top:86.816%;width:51.471%;height:7.854%}.b2b-services-clean__acq-footer>div{width:13.725cqw;flex:0 0 13.725cqw}.b2b-services-clean__acq-footer i{width:3.922cqw;height:3.922cqw;margin-right:-.654cqw}.b2b-services-clean__acq-footer i::before{inset:.654cqw}.b2b-services-clean__acq-footer i img{width:3.268cqw;height:1.389cqw}.b2b-services-clean__acq-footer .b2b-services-clean__button{position:static;width:35.948cqw;height:4.575cqw}
.b2b-services-clean__loyalty-copy{left:1.634%;top:19.215%;width:49.428%;height:33.66%}.b2b-services-clean__loyalty-copy h3{position:absolute;inset-inline:4.085cqw;top:3.35cqw;font-size:1.961cqw;text-align:start}.b2b-services-clean__loyalty-copy p{position:absolute;inset-inline:4.085cqw;top:8.578cqw;font-size:1.634cqw;line-height:1.45;text-align:start}
.b2b-services-clean__loyalty-visual{left:52.696%;top:19.215%;width:45.67%;height:53.857%}.b2b-services-clean__wallet{left:1.634%;top:55.961%;width:23.529%;height:40.393%}.b2b-services-clean__wallet figcaption{left:1.961cqw;right:1.961cqw;top:14.624cqw}.b2b-services-clean__wallet h3{font-size:1.961cqw}.b2b-services-clean__wallet p{margin-top:.817cqw;font-size:1.634cqw;line-height:1.35}
.b2b-services-clean__rewards{left:27.043%;top:55.961%;width:23.529%;height:40.393%;padding:1.797cqw 2.288cqw}.b2b-services-clean__rewards h3{font-size:1.961cqw}.b2b-services-clean__rewards p{margin-top:.98cqw;font-size:1.634cqw;line-height:1.35}.b2b-services-clean__rewards i{left:4.412cqw;bottom:-.49cqw;width:14.706cqw;height:13.235cqw}
.b2b-services-clean__loyalty-cta{left:52.696%;top:83.17%;width:45.67%;height:13.184%;padding:1.634cqw;border-radius:1.634cqw;font-size:0}.b2b-services-clean__loyalty-cta span{width:42.157cqw;height:4.575cqw}.b2b-services-clean__loyalty-cta::before{position:absolute;z-index:2;left:10%}
.b2b-services-clean__panel.is-active>figure,.b2b-services-clean__panel.is-active>div,.b2b-services-clean__panel.is-active>article,.b2b-services-clean__panel.is-active>a{animation:b2b-service-reveal 450ms cubic-bezier(.42,0,.58,1) both}
.b2b-services-clean__panel--acquisition.is-active .b2b-services-clean__badge--plan,.b2b-services-clean__panel--acquisition.is-active .b2b-services-clean__participation{animation:b2b-service-float-l 2500ms cubic-bezier(0,0,.58,1) alternate infinite}.b2b-services-clean__panel--acquisition.is-active .b2b-services-clean__badge--code,.b2b-services-clean__panel--acquisition.is-active .b2b-services-clean__stats{animation:b2b-service-float-r 2500ms cubic-bezier(0,0,.58,1) alternate infinite}
}

@media(max-width:767px){
.b2b-page .b2b-services-clean{width:calc(100% - 24px);margin-top:72px}.b2b-services-clean__container{gap:26px}.b2b-services-clean__heading{width:100%;gap:8px}.b2b-services-clean__eyebrow{font-size:12px}.b2b-services-clean__title{font-size:clamp(18px,5.3vw,22px)}.b2b-services-clean__subtitle{font-size:clamp(12px,3.6vw,15px);line-height:1.45}
.b2b-services-clean__tabs{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));direction:inherit;gap:4px;margin-bottom:8px}.b2b-services-clean__tab{min-width:0;min-height:54px;padding:5px 3px;border-radius:10px 10px 0 0;display:flex;align-items:center;justify-content:center;gap:4px;font-size:clamp(8px,2.6vw,11px);line-height:1.25}.b2b-services-clean__tab span{min-width:0;white-space:normal;overflow-wrap:normal}.b2b-services-clean__tab b,.b2b-services-clean__tab.is-active b{width:22px;height:22px;flex:0 0 22px;font-size:9px}.b2b-services-clean__tab.is-active{border:1px solid rgba(141,204,243,.75);border-bottom-color:#fff;background:#fff;font-size:clamp(9px,2.8vw,12px);box-shadow:0 -5px 15px rgba(12,35,64,.06);transform:none}
.b2b-services-clean__panel{position:relative;display:none;width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.b2b-services-clean__panel.is-active{display:grid;gap:12px}
.b2b-services-clean__competition-cup,.b2b-services-clean__competition-copy,.b2b-services-clean__competition-shield,.b2b-services-clean__competition-promo,.b2b-services-clean__acq-visual,.b2b-services-clean__acq-copy,.b2b-services-clean__loyalty-copy,.b2b-services-clean__loyalty-visual,.b2b-services-clean__wallet,.b2b-services-clean__rewards,.b2b-services-clean__badge,.b2b-services-clean__participation,.b2b-services-clean__stats,.b2b-services-clean__acq-footer,.b2b-services-clean__loyalty-cta{position:relative;inset:auto;width:100%;height:auto}
.b2b-services-clean__panel>*{min-width:0;max-width:100%}.b2b-services-clean__panel h3,.b2b-services-clean__panel h4,.b2b-services-clean__panel p,.b2b-services-clean__panel li,.b2b-services-clean__panel small{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.b2b-services-clean__competition-copy,.b2b-services-clean__acq-copy,.b2b-services-clean__loyalty-copy{padding:18px}.b2b-services-clean__competition-copy h3,.b2b-services-clean__acq-copy h3,.b2b-services-clean__loyalty-copy h3{font-size:20px;line-height:1.35}.b2b-services-clean__competition-copy p,.b2b-services-clean__acq-copy>p,.b2b-services-clean__loyalty-copy p{margin-top:12px;font-size:14px;line-height:1.55}
.b2b-services-clean__competition-copy li,.b2b-services-clean__acq-copy li{gap:9px;margin:7px 0;font-size:13px}.b2b-services-clean__competition-copy li i,.b2b-services-clean__acq-copy li i{width:20px;height:20px;flex-basis:20px}.b2b-services-clean__competition-copy small,.b2b-services-clean__acq-copy small{margin-top:12px;font-size:11px;line-height:1.5}
.b2b-services-clean__button{position:relative;inset:auto;width:100%;height:48px;margin-top:14px;gap:8px;font-size:0}.b2b-services-clean__button span,.b2b-services-clean__loyalty-cta span{font-size:14px}.b2b-services-clean__button::before,.b2b-services-clean__loyalty-cta::before{width:22px;height:22px;flex-basis:22px}
.b2b-services-clean__competition-cup{display:none}.b2b-services-clean__competition-shield{order:1;aspect-ratio:320/210}.b2b-services-clean__competition-copy{order:2}.b2b-services-clean__competition-promo{order:3;min-height:0;aspect-ratio:320/230;padding-top:126px}.b2b-services-clean__competition-promo h3{font-size:20px}.b2b-services-clean__competition-promo p{width:90%;margin:9px auto;font-size:15px}
.b2b-services-clean__panel--acquisition{grid-template-rows:auto minmax(360px,112vw) auto}.b2b-services-clean__acq-copy{z-index:1;grid-area:1/1}.b2b-services-clean__acq-copy h4{margin:18px 0 0;font-size:17px}
.b2b-services-clean__acq-visual,.b2b-services-clean__badge,.b2b-services-clean__participation,.b2b-services-clean__stats{grid-area:2/1}.b2b-services-clean__acq-visual{align-self:center;justify-self:center;width:68%;aspect-ratio:320/414}.b2b-services-clean__percent-art{left:15.625%;top:23.672%;width:68.75%;height:45.411%}
.b2b-services-clean__badge{width:max-content;padding:5px 8px;align-self:start;font-size:9px}.b2b-services-clean__badge::before,.b2b-services-clean__badge::after{width:20px;height:20px}.b2b-services-clean__badge--plan{justify-self:left;margin:16% 0 0 1%}.b2b-services-clean__badge--code{align-self:end;justify-self:right;margin:0 1% 15% 0}
.b2b-services-clean__participation{align-self:end;justify-self:left;width:40%;aspect-ratio:192/144;margin-bottom:1%;padding:18px 16px;border-radius:16px;font-size:10px}.b2b-services-clean__participation::before{inset:18px 16px}.b2b-services-clean__participation::after{left:26px;top:49px;width:calc(100% - 52px);height:42px}.b2b-services-clean__participation em{right:24px;top:50px;font-size:7px}.b2b-services-clean__participation span{top:67px;margin-right:9%;font-size:6px}
.b2b-services-clean__stats{align-self:start;justify-self:right;width:36%;aspect-ratio:150/132;padding:13px;border-radius:14px;font-size:8px}.b2b-services-clean__stats::before{left:39%;top:29%;padding:2px 5px;font-size:6px}.b2b-services-clean__stats>span{font-size:6px}.b2b-services-clean__stats>div{height:62%;margin-top:11px}.b2b-services-clean__stats>div::after{left:0;bottom:-8px;font-size:4px;word-spacing:2px}.b2b-services-clean__stats i{width:6px}
.b2b-services-clean__acq-footer{display:none}
.b2b-services-clean__panel--loyalty .b2b-services-clean__loyalty-visual{display:none}.b2b-services-clean__wallet{order:1;aspect-ratio:1}.b2b-services-clean__wallet figcaption{left:20px;right:20px;top:auto;bottom:22px}.b2b-services-clean__wallet h3{font-size:21px}.b2b-services-clean__wallet p{margin-top:8px;font-size:15px}.b2b-services-clean__loyalty-copy{order:2;text-align:start}.b2b-services-clean__loyalty-cta{order:3;min-height:68px;padding:8px;border-radius:14px}.b2b-services-clean__loyalty-cta span{width:100%;height:50px}.b2b-services-clean__loyalty-cta::before{position:absolute;z-index:2;left:10%}.b2b-services-clean__rewards{order:4;min-height:260px;padding:20px 24px}.b2b-services-clean__rewards h3{font-size:21px}.b2b-services-clean__rewards p{margin-top:10px;font-size:15px}.b2b-services-clean__rewards i{left:50%;bottom:0;width:180px;height:162px;transform:translateX(-50%)}
}
@media(prefers-reduced-motion:reduce){.b2b-services-clean__panel,.b2b-services-clean__panel *,.b2b-services-clean__tab{animation:none!important;transition:none!important}}

/* Services: one final contract for both languages and every service state. */
/* SVG reference canvas: 1224px wide. */
.b2b-page .b2b-services-clean[dir='rtl'] .b2b-services-clean__tab{direction:rtl}
.b2b-page .b2b-services-clean[dir='ltr'] .b2b-services-clean__tab{direction:ltr}
.b2b-page .b2b-services-clean__tab b{order:-1}
/* The approved service CTA is text-only; remove legacy decorative arrows. */
.b2b-page .b2b-services-clean__button::before,
.b2b-page .b2b-services-clean__loyalty-cta::before{content:none;display:none}

/* The raised active tab joins the panel with the same continuous Figma curve. */
@media(min-width:768px){
 .b2b-page .b2b-services-clean__tab.is-active{z-index:20;isolation:isolate}
 .b2b-page .b2b-services-clean__tab.is-active::after{display:none}
 .b2b-page .b2b-services-clean__tab-join{position:absolute;inset:0;z-index:8;display:none;pointer-events:none}
 .b2b-page .b2b-services-clean__tab.is-active .b2b-services-clean__tab-join{display:block}
 .b2b-page .b2b-services-clean__tab-join::before,
 .b2b-page .b2b-services-clean__tab-join::after{content:'';position:absolute;bottom:-1px;width:20px;height:20px;background:#fff}
 .b2b-page .b2b-services-clean__tab-join::before{right:-19px;border-left:2px solid var(--line);border-bottom:2px solid var(--line);border-bottom-left-radius:20px}
 .b2b-page .b2b-services-clean__tab-join::after{left:-19px;border-right:2px solid var(--line);border-bottom:2px solid var(--line);border-bottom-right-radius:20px}
 .b2b-page .b2b-services-clean[dir='rtl'] .b2b-services-clean__tab:nth-child(1) .b2b-services-clean__tab-join::before,
 .b2b-page .b2b-services-clean[dir='rtl'] .b2b-services-clean__tab:nth-child(3) .b2b-services-clean__tab-join::after,
 .b2b-page .b2b-services-clean[dir='ltr'] .b2b-services-clean__tab:nth-child(1) .b2b-services-clean__tab-join::after,
 .b2b-page .b2b-services-clean[dir='ltr'] .b2b-services-clean__tab:nth-child(3) .b2b-services-clean__tab-join::before{display:none}
}

/* Rewards showcase: isolated Figma implementation. */
.b2b-page .b2b-rewards-clean,.b2b-page .b2b-rewards-clean *{box-sizing:border-box}
.b2b-page .b2b-rewards-clean{container-type:inline-size;position:relative;z-index:1;isolation:isolate;width:min(1180px,calc(100% - 32px));aspect-ratio:1440/702;margin:clamp(96px,10.417vw,150px) auto 0;overflow:hidden;background:#fff;color:#0f172a}
.b2b-rewards-clean__scene,.b2b-rewards-clean__veil{position:absolute;inset:0;margin:0}
.b2b-rewards-clean__scene{z-index:0;overflow:hidden;--b2b-rewards-slide:min(47.436cqw,370px)}
.b2b-rewards-clean__scene-base,.b2b-rewards-clean__scene-pane{position:absolute;inset:0;display:block;width:100%;height:100%}
.b2b-rewards-clean__scene-base{z-index:0;overflow:hidden;transform:scale(1.06);filter:blur(22px) saturate(.88);opacity:.96}
.b2b-rewards-clean__scene-pane{z-index:1;transform:translate3d(0,0,0);backface-visibility:hidden}
.b2b-rewards-clean__scene-pane--left{clip-path:inset(0 50% 0 0)}
.b2b-rewards-clean__scene-pane--right{clip-path:inset(0 0 0 50%)}
.b2b-rewards-clean__scene img{display:block;width:100%;height:100%;object-fit:cover}
.b2b-rewards-clean__veil{z-index:1;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,0) 4%,rgba(255,255,255,0) 92%,#fff 100%);pointer-events:none}
.b2b-rewards-clean__content{position:absolute;z-index:2;inset:0;text-align:center}
.b2b-rewards-clean__title{position:absolute;top:4.722cqw;left:50%;width:min(60cqw,860px);margin:0;transform:translateX(-50%);font-family:'IBM Plex Sans Arabic',sans-serif;font-size:clamp(36px,4.167cqw,60px);font-weight:600;line-height:1.35;text-transform:none}
.b2b-rewards-clean__title span,.b2b-rewards-clean__title strong{display:block;font:inherit}.b2b-rewards-clean__title span{color:#0f172a}.b2b-rewards-clean__title strong{color:#ef6b3b}
.b2b-rewards-clean[dir=ltr] .b2b-rewards-clean__title{width:min(72.222cqw,1040px);font-size:clamp(34px,3.472cqw,50px);line-height:1.25}
.b2b-rewards-clean__copy{position:absolute;top:18.75cqw;left:50%;width:min(46.389cqw,668px);margin:0;transform:translateX(-50%);color:#0f172a;font-family:'STC Forward','IBM Plex Sans Arabic',sans-serif;font-size:clamp(20px,2.083cqw,30px);font-weight:400;line-height:1.45}
.b2b-rewards-clean__cta{position:absolute;top:31.111cqw;left:50%;width:min(22.222cqw,320px);height:min(3.333cqw,48px);padding:10px;transform:translateX(-50%);border-radius:8px;background:#ef6b3b;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;direction:ltr;gap:8px;box-shadow:0 12px 28px rgba(239,107,59,.18);transition:transform 220ms ease,box-shadow 220ms ease,background-color 220ms ease}
.b2b-rewards-clean__cta-motion,.b2b-rewards-clean__cta-shell{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.b2b-rewards-clean__cta-shell{transform-origin:50% 50%}
.b2b-rewards-clean__cta-arrow{display:block;width:28px;height:28px;flex:0 0 28px;background:url('../Website_icon/Website_icon (4)/Icon.svg') center/contain no-repeat;transform-origin:50% 50%}
.b2b-rewards-clean__cta-label-width,.b2b-rewards-clean__cta-label{display:inline-block;transform-origin:50% 50%}
.b2b-rewards-clean__cta-label{font-family:'STC Forward','IBM Plex Sans Arabic',sans-serif;font-size:clamp(15px,1.389cqw,20px);font-weight:500;line-height:1.2}.b2b-rewards-clean[dir=rtl] .b2b-rewards-clean__cta-label{direction:rtl}.b2b-rewards-clean[dir=ltr] .b2b-rewards-clean__cta-shell{flex-direction:row-reverse}.b2b-rewards-clean[dir=ltr] .b2b-rewards-clean__cta-arrow{transform:rotate(180deg)}
.b2b-rewards-clean__cta:hover{background:#df5e31;box-shadow:0 16px 34px rgba(239,107,59,.28);transform:translateX(-50%) translateY(-3px)}.b2b-rewards-clean__cta:focus-visible{outline:3px solid rgba(12,35,64,.3);outline-offset:4px}
.b2b-rewards-clean.is-motion-ready:not(.is-motion-active) .b2b-rewards-clean__scene-pane--left{transform:translate3d(calc(0px - var(--b2b-rewards-slide)),0,0)}
.b2b-rewards-clean.is-motion-ready:not(.is-motion-active) .b2b-rewards-clean__scene-pane--right{transform:translate3d(var(--b2b-rewards-slide),0,0)}
.b2b-rewards-clean.is-motion-ready:not(.is-motion-active) .b2b-rewards-clean__title,.b2b-rewards-clean.is-motion-ready:not(.is-motion-active) .b2b-rewards-clean__copy{opacity:0}
.b2b-rewards-clean.is-motion-ready:not(.is-motion-active) .b2b-rewards-clean__cta-motion{opacity:0;transform:translate3d(34px,12px,0)}
.b2b-rewards-clean.is-motion-ready:not(.is-motion-active) .b2b-rewards-clean__cta-shell{opacity:0;transform:scaleX(1.0353)}
.b2b-rewards-clean.is-motion-ready:not(.is-motion-active) .b2b-rewards-clean__cta-arrow{opacity:0;transform:scaleY(-1)}
.b2b-rewards-clean[dir=ltr].is-motion-ready:not(.is-motion-active) .b2b-rewards-clean__cta-arrow{transform:rotate(180deg) scaleY(-1)}
.b2b-rewards-clean.is-motion-ready:not(.is-motion-active) .b2b-rewards-clean__cta-label-width{transform:scaleX(1.0213)}
.b2b-rewards-clean.is-motion-ready:not(.is-motion-active) .b2b-rewards-clean__cta-label{opacity:0}
.b2b-rewards-clean.is-motion-active .b2b-rewards-clean__scene-pane{will-change:transform}
.b2b-rewards-clean.is-motion-active .b2b-rewards-clean__scene-pane--left{animation:b2b-rewards-pane-left 2500ms cubic-bezier(0,0,.58,1) both}
.b2b-rewards-clean.is-motion-active .b2b-rewards-clean__scene-pane--right{animation:b2b-rewards-pane-right 2500ms cubic-bezier(0,0,.58,1) both}
.b2b-rewards-clean.is-motion-active .b2b-rewards-clean__title,.b2b-rewards-clean.is-motion-active .b2b-rewards-clean__copy{animation:b2b-rewards-opacity-in 450ms cubic-bezier(.42,0,.58,1) both}
.b2b-rewards-clean.is-motion-active .b2b-rewards-clean__cta-motion{animation:b2b-rewards-cta-in 300ms cubic-bezier(.42,0,.58,1) both}
.b2b-rewards-clean.is-motion-active .b2b-rewards-clean__cta-shell{animation:b2b-rewards-cta-shell-in 300ms cubic-bezier(0,0,.58,1) both}
.b2b-rewards-clean.is-motion-active .b2b-rewards-clean__cta-arrow{animation:b2b-rewards-arrow-in 300ms cubic-bezier(0,0,.58,1) both}
.b2b-rewards-clean[dir=ltr].is-motion-active .b2b-rewards-clean__cta-arrow{animation-name:b2b-rewards-arrow-in-ltr}
.b2b-rewards-clean.is-motion-active .b2b-rewards-clean__cta-label-width{animation:b2b-rewards-label-width-in 300ms cubic-bezier(0,0,.58,1) both}
.b2b-rewards-clean.is-motion-active .b2b-rewards-clean__cta-label{animation:b2b-rewards-opacity-in 300ms cubic-bezier(0,0,.58,1) both}
.b2b-rewards-clean.is-motion-complete .b2b-rewards-clean__scene-pane{will-change:auto}
@keyframes b2b-rewards-pane-left{from{transform:translate3d(calc(0px - var(--b2b-rewards-slide)),0,0)}to{transform:translate3d(0,0,0)}}
@keyframes b2b-rewards-pane-right{from{transform:translate3d(var(--b2b-rewards-slide),0,0)}to{transform:translate3d(0,0,0)}}
@keyframes b2b-rewards-opacity-in{from{opacity:0}to{opacity:1}}
@keyframes b2b-rewards-cta-in{from{opacity:0;transform:translate3d(34px,12px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes b2b-rewards-cta-shell-in{from{opacity:0;transform:scaleX(1.0353)}to{opacity:1;transform:scaleX(1)}}
@keyframes b2b-rewards-arrow-in{from{opacity:0;transform:scaleY(-1)}to{opacity:1;transform:scaleY(1)}}
@keyframes b2b-rewards-arrow-in-ltr{from{opacity:0;transform:rotate(180deg) scaleY(-1)}to{opacity:1;transform:rotate(180deg) scaleY(1)}}
@keyframes b2b-rewards-label-width-in{from{transform:scaleX(1.0213)}to{transform:scaleX(1)}}

@media(max-width:767px){
.b2b-page .b2b-rewards-clean{width:100%;min-height:0;aspect-ratio:780/1156;margin-top:72px;border-radius:0;background:#fff7f2}
.b2b-rewards-clean__scene{inset:0;height:auto}.b2b-rewards-clean__scene img{position:static;width:100%;max-width:none;height:100%;transform:none;object-fit:cover}
.b2b-rewards-clean__veil{background:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,0) 35%,rgba(255,255,255,0) 94%,#fff 100%)}
.b2b-rewards-clean__title{top:7.8%;width:calc(100% - 24px);font-size:clamp(26px,7.7vw,32px);line-height:1.28}
.b2b-rewards-clean[dir=ltr] .b2b-rewards-clean__title{width:calc(100% - 24px);font-size:clamp(21px,6.3vw,27px);line-height:1.25}
.b2b-rewards-clean__copy{top:24.9%;width:calc(100% - 46px);font-size:clamp(13px,4vw,16px);line-height:1.48}
.b2b-rewards-clean__cta{top:38.9%;width:70.25%;height:8.3%;min-height:44px}.b2b-rewards-clean__cta-label{font-size:clamp(14px,4.2vw,17px)}.b2b-rewards-clean__cta-arrow{width:23px;height:23px;flex-basis:23px}
}
@media(prefers-reduced-motion:reduce){.b2b-rewards-clean__scene-pane,.b2b-rewards-clean__title,.b2b-rewards-clean__copy,.b2b-rewards-clean__cta-motion,.b2b-rewards-clean__cta-shell,.b2b-rewards-clean__cta-arrow,.b2b-rewards-clean__cta-label-width,.b2b-rewards-clean__cta-label{animation:none!important;opacity:1!important;transform:none!important}.b2b-rewards-clean[dir=ltr] .b2b-rewards-clean__cta-arrow{transform:rotate(180deg)!important}.b2b-rewards-clean__cta{transition:none}}

/* Marketing 360: isolated Figma implementation. */
.b2b-page .b2b-marketing-360-clean,.b2b-page .b2b-marketing-360-clean *{box-sizing:border-box}
.b2b-page .b2b-marketing-360-clean{container-type:inline-size;position:relative;isolation:isolate;width:min(1180px,calc(100% - 32px));min-height:clamp(510px,51.062vw,625px);margin:clamp(80px,7.843vw,120px) auto 0;padding:0;overflow:hidden;background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax);color:#08345f;display:grid;grid-template-columns:40.85% 47.957%;gap:7.843%;justify-content:center;align-items:center;direction:ltr;--b2b-360-slide:min(47.436cqw,370px)}
.b2b-marketing-360-clean__visual{width:40.85cqw;height:49.592cqw;display:flex;align-items:flex-start;gap:1.634cqw;direction:ltr}
.b2b-marketing-360-clean__digits,.b2b-marketing-360-clean__strategy,.b2b-marketing-360-clean__target{position:relative;margin:0;overflow:hidden;border-radius:1.634cqw}
.b2b-marketing-360-clean__digits{width:15.686cqw;height:49.592cqw;flex:0 0 15.686cqw;background:#071226}
.b2b-marketing-360-clean__digits-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.b2b-marketing-360-clean__digits-row{position:absolute;z-index:1;top:5.229cqw;left:3.922cqw;width:7.843cqw;display:flex;flex-direction:column;align-items:center;gap:5.229cqw}
.b2b-marketing-360-clean__digits-row>img,.b2b-marketing-360-clean__zero>img:first-child{display:block;width:7.843cqw;height:auto}
.b2b-marketing-360-clean__zero{position:relative;display:block}
.b2b-marketing-360-clean__degree{position:absolute;top:-.817cqw;right:-1.961cqw;width:2.288cqw!important;height:2.288cqw!important}
.b2b-marketing-360-clean__visual-column{width:23.529cqw;display:flex;flex-direction:column;gap:1.634cqw}
.b2b-marketing-360-clean__strategy{width:23.529cqw;height:31.373cqw;background:linear-gradient(180deg,#e1e2e4 0%,#f7e9cf 46%,#ee8068 100%)}
.b2b-marketing-360-clean__chip{position:absolute;display:inline-flex;align-items:center;justify-content:center;padding:.654cqw .981cqw;border:1px solid rgba(255,255,255,.62);border-radius:6.454cqw;font-family:'Cairo',sans-serif;font-weight:500;line-height:1.1;white-space:nowrap;text-transform:capitalize;box-shadow:0 7px 18px rgba(8,52,95,.06)}
.b2b-marketing-360-clean__chip--audience{left:4.23cqw;top:3.023cqw;transform:rotate(25deg);background:rgba(242,163,60,.2);color:#08345f;font-size:clamp(15px,1.961cqw,24px)}
.b2b-marketing-360-clean__chip--strategy{left:2.614cqw;top:20.686cqw;transform:rotate(-25deg);background:rgba(86,193,255,.2);color:#fff;font-size:clamp(15px,1.961cqw,24px)}
.b2b-marketing-360-clean__chip--plan{left:15.651cqw;top:23.203cqw;transform:rotate(26.89deg);background:rgba(86,193,255,.2);color:#fff;font-size:clamp(9px,.981cqw,12px)}
.b2b-marketing-360-clean__chip--audience-small{left:3.023cqw;top:28.461cqw;transform:rotate(-20deg);background:rgba(242,163,60,.2);color:#08345f;font-size:clamp(9px,.981cqw,12px)}
.b2b-marketing-360-clean__chip--trends{left:5.698cqw;top:-2.206cqw;transform:rotate(27.26deg);background:rgba(242,163,60,.2);color:#08345f;font-size:clamp(9px,.981cqw,12px)}
.b2b-marketing-360-clean__chip--marketing{left:1.3cqw;top:13.562cqw;transform:rotate(2.25deg);padding:.245cqw .399cqw;background:rgba(242,163,60,.2);color:#08345f;font-size:clamp(7px,.735cqw,9px)}
.b2b-marketing-360-clean__chip--strategy-small{left:10.539cqw;top:6.422cqw;transform:rotate(-25deg);background:rgba(86,193,255,.2);color:#fff;font-size:clamp(9px,.981cqw,12px)}
.b2b-marketing-360-clean__target{width:23.529cqw;height:16.993cqw;overflow:visible;background:#a2aac8}
.b2b-marketing-360-clean__target img{position:absolute;left:0;top:-.981cqw;width:20.18cqw;height:19.771cqw;object-fit:contain}
.b2b-marketing-360-clean__content{width:47.957cqw;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.941cqw;text-align:center;direction:rtl;color:#08345f}
.b2b-marketing-360-clean[dir=ltr] .b2b-marketing-360-clean__content{direction:ltr}
.b2b-marketing-360-clean__header{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.961cqw}
.b2b-marketing-360-clean__eyebrow{display:block;color:#f36b3b;font-family:'IBM Plex Sans Arabic',sans-serif;font-size:clamp(20px,2.451cqw,30px);font-weight:600;line-height:1.25}
.b2b-marketing-360-clean__title{margin:0;color:#08345f;font-family:'IBM Plex Sans Arabic',sans-serif;font-size:clamp(27px,2.941cqw,36px);font-weight:600;line-height:1.35;text-transform:capitalize}
.b2b-marketing-360-clean__copy{width:100%;margin:0;color:#08345f;font-family:'STC Forward','IBM Plex Sans Arabic',sans-serif;font-size:clamp(18px,1.961cqw,24px);font-weight:400;line-height:1.55}
.b2b-marketing-360-clean[dir=ltr] .b2b-marketing-360-clean__copy{font-family:'Cairo','IBM Plex Sans Arabic',sans-serif;font-size:clamp(16px,1.716cqw,21px)}
.b2b-marketing-360-clean__benefits{width:100%;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;align-items:stretch;gap:1.634cqw}
.b2b-marketing-360-clean__benefits li{display:flex;align-items:center;justify-content:flex-start;gap:1.634cqw;color:#d55e1a;font-family:'IBM Plex Sans Arabic',sans-serif;font-size:clamp(17px,1.961cqw,24px);font-weight:500;line-height:1.35;text-align:start}
.b2b-marketing-360-clean__benefits i{position:relative;width:1.961cqw;height:1.961cqw;flex:0 0 1.961cqw;border-radius:50%;background:#56c1ff}
.b2b-marketing-360-clean__benefits i::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#08345f;font:700 clamp(11px,1.225cqw,15px)/1 Arial,sans-serif}
.b2b-marketing-360-clean__cta{width:41.748cqw;min-height:4.575cqw;padding:.817cqw;border-radius:.654cqw;background:#f36b3b;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;direction:ltr;box-shadow:0 12px 28px rgba(213,94,26,.18);transition:transform 220ms ease,background-color 220ms ease,box-shadow 220ms ease}
.b2b-marketing-360-clean__cta:hover{background:#d55e1a;transform:translateY(-3px);box-shadow:0 17px 34px rgba(213,94,26,.3)}
.b2b-marketing-360-clean__cta:focus-visible{outline:3px solid rgba(86,193,255,.7);outline-offset:4px}
.b2b-marketing-360-clean__cta-motion,.b2b-marketing-360-clean__cta-shell{display:inline-flex;align-items:center;justify-content:center;gap:.654cqw}
.b2b-marketing-360-clean__cta-shell,.b2b-marketing-360-clean__cta-arrow,.b2b-marketing-360-clean__cta-label-width,.b2b-marketing-360-clean__cta-label{transform-origin:50% 50%}
.b2b-marketing-360-clean__cta-arrow{display:block;width:2.288cqw;height:2.288cqw;flex:0 0 2.288cqw;background:url('../Website_icon/Website_icon (4)/Icon.svg') center/contain no-repeat}
.b2b-marketing-360-clean__cta-label-width,.b2b-marketing-360-clean__cta-label{display:inline-block}
.b2b-marketing-360-clean__cta-label{font-family:'STC Forward','IBM Plex Sans Arabic',sans-serif;font-size:clamp(16px,1.634cqw,20px);font-weight:500;line-height:1.2;white-space:nowrap}
.b2b-marketing-360-clean[dir=ltr] .b2b-marketing-360-clean__cta-shell{flex-direction:row-reverse}.b2b-marketing-360-clean[dir=ltr] .b2b-marketing-360-clean__cta-arrow{transform:rotate(180deg)}
.b2b-marketing-360-clean.is-motion-ready:not(.is-motion-active) .b2b-marketing-360-clean__visual{transform:translate3d(calc(0px - var(--b2b-360-slide)),0,0)}
.b2b-marketing-360-clean.is-motion-ready:not(.is-motion-active) .b2b-marketing-360-clean__content{transform:translate3d(var(--b2b-360-slide),0,0)}
.b2b-marketing-360-clean.is-motion-ready:not(.is-motion-active) .b2b-marketing-360-clean__title,.b2b-marketing-360-clean.is-motion-ready:not(.is-motion-active) .b2b-marketing-360-clean__copy{opacity:0}
.b2b-marketing-360-clean.is-motion-ready:not(.is-motion-active) .b2b-marketing-360-clean__cta-motion{opacity:0;transform:translate3d(34px,12px,0)}
.b2b-marketing-360-clean.is-motion-ready:not(.is-motion-active) .b2b-marketing-360-clean__cta-shell{opacity:0;transform:scaleX(1.0353)}
.b2b-marketing-360-clean.is-motion-ready:not(.is-motion-active) .b2b-marketing-360-clean__cta-arrow{opacity:0;transform:scaleY(-1)}
.b2b-marketing-360-clean[dir=ltr].is-motion-ready:not(.is-motion-active) .b2b-marketing-360-clean__cta-arrow{transform:rotate(180deg) scaleY(-1)}
.b2b-marketing-360-clean.is-motion-ready:not(.is-motion-active) .b2b-marketing-360-clean__cta-label-width{transform:scaleX(1.0213)}
.b2b-marketing-360-clean.is-motion-ready:not(.is-motion-active) .b2b-marketing-360-clean__cta-label{opacity:0}
.b2b-marketing-360-clean.is-motion-active .b2b-marketing-360-clean__visual{animation:b2b-360-visual-in 2500ms cubic-bezier(0,0,.58,1) both;will-change:transform}
.b2b-marketing-360-clean.is-motion-active .b2b-marketing-360-clean__content{animation:b2b-360-content-in 2500ms cubic-bezier(0,0,.58,1) both;will-change:transform}
.b2b-marketing-360-clean.is-motion-active .b2b-marketing-360-clean__title,.b2b-marketing-360-clean.is-motion-active .b2b-marketing-360-clean__copy{animation:b2b-360-opacity-in 450ms cubic-bezier(.42,0,.58,1) both}
.b2b-marketing-360-clean.is-motion-active .b2b-marketing-360-clean__cta-motion{animation:b2b-360-cta-in 300ms cubic-bezier(.42,0,.58,1) both}
.b2b-marketing-360-clean.is-motion-active .b2b-marketing-360-clean__cta-shell{animation:b2b-360-shell-in 300ms cubic-bezier(0,0,.58,1) both}
.b2b-marketing-360-clean.is-motion-active .b2b-marketing-360-clean__cta-arrow{animation:b2b-360-arrow-in 300ms cubic-bezier(0,0,.58,1) both}
.b2b-marketing-360-clean[dir=ltr].is-motion-active .b2b-marketing-360-clean__cta-arrow{animation-name:b2b-360-arrow-in-ltr}
.b2b-marketing-360-clean.is-motion-active .b2b-marketing-360-clean__cta-label-width{animation:b2b-360-label-width-in 300ms cubic-bezier(0,0,.58,1) both}
.b2b-marketing-360-clean.is-motion-active .b2b-marketing-360-clean__cta-label{animation:b2b-360-opacity-in 300ms cubic-bezier(0,0,.58,1) both}
.b2b-marketing-360-clean.is-motion-complete .b2b-marketing-360-clean__visual,.b2b-marketing-360-clean.is-motion-complete .b2b-marketing-360-clean__content{will-change:auto}
@keyframes b2b-360-visual-in{from{transform:translate3d(calc(0px - var(--b2b-360-slide)),0,0)}to{transform:translate3d(0,0,0)}}
@keyframes b2b-360-content-in{from{transform:translate3d(var(--b2b-360-slide),0,0)}to{transform:translate3d(0,0,0)}}
@keyframes b2b-360-opacity-in{from{opacity:0}to{opacity:1}}
@keyframes b2b-360-cta-in{from{opacity:0;transform:translate3d(34px,12px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes b2b-360-shell-in{from{opacity:0;transform:scaleX(1.0353)}to{opacity:1;transform:scaleX(1)}}
@keyframes b2b-360-arrow-in{from{opacity:0;transform:scaleY(-1)}to{opacity:1;transform:scaleY(1)}}
@keyframes b2b-360-arrow-in-ltr{from{opacity:0;transform:rotate(180deg) scaleY(-1)}to{opacity:1;transform:rotate(180deg) scaleY(1)}}
@keyframes b2b-360-label-width-in{from{transform:scaleX(1.0213)}to{transform:scaleX(1)}}

@media(max-width:991px){
.b2b-page .b2b-marketing-360-clean{width:100vw;max-width:100vw;min-height:0;margin-top:72px;margin-inline:calc(50% - 50vw);padding:0 20px clamp(24px,7.692vw,60px);grid-template-columns:minmax(0,1fr);grid-template-areas:'digits' 'content' 'target';gap:0;align-items:start;--b2b-360-slide:47.436cqw}
.b2b-page .b2b-marketing-360-clean>*{min-width:0;max-width:100%}
.b2b-marketing-360-clean__visual,.b2b-marketing-360-clean__visual-column{display:contents}
.b2b-marketing-360-clean__digits{grid-area:digits;width:100%;height:auto;aspect-ratio:716/354;border-radius:20px}
.b2b-marketing-360-clean__digits-bg{left:50%;top:50%;width:49.44%;height:160.6%;transform:translate(-50%,-50%) rotate(-90deg);object-fit:fill}
.b2b-marketing-360-clean__digits-row{top:50%;left:8.38%;width:83.24%;transform:translateY(-50%);flex-direction:row;justify-content:space-between;gap:0}
.b2b-marketing-360-clean__digits-row>img,.b2b-marketing-360-clean__zero>img:first-child{width:clamp(48px,14.246cqw,102px);max-height:clamp(62px,18.156cqw,130px)}
.b2b-marketing-360-clean__zero{display:block}
.b2b-marketing-360-clean__degree{top:-18%;right:-38%;width:clamp(17px,4.888cqw,35px)!important;height:clamp(17px,4.888cqw,35px)!important}
.b2b-marketing-360-clean__strategy{display:none}
.b2b-marketing-360-clean__content{grid-area:content;width:100%;padding-top:clamp(28px,8.718cqw,68px);gap:clamp(26px,8.205cqw,64px);transform:none}
.b2b-marketing-360-clean__header{gap:clamp(18px,6.154cqw,48px)}
.b2b-marketing-360-clean__eyebrow{font-size:clamp(18px,4.615cqw,33px)}
.b2b-marketing-360-clean__title{width:100%;font-size:clamp(22px,6.154cqw,40px);line-height:1.45}
.b2b-marketing-360-clean__copy{font-size:clamp(15px,4.103cqw,26px);line-height:1.55}
.b2b-marketing-360-clean[dir=ltr] .b2b-marketing-360-clean__copy{font-size:clamp(14px,3.846cqw,24px)}
.b2b-marketing-360-clean__benefits{gap:clamp(22px,6.154cqw,48px)}
.b2b-marketing-360-clean__benefits li{gap:clamp(12px,3.077cqw,24px);font-size:clamp(15px,4.103cqw,26px);line-height:1.45}
.b2b-marketing-360-clean__benefits i{width:clamp(24px,6.154cqw,48px);height:clamp(24px,6.154cqw,48px);flex-basis:clamp(24px,6.154cqw,48px)}
.b2b-marketing-360-clean__benefits i::after{font-size:clamp(12px,3.077cqw,24px)}
.b2b-marketing-360-clean__cta{width:100%;min-height:clamp(48px,12.308cqw,96px);padding:10px;border-radius:8px}
.b2b-marketing-360-clean__cta-motion,.b2b-marketing-360-clean__cta-shell{gap:clamp(8px,2.051cqw,16px)}
.b2b-marketing-360-clean__cta-arrow{width:clamp(24px,6.154cqw,48px);height:clamp(24px,6.154cqw,48px);flex-basis:clamp(24px,6.154cqw,48px)}
.b2b-marketing-360-clean__cta-label{font-size:clamp(18px,5.128cqw,34px)}
.b2b-marketing-360-clean__target{grid-area:target;width:100%;height:auto;aspect-ratio:716/405;margin-top:clamp(40px,10.256cqw,80px);border-radius:20px}
.b2b-marketing-360-clean__target img{left:0;top:-3%;width:64%;height:112%;object-fit:contain}
.b2b-marketing-360-clean.is-motion-ready:not(.is-motion-active) .b2b-marketing-360-clean__visual{transform:none}
.b2b-marketing-360-clean.is-motion-ready:not(.is-motion-active) .b2b-marketing-360-clean__digits,.b2b-marketing-360-clean.is-motion-ready:not(.is-motion-active) .b2b-marketing-360-clean__target{transform:translate3d(calc(0px - var(--b2b-360-slide)),0,0)}
.b2b-marketing-360-clean.is-motion-active .b2b-marketing-360-clean__visual{animation:none;will-change:auto}
.b2b-marketing-360-clean.is-motion-active .b2b-marketing-360-clean__digits,.b2b-marketing-360-clean.is-motion-active .b2b-marketing-360-clean__target{animation:b2b-360-visual-in 2500ms cubic-bezier(0,0,.58,1) both;will-change:transform}
}
@media(prefers-reduced-motion:reduce){.b2b-marketing-360-clean__visual,.b2b-marketing-360-clean__content,.b2b-marketing-360-clean__digits,.b2b-marketing-360-clean__target,.b2b-marketing-360-clean__title,.b2b-marketing-360-clean__copy,.b2b-marketing-360-clean__cta-motion,.b2b-marketing-360-clean__cta-shell,.b2b-marketing-360-clean__cta-arrow,.b2b-marketing-360-clean__cta-label-width,.b2b-marketing-360-clean__cta-label{animation:none!important;opacity:1!important;transform:none!important}.b2b-marketing-360-clean[dir=ltr] .b2b-marketing-360-clean__cta-arrow{transform:rotate(180deg)!important}.b2b-marketing-360-clean__cta{transition:none}}

@media (min-width: 992px) {
    .b2b-page__shell {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .b2b-page__content {
        width: min(1440px, 100vw);
        margin: 0 auto;
        padding-inline: 16px;
        box-sizing: border-box;
    }

    .b2b-page .b2b-hero-shell {
        width: 100%;
        max-width: none;
    }

    .b2b-page .b2b-partners,
    .b2b-page .b2b-rewards-clean,
    .b2b-page .b2b-marketing-360-clean,
    .b2b-page .b2b-services.b2b-services-v3,
    .b2b-page .b2b-services.b2b-services--figma,
    .b2b-page .b2b-footer {
        width: 100%;
        margin-inline: auto;
        padding-inline: 0;
    }
}

/* Final hero lock: keep the reference composition stable across desktop/tablet/mobile. */
@media (min-width: 1201px) {
    .b2b-page .b2b-hero-shell {
        min-height: 1117px;
    }

    .b2b-page .b2b-hero-ref,
    .b2b-page .b2b-hero-ref__frame {
        width: 100%;
        margin: 0;
        left: auto;
        transform: none;
    }

    .b2b-page .b2b-hero-ref__frame {
        min-height: 1117px;
        padding-bottom: 0;
    }

    .b2b-page .b2b-hero-ref__backdrop {
        width: 100%;
        height: 740px;
        min-height: 740px;
        margin: 14px auto 0;
    }

    .b2b-page .b2b-header-ref {
        width: min(1408px, calc(100vw - 32px));
    }

    .b2b-page .b2b-hero-ref__copy {
        width: min(1046px, calc(100% - 160px));
        margin-top: 193px;
    }

    .b2b-page .b2b-hero-ref__title,
    .b2b-page .b2b-hero-ref__accent {
        font-size: clamp(48px, 4.45vw, 64px);
        line-height: 1.26;
    }

    .b2b-page .b2b-hero-ref__accent {
        margin-top: 0;
    }

    .b2b-page .b2b-hero-ref__description {
        width: min(883px, 100%);
        margin-top: 28px;
        font-size: clamp(22px, 2.08vw, 30px);
        line-height: 1.5;
    }

    .b2b-page .b2b-hero-ref__cards {
        top: 589px;
        width: min(1312px, calc(100% - 96px));
        height: 528px;
        grid-template-rows: repeat(2, 256px);
        column-gap: 16px;
        row-gap: 16px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .b2b-page .b2b-header-ref {
        top: 24px;
        left: 50%;
        width: min(880px, calc(100vw - 48px));
        padding: 0;
        transform: translateX(-50%);
    }

    .b2b-page .b2b-header-ref__bar {
        min-height: 64px;
        padding: 0 24px;
        border-radius: 60px;
        background: rgba(255, 255, 255, 0.72) !important;
        border: 0 !important;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.25) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
    }

    .b2b-page .b2b-header-ref__nav,
    .b2b-page .b2b-header-ref__actions {
        display: flex;
    }

    .b2b-page .b2b-header-ref__menu-toggle {
        display: none;
    }

    .b2b-page .b2b-header-ref__brand img {
        width: 76px;
    }

    .b2b-page .b2b-header-ref__nav {
        gap: 24px;
    }

    .b2b-page .b2b-header-ref__nav-link {
        font-size: 20px;
        font-weight: 500;
        font-family: 'STC Forward', sans-serif;
    }

    .b2b-page .b2b-header-ref__locale {
        font-size: 16px;
        font-weight: 500;
        font-family: 'Roboto', sans-serif;
        color: #3f3f46;
    }

    .b2b-page .b2b-header-ref__contact {
        min-width: 160px;
        height: 40px;
        border-radius: 4px;
        background: #ef6b3b !important;
        color: #ffffff !important;
        border: 0 !important;
        box-shadow: 0 8px 22px rgba(239, 107, 59, 0.18) !important;
        font-family: 'STC Forward', sans-serif;
        font-size: 16px;
        font-weight: 500;
    }

    .b2b-page .b2b-header-ref__mobile-panel {
        display: none;
    }

    .b2b-page .b2b-hero-ref__frame {
        min-height: 1020px;
    }

    .b2b-page .b2b-hero-ref__cards {
        top: 500px;
        left: 50%;
        right: auto;
        width: 904px;
        height: 504px;
        grid-template-columns: repeat(4, 214px);
        grid-template-rows: repeat(2, 240px);
        column-gap: 16px;
        row-gap: 16px;
        transform: translateX(-50%) scale(0.92);
        transform-origin: top center;
    }
}

@media (min-width: 768px) and (max-width: 829px) {
    .b2b-page .b2b-hero-ref__cards {
        transform: translateX(-50%) scale(0.75);
    }

    .b2b-page .b2b-hero-ref__stats-title {
        left: 50%;
        top: 98px;
        min-width: 150px;
        transform: translateX(-50%);
        text-align: center;
    }

    .b2b-page .b2b-hero-ref__stats-title strong {
        font-size: 28px;
        line-height: 1;
    }

    .b2b-page .b2b-hero-ref__stats-title span {
        margin-top: 8px;
        font-size: 14px;
        line-height: 1.2;
    }

    .b2b-page .b2b-hero-ref__stats-kpi strong {
        font-size: 22px;
        line-height: 1;
    }

    .b2b-page .b2b-hero-ref__stats-kpi span {
        margin-top: 3px;
        font-size: 10px;
        line-height: 1.15;
    }

    .b2b-page .b2b-hero-ref__stats-kpi--left {
        left: 20px;
        top: 336px;
    }

    .b2b-page .b2b-hero-ref__stats-kpi--right {
        right: 16px;
        top: 292px;
    }
}

@media (min-width: 830px) and (max-width: 899px) {
    .b2b-page .b2b-hero-ref__cards {
        transform: translateX(-50%) scale(0.83);
    }
}

@media (min-width: 900px) and (max-width: 991px) {
    .b2b-page .b2b-hero-ref__cards {
        transform: translateX(-50%) scale(0.92);
    }
}

@media (max-width: 767px) {
    .b2b-page .b2b-hero-ref {
        width: 100%;
        margin: 0;
        left: auto;
        transform: none;
    }

    .b2b-page .b2b-hero-ref__frame {
        width: min(390px, 100%);
        max-width: 390px;
        margin: 0 auto;
    }

    .b2b-page .b2b-hero-ref__backdrop {
        left: 50%;
        right: auto;
        width: min(374px, calc(100% - 16px));
        transform: translateX(-50%);
    }
}

.b2b-page .b2b-hero-ref__card img.b2b-hero-ref__plane-art {
    left: 50% !important;
    right: auto !important;
    height: auto !important;
    object-fit: contain;
    transform: translateX(-50%) !important;
    transform-origin: center;
}

.b2b-page .b2b-hero-ref__card--plane.b2b-hero-ref__card--plane-svg {
    background: transparent !important;
}

.b2b-page .b2b-hero-ref__card--plane.b2b-hero-ref__card--plane-svg::before,
.b2b-page .b2b-hero-ref__card--plane.b2b-hero-ref__card--plane-svg::after {
    content: none !important;
}

.b2b-page .b2b-hero-ref__plane-card-svg {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    padding: 0;
    box-sizing: border-box;
}

.b2b-page .b2b-hero-ref__plane-card-svg svg {
    display: block;
    width: auto;
    height: 100%;
    min-width: 100%;
    max-width: none;
    max-height: 100%;
    overflow: visible;
    shape-rendering: geometricPrecision;
    text-rendering: geometricPrecision;
}

.b2b-page .b2b-hero-ref__plane-card-svg svg text {
    display: none;
}

.b2b-page .b2b-hero-ref__plane-copy--svg {
    left: 18px;
    right: 18px;
    top: 146px;
    z-index: 2;
}

.b2b-page .b2b-hero-ref__plane-copy--svg strong {
    font-size: 24px;
    line-height: 1.2;
    max-width: 280px;
}

.b2b-page .b2b-hero-ref__plane-copy--svg span {
    margin-top: 12px;
    font-size: 18px;
    line-height: 1.24;
    max-width: 280px;
}

html[dir='rtl'] .b2b-page .b2b-hero-ref__plane-copy--svg strong {
    font-size: 25px;
}

html[dir='rtl'] .b2b-page .b2b-hero-ref__plane-copy--svg span {
    font-size: 19px;
}

@media (min-width: 992px) and (max-width: 1366px) {
    .b2b-page .b2b-hero-ref__card img.b2b-hero-ref__plane-art {
        top: 14px !important;
        width: clamp(112px, 10.5vw, 132px) !important;
        max-height: 56%;
    }
}

/* Shared B2B header scroll contract.
 * This is deliberately layout-neutral: each portal page keeps its own header
 * dimensions and placement, while this rule owns only the reveal animation.
 */
.b2b-header-ref {
    position: fixed !important;
    z-index: 1000 !important;
    will-change: translate, opacity;
    transition: translate 260ms cubic-bezier(.22, .61, .36, 1), opacity 180ms ease, visibility 0s linear 260ms !important;
}

.b2b-header-ref.is-scroll-hidden:not(.is-menu-open) {
    translate: 0 calc(-100% - 24px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.b2b-header-ref:not(.is-scroll-hidden),
.b2b-header-ref.is-menu-open {
    translate: 0 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

@media (prefers-reduced-motion: reduce) {
    .b2b-header-ref {
        transition: none !important;
    }
}