/* B2B home: shared container contract with Smart Match. */
.b2b-page{overflow-x:hidden}.b2b-page .b2b-layout-rail{width:min(1200px,calc(100vw - 48px));margin-inline:auto}
@media(min-width:992px){.b2b-page .b2b-page__content{width:calc(100vw - 2px)!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}}
@media(min-width:992px){
 .b2b-page .b2b-header-ref,.b2b-page .b2b-header-ref__bar{width:calc(100vw - 2px)!important;max-width:none!important;margin-inline:auto!important}
 .b2b-page .b2b-hero-ref,.b2b-page .b2b-hero-ref__frame{width:calc(100vw - 2px)!important;max-width:none!important;margin-inline:auto!important}
 .b2b-page .b2b-hero-ref__backdrop{width:100%!important}
 .b2b-page .b2b-hero-ref__description{width:min(920px,calc(100% - 120px))!important;max-width:920px!important;margin:26px auto 0!important;color:#0c2340!important;font:500 23px/1.58 'IBM Plex Sans Arabic','STC Forward',sans-serif!important;text-align:center!important}
 .b2b-page .b2b-rewards-clean,.b2b-page .b2b-marketing-360-clean{width:calc(100vw - 2px)!important;max-width:none!important}
}

/* Header stacking contract: navigation never competes with hero artwork. */
@media (min-width:992px){
 .b2b-page .b2b-header-ref{z-index:100!important;pointer-events:auto!important}
 .b2b-page .b2b-header-ref__bar,.b2b-page .b2b-header-ref__nav-side,.b2b-page .b2b-header-ref__actions,.b2b-page .b2b-header-ref__brand{opacity:1!important;visibility:visible!important}
 .b2b-page .b2b-header-ref__nav,.b2b-page .b2b-header-ref__actions{display:flex!important}
}
@media (max-width:767px){
 .b2b-page .b2b-header-ref.is-menu-open{position:fixed!important;inset:0!important;width:100%!important;height:100vh!important;padding:0!important;transform:none!important;z-index:9998!important;pointer-events:none!important}
 .b2b-page .b2b-header-ref.is-menu-open .b2b-header-ref__bar{pointer-events:none!important}
 .b2b-page .b2b-header-ref.is-menu-open .b2b-header-ref__mobile-panel{position:fixed!important;inset:0 0 0 auto!important;width:min(312px,82vw)!important;height:100dvh!important;z-index:9999!important;pointer-events:auto!important;transform:none!important}
 .b2b-page .b2b-header-ref.is-menu-open .b2b-header-ref__mobile-close,.b2b-page .b2b-header-ref.is-menu-open .b2b-header-ref__mobile-panel a{pointer-events:auto!important}
 body.b2b-menu-open{overflow:hidden!important}
}

/* Final typography authority — kept last so no page stylesheet can alter it. */
:root{--b2b-header-font:'STC Forward','Almarai','Tahoma',sans-serif}
.b2b-page .b2b-header-ref,
.b2b-page .b2b-header-ref *,
body > .b2b-header-ref__mobile-panel,
body > .b2b-header-ref__mobile-panel *{
 font-family:var(--b2b-header-font)!important;
 letter-spacing:0!important;
}
.b2b-page .b2b-header-ref__nav-link,
.b2b-page .b2b-header-ref__locale,
.b2b-page .b2b-header-ref__contact{line-height:1.2!important}
.b2b-page .b2b-header-ref__dropdown-card b{font-size:18px!important;font-weight:700!important;line-height:1.35!important}
.b2b-page .b2b-header-ref__dropdown-card small{font-size:14px!important;font-weight:400!important;line-height:1.5!important}
@media (max-width:767px){
 body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-locale{font-size:20px!important;font-weight:700!important;line-height:1.2!important}
 body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-home{font-size:29px!important;font-weight:700!important;line-height:1.3!important}
 body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-group-title{font-size:31px!important;font-weight:800!important;line-height:1.25!important}
 body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-link{font-size:23px!important;font-weight:400!important;line-height:1.35!important}
 body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-contact{font-size:20px!important;font-weight:700!important;line-height:1.2!important}
}

/* Header flyout — measurements from the supplied Figma SVG (477 × 267). */
@media (min-width:768px){
 .b2b-page .b2b-header-ref__dropdown{
  top:calc(100% + 12px)!important;
  width:477px!important;
  min-width:477px!important;
  max-width:calc(100vw - 48px)!important;
  padding:12px 28px 12px 38px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.85)!important;
  box-shadow:none!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
 }
 .b2b-page .b2b-header-ref__dropdown-card{
  min-height:81px!important;
  padding:0!important;
  grid-template-columns:40px minmax(0,1fr) 32px!important;
  gap:14px!important;
 }
 .b2b-page .b2b-header-ref__dropdown-card + .b2b-header-ref__dropdown-card{border-top:0!important}
 .b2b-page .b2b-header-ref__dropdown-card .b2b-header-ref__dropdown-icon{
  width:40px!important;
  height:40px!important;
  background:#fff4f0!important;
 }
 .b2b-page .b2b-header-ref__dropdown-card .b2b-header-ref__dropdown-icon img{
  width:24px!important;
  height:24px!important;
  object-fit:contain!important;
  filter:brightness(0) saturate(100%) invert(56%) sepia(76%) saturate(1918%) hue-rotate(333deg) brightness(101%) contrast(87%)!important;
 }
 .b2b-page .b2b-header-ref__dropdown-card b{
  color:#051c2e!important;
  font-family:'STC Forward','IBM Plex Sans Arabic',sans-serif!important;
  font-size:18px!important;
  font-weight:500!important;
  line-height:1.3!important;
 }
 .b2b-page .b2b-header-ref__dropdown-card small{
  margin-top:3px!important;
  color:#0a395c!important;
  font-family:'STC Forward','IBM Plex Sans Arabic',sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.35!important;
 }
 .b2b-page .b2b-header-ref__dropdown-card em{
  position:relative!important;
  width:28px!important;
  height:28px!important;
  display:block!important;
  color:transparent!important;
  font-size:0!important;
 }
 .b2b-page .b2b-header-ref__dropdown-card em::before,
 .b2b-page .b2b-header-ref__dropdown-card em::after{
  content:''!important;
  position:absolute!important;
  top:7px!important;
  width:13px!important;
  height:13px!important;
  border-inline-start:1.5px solid #0b5285!important;
  border-bottom:1.5px solid #0b5285!important;
  transform:rotate(45deg)!important;
 }
 .b2b-page .b2b-header-ref__dropdown-card em::before{left:10px!important}
 .b2b-page .b2b-header-ref__dropdown-card em::after{left:3px!important}
 .b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__dropdown-card em{transform:scaleX(-1)!important}
 .b2b-page .b2b-header-ref__dropdown-card:hover,.b2b-page .b2b-header-ref__dropdown-card:focus-visible{background:rgba(255,243,240,.45)!important}
}

/* Header typography authority: one loaded Arabic face in every header layer.
   “STC Forward” is kept first when the licensed face is installed; Almarai is
   the project-loaded fallback, preventing the browser from mixing system fonts. */
:root{--b2b-header-font:'STC Forward','Almarai','Tahoma',sans-serif}
.b2b-page .b2b-header-ref,
.b2b-page .b2b-header-ref *,
body > .b2b-header-ref__mobile-panel,
body > .b2b-header-ref__mobile-panel *{
 font-family:var(--b2b-header-font)!important;
 letter-spacing:0!important;
}
.b2b-page .b2b-header-ref__nav-link,
.b2b-page .b2b-header-ref__locale,
.b2b-page .b2b-header-ref__contact{line-height:1.2!important}
.b2b-page .b2b-header-ref__dropdown-card b{font-size:18px!important;font-weight:700!important;line-height:1.35!important}
.b2b-page .b2b-header-ref__dropdown-card small{font-size:14px!important;font-weight:400!important;line-height:1.5!important}
@media (max-width:767px){
 body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-locale{font-size:20px!important;font-weight:700!important;line-height:1.2!important}
 body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-home{font-size:29px!important;font-weight:700!important;line-height:1.3!important}
 body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-group-title{font-size:31px!important;font-weight:800!important;line-height:1.25!important}
 body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-link{font-size:23px!important;font-weight:400!important;line-height:1.35!important}
 body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-contact{font-size:20px!important;font-weight:700!important;line-height:1.2!important}
}

/* The open sheet is portalled to body so hero stacking contexts cannot cover it. */
@media (max-width:767px){
 body > .b2b-header-ref__mobile-panel{position:fixed!important;inset:0 0 0 auto!important;width:min(312px,82vw)!important;height:100dvh!important;z-index:2147483647!important;display:block!important;padding:0 0 24px!important;overflow-y:auto!important;background:#fff!important;box-shadow:-12px 0 28px rgba(12,35,64,.18)!important;color:#051c2e!important;font-family:'IBM Plex Sans Arabic','STC Forward',sans-serif!important}
 body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-panel-top{height:112px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;direction:ltr}
 body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-locale{display:inline-flex;align-items:center;gap:12px;color:#2f3137;text-decoration:none;font:600 20px/1 'IBM Plex Sans Arabic',sans-serif;direction:ltr}body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-locale img{width:28px;height:28px}
 body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-close{width:40px;height:40px;padding:0;border:0;background:transparent;position:relative;cursor:pointer}body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-close span{position:absolute;left:4px;top:19px;width:32px;height:3px;border-radius:2px;background:#051c2e}body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-close span:first-child{transform:rotate(45deg)}body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-close span:last-child{transform:rotate(-45deg)}
 body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-nav{display:block;margin:0;padding:0}body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-home{min-height:112px;padding:0 32px;display:flex;align-items:center;border-right:8px solid #ef6b3b;color:#051c2e;text-decoration:none;font:600 29px/1.2 'IBM Plex Sans Arabic',sans-serif}body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-group{margin:0;padding:28px 0 0;border-top:1px solid #d8dadd}body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-group-title{display:block;padding:0 32px 20px;color:#051c2e;text-decoration:none;font:700 31px/1.2 'IBM Plex Sans Arabic',sans-serif}body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-link{min-height:62px;padding:0 32px;display:flex;align-items:center;border-top:1px solid #e4e5e7;color:#051c2e;text-decoration:none;font:400 23px/1.22 'IBM Plex Sans Arabic',sans-serif}body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-group + .b2b-header-ref__mobile-group{margin-top:24px}
 body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-contact{position:absolute;right:32px;bottom:48px;left:32px;height:56px;border-radius:6px;background:#ef6b3b;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;font:600 20px/1 'IBM Plex Sans Arabic',sans-serif}
 body > .b2b-header-ref__mobile-panel[dir='rtl']{direction:rtl;text-align:right}body > .b2b-header-ref__mobile-panel[dir='ltr']{direction:ltr;text-align:left;right:auto!important;left:0!important;box-shadow:12px 0 28px rgba(12,35,64,.18)!important}body > .b2b-header-ref__mobile-panel[dir='ltr'] .b2b-header-ref__mobile-home{border-right:0;border-left:8px solid #ef6b3b;justify-content:flex-end}body > .b2b-header-ref__mobile-panel[dir='ltr'] .b2b-header-ref__mobile-group-title,body > .b2b-header-ref__mobile-panel[dir='ltr'] .b2b-header-ref__mobile-link{text-align:left}
}

@media (max-width:767px){
 .b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__brand{left:0!important;right:auto!important}.b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__nav-side{right:0!important;left:auto!important}
 .b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__brand{right:0!important;left:auto!important}.b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__nav-side{left:0!important;right:auto!important}
}

/* One typeface across every B2B header state. */
.b2b-page .b2b-header-ref,.b2b-page .b2b-header-ref button,.b2b-page .b2b-header-ref a,body > .b2b-header-ref__mobile-panel,body > .b2b-header-ref__mobile-panel button,body > .b2b-header-ref__mobile-panel a{font-family:'STC Forward','IBM Plex Sans Arabic',sans-serif!important}

/* Desktop/tablet navigation dropdowns. */
@media (min-width:768px){
 .b2b-page .b2b-header-ref__nav-item{position:relative;display:block}.b2b-page .b2b-header-ref__nav-trigger{padding:0;border:0;background:transparent;cursor:pointer;font:inherit}.b2b-page .b2b-header-ref__dropdown{position:absolute;top:calc(100% + 16px);right:0;z-index:102;width:max-content;min-width:224px;padding:10px;border:1px solid rgba(12,35,64,.09);border-radius:14px;background:rgba(255,255,255,.98);box-shadow:0 16px 34px rgba(12,35,64,.14);opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity 180ms ease,transform 180ms ease,visibility 180ms ease}.b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__dropdown{right:auto;left:0}.b2b-page .b2b-header-ref__dropdown a{min-height:42px;padding:0 14px;display:flex;align-items:center;color:#051c2e;text-decoration:none;white-space:nowrap;border-radius:8px;font:500 15px/1.2 'IBM Plex Sans Arabic','STC Forward',sans-serif}.b2b-page .b2b-header-ref__dropdown a:hover,.b2b-page .b2b-header-ref__dropdown a:focus-visible{background:#fff3f0;color:#ef6b3b;outline:0}.b2b-page .b2b-header-ref__nav-item.is-dropdown-open .b2b-header-ref__dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.b2b-page .b2b-header-ref__nav-item.is-dropdown-open .b2b-header-ref__nav-trigger img{transform:rotate(180deg)}
}

/* Figma-style rich dropdown content. */
@media (min-width:768px){
 .b2b-page .b2b-header-ref__dropdown{min-width:526px!important;padding:14px 20px!important;border-radius:12px!important;background:rgba(255,255,255,.9)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
 .b2b-page .b2b-header-ref__dropdown-card{min-height:78px!important;padding:10px 0!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) 32px!important;align-items:center!important;gap:14px!important;border-radius:0!important;background:transparent!important;text-align:right!important}
 .b2b-page .b2b-header-ref__dropdown-card + .b2b-header-ref__dropdown-card{border-top:1px solid rgba(12,35,64,.07)!important}
 .b2b-page .b2b-header-ref__dropdown-card>span{min-width:0}.b2b-page .b2b-header-ref__dropdown-card b,.b2b-page .b2b-header-ref__dropdown-card small{display:block;font-family:'IBM Plex Sans Arabic','STC Forward',sans-serif!important}.b2b-page .b2b-header-ref__dropdown-card b{color:#051c2e;font-size:19px;font-weight:600;line-height:1.25}.b2b-page .b2b-header-ref__dropdown-card small{margin-top:4px;color:#08345f;font-size:14px;font-weight:400;line-height:1.35;white-space:normal}
 .b2b-page .b2b-header-ref__dropdown-card .b2b-header-ref__dropdown-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#fff3f0;font-style:normal}.b2b-page .b2b-header-ref__dropdown-card .b2b-header-ref__dropdown-icon img{width:23px;height:23px;object-fit:contain}.b2b-page .b2b-header-ref__dropdown-card em{color:#005988;font:400 42px/.6 Arial,sans-serif;font-style:normal;direction:ltr}.b2b-page .b2b-header-ref__dropdown-card:hover{background:transparent!important}.b2b-page .b2b-header-ref__dropdown-card:hover b{color:#ef6b3b}
 .b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__dropdown-card{text-align:left!important;direction:ltr}.b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__dropdown-card em{transform:scaleX(-1)}
}

/* Mobile navigation sheet — mirrors the Figma hierarchy, not a flat list. */
@media (max-width:767px){
 .b2b-page .b2b-header-ref__mobile-panel{padding:0 0 24px!important;color:#051c2e!important;font-family:'IBM Plex Sans Arabic','STC Forward',sans-serif!important}
 .b2b-page .b2b-header-ref__mobile-panel-top{height:112px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;direction:ltr}
 .b2b-page .b2b-header-ref__mobile-locale{display:inline-flex;align-items:center;gap:12px;color:#2f3137;text-decoration:none;font:600 20px/1 'IBM Plex Sans Arabic',sans-serif;direction:ltr}
 .b2b-page .b2b-header-ref__mobile-locale img{width:28px;height:28px}
 .b2b-page .b2b-header-ref__mobile-close{width:40px;height:40px;padding:0;border:0;background:transparent;position:relative;cursor:pointer}
 .b2b-page .b2b-header-ref__mobile-close span{position:absolute;left:4px;top:19px;width:32px;height:3px;border-radius:2px;background:#051c2e}.b2b-page .b2b-header-ref__mobile-close span:first-child{transform:rotate(45deg)}.b2b-page .b2b-header-ref__mobile-close span:last-child{transform:rotate(-45deg)}
 .b2b-page .b2b-header-ref__mobile-nav{display:block!important;margin:0!important;padding:0!important}
 .b2b-page .b2b-header-ref__mobile-home{min-height:112px;padding:0 32px;display:flex;align-items:center;justify-content:flex-start;border-right:8px solid #ef6b3b;color:#051c2e;text-decoration:none;font:600 29px/1.2 'IBM Plex Sans Arabic',sans-serif}
 .b2b-page .b2b-header-ref__mobile-group{margin:0;padding:28px 0 0;border-top:1px solid #d8dadd}
 .b2b-page .b2b-header-ref__mobile-group-title{display:block;padding:0 32px 20px;color:#051c2e;text-decoration:none;font:700 31px/1.2 'IBM Plex Sans Arabic',sans-serif}
 .b2b-page .b2b-header-ref__mobile-link{min-height:62px!important;padding:0 32px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;border-top:1px solid #e4e5e7!important;border-bottom:0!important;color:#051c2e!important;text-decoration:none!important;font:400 23px/1.22 'IBM Plex Sans Arabic',sans-serif!important}
 .b2b-page .b2b-header-ref__mobile-group + .b2b-header-ref__mobile-group{margin-top:24px}
 .b2b-page .b2b-header-ref__mobile-contact{right:32px!important;bottom:48px!important;left:32px!important;height:56px!important;border-radius:6px!important;font-size:20px!important;font-weight:600!important}
 .b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__mobile-home{border-right:0;border-left:8px solid #ef6b3b;justify-content:flex-end}.b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__mobile-group-title,.b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__mobile-link{text-align:left}
}
@media(max-width:991px){
 .b2b-page .b2b-header-ref{padding-inline:24px!important}.b2b-page .b2b-header-ref__bar{width:100%!important;margin:0!important}
 .b2b-page .b2b-rewards-clean{width:calc(100vw - 48px)!important;max-width:1200px!important}
}
@media(max-width:640px){
 .b2b-page .b2b-rewards-clean{width:calc(100vw - 48px)!important;margin-inline:auto!important}
 .b2b-page .b2b-marketing-360-clean{width:100vw!important;max-width:100vw!important;margin-inline:calc(50% - 50vw)!important}
}

/* Persistent ambient color motion for the B2B hero.  The cards and copy stay still. */
.b2b-page .b2b-hero-ref__backdrop::before{content:"";position:absolute;inset:-18%;z-index:0;pointer-events:none;background:linear-gradient(118deg,rgba(239,107,59,.23),transparent 29%,rgba(82,169,213,.18) 53%,transparent 76%,rgba(239,107,59,.18));background-size:220% 220%;mix-blend-mode:soft-light;animation:b2b-hero-ambient-colors 15s ease-in-out infinite alternate}
.b2b-page .b2b-hero-ref__backdrop::after{animation:b2b-hero-continuous-sheen 8s cubic-bezier(.42,0,.58,1) infinite!important}
.b2b-page .b2b-hero-ref__glow--left{animation:b2b-hero-ambient-left 12s ease-in-out infinite alternate!important}.b2b-page .b2b-hero-ref__glow--right{animation:b2b-hero-ambient-right 14s ease-in-out infinite alternate!important}
@keyframes b2b-hero-ambient-colors{0%{background-position:0% 50%;opacity:.35}45%{background-position:58% 20%;opacity:.75}100%{background-position:100% 70%;opacity:.45}}
@keyframes b2b-hero-continuous-sheen{0%{transform:translateX(-115%);opacity:0}12%{opacity:.75}48%{opacity:.4}60%{transform:translateX(115%);opacity:0}100%{transform:translateX(115%);opacity:0}}
@keyframes b2b-hero-ambient-left{0%{transform:translate3d(-28px,-12px,0) scale(.96);filter:blur(100px) saturate(1)}50%{transform:translate3d(110px,48px,0) scale(1.13);filter:blur(112px) saturate(1.32)}100%{transform:translate3d(42px,110px,0) scale(1.02);filter:blur(100px) saturate(1.08)}}
@keyframes b2b-hero-ambient-right{0%{transform:translate3d(30px,80px,0) scale(1.04);filter:blur(100px) saturate(1.08)}55%{transform:translate3d(-115px,-28px,0) scale(1.16);filter:blur(115px) saturate(1.35)}100%{transform:translate3d(-38px,48px,0) scale(.98);filter:blur(100px) saturate(1)}}
@media(prefers-reduced-motion:reduce){.b2b-page .b2b-hero-ref__backdrop::before,.b2b-page .b2b-hero-ref__backdrop::after,.b2b-page .b2b-hero-ref__glow{animation:none!important}}

/* Figma hero entrance — nodes 1227:5071 and 1227:5070. */
.b2b-page .b2b-hero-ref__glow--left{animation:b2b-hero-figma-glow-left 2500ms cubic-bezier(0,0,.58,1) infinite alternate!important}
.b2b-page .b2b-hero-ref__glow--right{animation:b2b-hero-figma-glow-right 2500ms cubic-bezier(0,0,.58,1) infinite alternate!important}
@keyframes b2b-hero-figma-glow-left{from{transform:translate3d(0,0,0)}to{transform:translate3d(370px,0,0)}}
@keyframes b2b-hero-figma-glow-right{from{transform:translate3d(668px,0,0)}to{transform:translate3d(298px,0,0)}}

/* Video reference: two broad colour waves cross through the centre; cards stay static. */
.b2b-page .b2b-hero-ref__backdrop::before{inset:-18%!important;z-index:0!important;opacity:.72!important;background:radial-gradient(ellipse 60% 88% at 8% 50%,rgba(94,168,205,.62) 0%,rgba(94,168,205,.29) 44%,rgba(94,168,205,0) 76%)!important;mix-blend-mode:multiply!important;filter:blur(18px)!important;animation:b2b-hero-video-blue-wave 10s cubic-bezier(.42,0,.58,1) infinite!important}
.b2b-page .b2b-hero-ref__backdrop::after{inset:-18%!important;z-index:0!important;opacity:.68!important;background:radial-gradient(ellipse 60% 88% at 92% 50%,rgba(224,137,111,.62) 0%,rgba(224,137,111,.29) 44%,rgba(224,137,111,0) 76%)!important;mix-blend-mode:multiply!important;filter:blur(18px)!important;animation:b2b-hero-video-orange-wave 10s cubic-bezier(.42,0,.58,1) infinite!important}
@keyframes b2b-hero-video-blue-wave{0%{transform:translate3d(-34%,0,0);opacity:.7}50%{transform:translate3d(15%,0,0);opacity:1}100%{transform:translate3d(34%,0,0);opacity:.7}}
@keyframes b2b-hero-video-orange-wave{0%{transform:translate3d(34%,0,0);opacity:.7}50%{transform:translate3d(-15%,0,0);opacity:1}100%{transform:translate3d(-34%,0,0);opacity:.7}}

/* Final motion authority: only the two Figma glow layers animate. */
.b2b-page .b2b-hero-ref__backdrop::before,.b2b-page .b2b-hero-ref__backdrop::after{content:none!important;display:none!important;animation:none!important}
.b2b-page .b2b-hero-ref__glow{top:-70px!important;z-index:1!important;width:min(1100px,72vw)!important;height:900px!important;opacity:.78!important;filter:blur(128px)!important;mix-blend-mode:multiply!important;will-change:transform!important}
.b2b-page .b2b-hero-ref__glow--left{left:-370px!important;background:#75b0cc!important;animation:b2b-hero-figma-glow-left 2500ms cubic-bezier(0,0,.58,1) infinite alternate!important}
.b2b-page .b2b-hero-ref__glow--right{left:calc(100% - 370px)!important;background:#df967e!important;animation:b2b-hero-figma-glow-right 2500ms cubic-bezier(0,0,.58,1) infinite alternate!important}
.b2b-page .b2b-hero-ref__columns{z-index:2!important}.b2b-page .b2b-hero-ref__copy{position:relative!important;z-index:3!important}

/* Visible colour waves beneath the fixed column artwork. */
.b2b-page .b2b-hero-ref__backdrop{background-image:radial-gradient(ellipse 68% 115% at 50% 50%,rgba(76,159,203,.72) 0%,rgba(76,159,203,.36) 40%,rgba(76,159,203,0) 75%),radial-gradient(ellipse 68% 115% at 50% 50%,rgba(239,130,94,.70) 0%,rgba(239,130,94,.34) 40%,rgba(239,130,94,0) 75%),linear-gradient(#eef2f3,#eef2f3)!important;background-repeat:no-repeat!important;background-size:78% 125%,78% 125%,100% 100%!important;background-position:-42% 50%,142% 50%,0 0!important;animation:b2b-hero-visible-colour-waves 9s cubic-bezier(.42,0,.58,1) infinite alternate!important}
@keyframes b2b-hero-visible-colour-waves{0%{background-position:-42% 50%,142% 50%,0 0}50%{background-position:27% 50%,73% 50%,0 0}100%{background-position:142% 50%,-42% 50%,0 0}}

/* Marketing 360 mobile menu: keep CTA button in flow so it never overlays "360 Marketing". */
@media (max-width: 767px) {
 body.m360-page > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-nav {
  padding-bottom: 24px !important;
 }

 body.m360-page > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-contact {
  position: static !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  width: calc(100% - 64px) !important;
  margin: 24px 32px 28px !important;
  display: flex !important;
 }
}

/* Final visible wave layer and removal of the vertical gap above the hero. */
@media(min-width:992px){.b2b-page__shell{padding-top:0!important}.b2b-page .b2b-hero-ref__frame{padding-top:0!important}.b2b-page .b2b-hero-ref__backdrop{margin-top:0!important}}
.b2b-page .b2b-hero-ref__backdrop{animation:none!important;background:#e4e4e4!important}
.b2b-page .b2b-hero-ref__backdrop::before{content:""!important;display:block!important;inset:-28%!important;z-index:1!important;opacity:.68!important;background:radial-gradient(ellipse 58% 88% at 50% 50%,rgba(40,147,205,.86) 0%,rgba(40,147,205,.42) 42%,rgba(40,147,205,0) 76%)!important;filter:blur(32px)!important;mix-blend-mode:soft-light!important;animation:b2b-hero-wave-from-left 6s ease-in-out infinite alternate!important}
.b2b-page .b2b-hero-ref__backdrop::after{content:""!important;display:block!important;inset:-28%!important;z-index:1!important;opacity:.66!important;background:radial-gradient(ellipse 58% 88% at 50% 50%,rgba(239,107,59,.86) 0%,rgba(239,107,59,.42) 42%,rgba(239,107,59,0) 76%)!important;filter:blur(32px)!important;mix-blend-mode:soft-light!important;animation:b2b-hero-wave-from-right 6s ease-in-out infinite alternate!important}
.b2b-page .b2b-hero-ref__columns{z-index:2!important}.b2b-page .b2b-hero-ref__copy{z-index:3!important}
@keyframes b2b-hero-wave-from-left{from{transform:translateX(-46%) scale(1);opacity:.42}to{transform:translateX(22%) scale(1.2);opacity:.88}}
@keyframes b2b-hero-wave-from-right{from{transform:translateX(46%) scale(1);opacity:.42}to{transform:translateX(-22%) scale(1.2);opacity:.88}}

/* Runtime-controlled wave surface: variables are updated every animation frame. */
body.b2b-page,.b2b-page__shell,.b2b-page .b2b-hero-shell,.b2b-page .b2b-hero-ref,.b2b-page .b2b-hero-ref__frame{margin-top:0!important;padding-top:0!important}
@media(min-width:992px){.b2b-page .b2b-hero-ref{top:-24px!important}.b2b-page .b2b-hero-shell{min-height:1093px!important}}

/* One synchronized motion sequence: edge colours → central blend → edges. */
.b2b-page .b2b-hero-ref__backdrop{background:#e4e4e4!important;animation:none!important;isolation:isolate!important}
.b2b-page .b2b-hero-ref__backdrop::before{content:""!important;display:block!important;position:absolute!important;inset:-12%!important;z-index:1!important;opacity:0!important;background:radial-gradient(ellipse 34% 65% at 50% 50%,rgba(155,173,186,.46) 0%,rgba(203,172,162,.28) 42%,rgba(255,255,255,0) 76%)!important;filter:blur(26px)!important;mix-blend-mode:multiply!important;animation:b2b-hero-colour-merge 6s cubic-bezier(.42,0,.58,1) infinite!important}
.b2b-page .b2b-hero-ref__backdrop::after{display:none!important;content:none!important}
.b2b-page .b2b-hero-ref__glow{top:-16%!important;z-index:1!important;width:76%!important;height:132%!important;opacity:.52!important;filter:blur(78px)!important;mix-blend-mode:multiply!important}
.b2b-page .b2b-hero-ref__glow--left{left:-52%!important;background:#9badba!important;animation:b2b-hero-blue-to-centre 6s cubic-bezier(.42,0,.58,1) infinite!important}
.b2b-page .b2b-hero-ref__glow--right{left:auto!important;right:-52%!important;background:#cbaca2!important;animation:b2b-hero-orange-to-centre 6s cubic-bezier(.42,0,.58,1) infinite!important}
.b2b-page .b2b-hero-ref__columns{z-index:2!important}.b2b-page .b2b-hero-ref__copy{z-index:3!important}
@keyframes b2b-hero-blue-to-centre{0%,100%{transform:translateX(0) scale(1);opacity:.34}50%{transform:translateX(76%) scale(1.14);opacity:.62}}
@keyframes b2b-hero-orange-to-centre{0%,100%{transform:translateX(0) scale(1);opacity:.34}50%{transform:translateX(-76%) scale(1.14);opacity:.62}}
@keyframes b2b-hero-colour-merge{0%,100%{opacity:0;transform:scale(.72)}38%{opacity:.06}50%{opacity:.56;transform:scale(1.2)}62%{opacity:.06}}
.b2b-page .b2b-hero-ref__backdrop{--b2b-blue-x:-45%;--b2b-orange-x:145%;margin-top:0!important;background-image:radial-gradient(ellipse 66% 118% at 50% 50%,rgba(55,156,207,.48) 0%,rgba(55,156,207,.22) 45%,rgba(55,156,207,0) 77%),radial-gradient(ellipse 66% 118% at 50% 50%,rgba(239,119,74,.46) 0%,rgba(239,119,74,.20) 45%,rgba(239,119,74,0) 77%),linear-gradient(#eef2f3,#eef2f3)!important;background-repeat:no-repeat!important;background-size:82% 130%,82% 130%,100% 100%!important;background-position:var(--b2b-blue-x) 50%,var(--b2b-orange-x) 50%,0 0!important;animation:none!important}
.b2b-page .b2b-hero-ref__backdrop::before,.b2b-page .b2b-hero-ref__backdrop::after{display:none!important;content:none!important}

/* Figma card composition: desktop uses the original 4-column 1280px grid. */
@media (min-width:1201px){
 .b2b-page .b2b-hero-shell,.b2b-page .b2b-hero-ref__frame{min-height:1117px!important}
 .b2b-page .b2b-hero-ref__cards{top:606px!important;width:min(1280px,calc(100% - 96px))!important;height:496px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(2,240px)!important;grid-template-areas:"shield stats plane target" "progress stats marketing marketing"!important;column-gap:16px!important;row-gap:16px!important}
}

/* Mobile Figma composition. */
@media (max-width:767px){
 .b2b-page .b2b-hero-shell,.b2b-page .b2b-hero-ref{width:100%!important;min-height:1453px!important;margin:0!important}
 .b2b-page .b2b-hero-ref__frame{position:relative!important;width:min(390px,100vw)!important;min-height:1453px!important;margin:0 auto!important;padding:0!important;overflow:visible!important}
 .b2b-page .b2b-hero-ref__backdrop{position:absolute!important;top:8px!important;left:8px!important;right:auto!important;width:374px!important;max-width:calc(100vw - 16px)!important;height:708px!important;min-height:708px!important;margin:0!important;transform:none!important}
 .b2b-page .b2b-hero-ref__copy{position:absolute!important;z-index:5!important;top:98px!important;left:16px!important;width:342px!important;max-width:calc(100vw - 32px)!important;margin:0!important;transform:none!important;opacity:1!important;visibility:visible!important}
 .b2b-page .b2b-hero-ref__title,.b2b-page .b2b-hero-ref__accent{font-size:32px!important;line-height:1.22!important;white-space:normal!important}
 .b2b-page .b2b-hero-ref__description{width:100%!important;max-width:332px!important;margin:16px auto 0!important;font-size:16px!important;line-height:1.45!important}
 .b2b-page .b2b-hero-ref__cards{position:absolute!important;z-index:6!important;top:397px!important;left:50%!important;right:auto!important;width:min(308px,calc(100vw - 28px))!important;height:1008px!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:496px 240px 240px!important;grid-template-areas:"stats" "plane" "progress"!important;gap:16px!important;transform:translateX(-50%)!important;opacity:1!important;visibility:visible!important}
 .b2b-page .b2b-hero-ref__card{width:100%!important;display:block!important;opacity:1!important;visibility:visible!important;animation:none!important}
 .b2b-page .b2b-hero-ref__card--shield,.b2b-page .b2b-hero-ref__card--target,.b2b-page .b2b-hero-ref__card--marketing{display:none!important}
}

/* Tablet Figma lock: copy and card grid share one coordinate system. */
@media (min-width:768px) and (max-width:991px){
 .b2b-page .b2b-hero-shell,.b2b-page .b2b-hero-ref{width:100%!important;min-height:810px!important;margin:0!important}
 .b2b-page .b2b-hero-ref__frame{width:100%!important;min-height:810px!important;margin:0!important;padding:0!important;overflow:visible!important}
 .b2b-page .b2b-hero-ref__backdrop{position:absolute!important;top:8px!important;left:8px!important;width:calc(100% - 16px)!important;height:572px!important;min-height:572px!important;margin:0!important;transform:none!important}
 .b2b-page .b2b-hero-ref__copy{position:absolute!important;z-index:5!important;top:142px!important;left:50%!important;width:calc(100% - 64px)!important;max-width:704px!important;margin:0!important;transform:translateX(-50%)!important;opacity:1!important;visibility:visible!important;text-align:center!important}
 .b2b-page .b2b-header-ref,.b2b-page .b2b-header-ref__bar{z-index:20!important;opacity:1!important;visibility:visible!important}
 .b2b-page .b2b-hero-ref__title{font-size:30px!important;line-height:1.22!important;white-space:normal!important}
 .b2b-page .b2b-hero-ref__accent{margin-top:4px!important;font-size:30px!important;line-height:1.22!important;white-space:normal!important}
 .b2b-page .b2b-hero-ref__description{width:min(620px,100%)!important;margin:14px auto 0!important;font-size:14px!important;line-height:1.45!important;white-space:normal!important}
 .b2b-page .b2b-hero-ref__cards{position:absolute!important;z-index:6!important;top:430px!important;left:50%!important;width:904px!important;height:504px!important;margin:0!important;display:grid!important;grid-template-columns:repeat(4,214px)!important;grid-template-rows:repeat(2,240px)!important;grid-template-areas:"shield stats plane target" "progress stats marketing marketing"!important;gap:16px!important;transform:translateX(-50%) scale(.75)!important;transform-origin:top center!important;opacity:1!important;visibility:visible!important}
 .b2b-page .b2b-hero-ref__card{display:block!important;opacity:1!important;visibility:visible!important}
 .b2b-page .b2b-hero-ref__plane-card-svg svg{display:block!important;width:100%!important;height:100%!important;min-width:0!important;max-width:none!important;max-height:none!important}
 .b2b-page .b2b-hero-ref__plane-copy--svg{top:132px!important;left:10px!important;right:10px!important}
 .b2b-page .b2b-hero-ref__plane-copy--svg strong{font-size:14px!important;line-height:1.2!important;max-width:none!important}
 .b2b-page .b2b-hero-ref__plane-copy--svg span{margin-top:6px!important;font-size:10px!important;line-height:1.25!important;max-width:none!important}
 .b2b-page .b2b-hero-ref__glow,.b2b-page .b2b-hero-ref__copy,.b2b-page .b2b-header-ref,.b2b-page .b2b-hero-ref__card{animation:none!important}
}
@media (min-width:830px) and (max-width:899px){.b2b-page .b2b-hero-shell,.b2b-page .b2b-hero-ref,.b2b-page .b2b-hero-ref__frame{min-height:875px!important}.b2b-page .b2b-hero-ref__cards{top:458px!important;transform:translateX(-50%) scale(.83)!important}}
@media (min-width:900px) and (max-width:991px){.b2b-page .b2b-hero-shell,.b2b-page .b2b-hero-ref,.b2b-page .b2b-hero-ref__frame{min-height:965px!important}.b2b-page .b2b-hero-ref__cards{top:486px!important;transform:translateX(-50%) scale(.92)!important}}

/* Keep the compliance card copy inside its scaled tablet cell. */
@media (min-width:768px) and (max-width:1200px){
 .b2b-page .b2b-hero-ref__progress-copy{top:42px!important;left:10px!important;right:10px!important;width:auto!important;text-align:center!important}
 .b2b-page .b2b-hero-ref__progress-copy strong{font-size:50px!important;line-height:.95!important;letter-spacing:-.04em!important}
 .b2b-page .b2b-hero-ref__progress-copy span{margin-top:12px!important;font-size:12px!important;line-height:1.18!important}
 .b2b-page .b2b-hero-ref__progress-copy small{margin-top:5px!important;font-size:9px!important;line-height:1.15!important}
}

/* iPad Pro portrait: a dedicated Figma canvas, not a mix of desktop/tablet rules. */
@media (min-width:992px) and (max-width:1200px){
 .b2b-page{overflow-x:clip!important}
 .b2b-page .b2b-hero-shell,.b2b-page .b2b-hero-ref,.b2b-page .b2b-hero-ref__frame{width:100%!important;min-height:1024px!important;margin:0!important;padding:0!important;overflow:visible!important}
 .b2b-page .b2b-hero-ref__backdrop{position:relative!important;width:calc(100% - 32px)!important;height:600px!important;min-height:600px!important;margin:8px auto 0!important;transform:none!important}
 .b2b-page .b2b-header-ref{top:20px!important;left:50%!important;width:calc(100% - 64px)!important;transform:translateX(-50%)!important;opacity:1!important;visibility:visible!important}
 .b2b-page .b2b-hero-ref__copy{position:absolute!important;z-index:5!important;top:146px!important;left:50%!important;width:calc(100% - 96px)!important;max-width:880px!important;margin:0!important;transform:translateX(-50%)!important;opacity:1!important;visibility:visible!important;text-align:center!important}
 .b2b-page .b2b-hero-ref__title{font-size:42px!important;line-height:1.22!important;white-space:normal!important}
 .b2b-page .b2b-hero-ref__accent{margin-top:2px!important;font-size:42px!important;line-height:1.22!important;white-space:normal!important}
 .b2b-page .b2b-hero-ref__description{width:min(760px,100%)!important;margin:18px auto 0!important;font-size:18px!important;line-height:1.48!important}
 .b2b-page .b2b-hero-ref__cards{position:absolute!important;z-index:6!important;top:430px!important;left:50%!important;width:1280px!important;height:496px!important;margin:0!important;display:grid!important;grid-template-columns:repeat(4,308px)!important;grid-template-rows:repeat(2,240px)!important;grid-template-areas:"shield stats plane target" "progress stats marketing marketing"!important;gap:16px!important;transform:translateX(-50%) scale(.75)!important;transform-origin:top center!important;opacity:1!important;visibility:visible!important}
 .b2b-page .b2b-hero-ref__card,.b2b-page .b2b-hero-ref__copy,.b2b-page .b2b-header-ref{animation:none!important}
 .b2b-page .b2b-hero-ref__plane-card-svg svg{display:block!important;width:auto!important;height:100%!important;min-width:100%!important;max-width:none!important;max-height:100%!important}
 .b2b-page .b2b-hero-ref__plane-copy--svg{top:140px!important;left:12px!important;right:12px!important}
 .b2b-page .b2b-hero-ref__plane-copy--svg strong{font-size:20px!important;line-height:1.2!important;max-width:none!important;white-space:nowrap!important}
 .b2b-page .b2b-hero-ref__plane-copy--svg span{margin-top:8px!important;font-size:13px!important;line-height:1.24!important;max-width:none!important}
 .b2b-page .b2b-hero-ref__card--marketing{width:auto!important;max-width:none!important}
}

/* Target card: preserve the complete supplied transparent illustration. */
.b2b-page .b2b-hero-ref__card{box-shadow:none!important}
.b2b-page .b2b-hero-ref__card--shield{background:#cfe0ef!important}
.b2b-page .b2b-hero-ref__card--shield img{opacity:1!important;filter:saturate(1.06) contrast(1.03)!important}
.b2b-page .b2b-hero-ref__target-tint{background:transparent!important;backdrop-filter:none!important}
.b2b-page .b2b-hero-ref__card--target{border:0!important;box-sizing:border-box!important;background:transparent!important}
.b2b-page .b2b-hero-ref__target-bg{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.b2b-page .b2b-hero-ref__target-art{left:50%!important;top:50%!important;width:100%!important;height:100%!important;object-fit:contain!important;transform:translate(-50%,-50%)!important;transform-origin:center!important}

/* Header authority: one stable composition per viewport family. */
@media (min-width:992px){
 .b2b-page .b2b-header-ref{position:absolute!important;top:20px!important;left:50%!important;width:min(1280px,calc(100% - 64px))!important;padding:0!important;transform:translateX(-50%)!important;opacity:1!important;visibility:visible!important;animation:none!important}
 .b2b-page .b2b-header-ref__bar{min-height:48px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 .b2b-page .b2b-header-ref__nav-side,.b2b-page .b2b-header-ref__actions{top:50%!important;transform:translateY(-50%)!important}
 .b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__nav-side{right:0!important;left:auto!important}
 .b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__actions{left:0!important;right:auto!important}
 .b2b-page .b2b-header-ref__nav{gap:24px!important}
 .b2b-page .b2b-header-ref__nav-link{font-size:15px!important}
 .b2b-page .b2b-header-ref__contact{min-width:116px!important;height:38px!important;padding:0 18px!important;box-shadow:none!important}
 .b2b-page .b2b-header-ref__brand img{width:72px!important}
}
@media (min-width:768px) and (max-width:991px){
 .b2b-page .b2b-header-ref{position:absolute!important;top:18px!important;left:50%!important;width:calc(100% - 48px)!important;padding:0!important;transform:translateX(-50%)!important;opacity:1!important;visibility:visible!important;animation:none!important}
 .b2b-page .b2b-header-ref__bar{min-height:42px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 .b2b-page .b2b-header-ref__nav-side,.b2b-page .b2b-header-ref__actions{top:50%!important;transform:translateY(-50%)!important}
 .b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__nav-side{right:0!important;left:auto!important}.b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__actions{left:0!important;right:auto!important}
 .b2b-page .b2b-header-ref__nav{gap:16px!important}.b2b-page .b2b-header-ref__nav-link{font-size:14px!important}.b2b-page .b2b-header-ref__locale{font-size:13px!important}.b2b-page .b2b-header-ref__contact{min-width:100px!important;height:34px!important;padding:0 12px!important;font-size:13px!important;box-shadow:none!important}.b2b-page .b2b-header-ref__brand img{width:62px!important}
}
@media (max-width:767px){
 .b2b-page .b2b-header-ref{position:absolute!important;top:16px!important;left:50%!important;width:calc(100% - 32px)!important;padding:0!important;transform:translateX(-50%)!important;opacity:1!important;visibility:visible!important;animation:none!important}
 .b2b-page .b2b-header-ref__bar{min-height:40px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
 .b2b-page .b2b-header-ref__nav,.b2b-page .b2b-header-ref__actions{display:none!important}.b2b-page .b2b-header-ref__menu-toggle{display:inline-flex!important}.b2b-page .b2b-header-ref__brand img{width:62px!important}
}

/* Figma header component. */
@media (min-width:992px){
 .b2b-page .b2b-header-ref{top:16px!important;width:calc(100% - 64px)!important;max-width:none!important}
 .b2b-page .b2b-header-ref__bar{width:100%!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important;height:72px!important;min-height:72px!important;padding:0 28px!important;border-radius:40px!important;background:transparent!important;border:0!important;box-shadow:none!important;transition:background-color 240ms ease,box-shadow 240ms ease!important}
 @media (hover:hover) and (pointer:fine){.b2b-page .b2b-header-ref:hover .b2b-header-ref__bar{background:rgba(255,255,255,.94)!important;box-shadow:0 12px 34px rgba(12,35,64,.08)!important}}
 .b2b-page .b2b-header-ref__nav-side,.b2b-page .b2b-header-ref__actions{gap:18px!important}
 .b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__nav-side{right:56px!important;left:auto!important}
 .b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__actions{left:56px!important;right:auto!important}
 .b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__nav-side{left:56px!important;right:auto!important}
 .b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__actions{right:56px!important;left:auto!important}
 .b2b-page .b2b-header-ref__nav{gap:32px!important}
 .b2b-page .b2b-header-ref__nav-link{gap:8px!important;font-size:17px!important;font-weight:600!important}
 .b2b-page .b2b-header-ref__nav-link img{width:12px!important;height:12px!important}
 .b2b-page .b2b-header-ref__brand img{width:82px!important}
 .b2b-page .b2b-header-ref__locale{gap:8px!important;font-size:16px!important}.b2b-page .b2b-header-ref__locale img{width:20px!important;height:20px!important}
 .b2b-page .b2b-header-ref__contact{min-width:142px!important;height:40px!important;padding:0 18px!important;border-radius:5px!important;font-size:16px!important;background:#ef6b3b!important;color:#fff!important}
 .b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__actions,.b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__locale{direction:ltr!important}
}
@media (min-width:992px) and (max-width:1200px){
 .b2b-page .b2b-header-ref{top:16px!important;width:calc(100% - 32px)!important}
 .b2b-page .b2b-header-ref__bar{height:76px!important;min-height:76px!important;padding:0 24px!important;border-radius:42px!important}
 .b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__nav-side{right:24px!important}.b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__actions{left:24px!important}.b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__nav-side{left:24px!important}.b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__actions{right:24px!important}
 .b2b-page .b2b-header-ref__nav-side,.b2b-page .b2b-header-ref__actions{gap:18px!important}.b2b-page .b2b-header-ref__nav{gap:28px!important}.b2b-page .b2b-header-ref__nav-link{font-size:17px!important}.b2b-page .b2b-header-ref__nav-link img{width:12px!important;height:12px!important}.b2b-page .b2b-header-ref__brand img{width:82px!important}.b2b-page .b2b-header-ref__locale{gap:7px!important;font-size:15px!important}.b2b-page .b2b-header-ref__locale img{width:19px!important;height:19px!important}.b2b-page .b2b-header-ref__contact{min-width:142px!important;height:44px!important;padding:0 18px!important;font-size:16px!important}
}
@media (min-width:768px) and (max-width:991px){
 .b2b-page .b2b-header-ref{top:12px!important;width:calc(100% - 32px)!important}
 .b2b-page .b2b-header-ref__bar{height:64px!important;min-height:64px!important;padding:0 18px!important;border-radius:36px!important;background:#fff!important}
 .b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__nav-side{right:18px!important}.b2b-page .b2b-header-ref.is-rtl .b2b-header-ref__actions{left:18px!important}.b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__nav-side{left:18px!important}.b2b-page .b2b-header-ref.is-ltr .b2b-header-ref__actions{right:18px!important}
 .b2b-page .b2b-header-ref__nav-side,.b2b-page .b2b-header-ref__actions{gap:12px!important}.b2b-page .b2b-header-ref__nav{gap:20px!important}.b2b-page .b2b-header-ref__nav-link{font-size:15px!important}.b2b-page .b2b-header-ref__brand img{width:68px!important}.b2b-page .b2b-header-ref__locale{font-size:13px!important}.b2b-page .b2b-header-ref__locale img{width:16px!important;height:16px!important}.b2b-page .b2b-header-ref__contact{min-width:106px!important;height:38px!important;padding:0 12px!important;font-size:14px!important}
}
@media (max-width:767px){
 .b2b-page .b2b-hero-shell{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;min-width:0!important}
 .b2b-page .b2b-hero-ref{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
 .b2b-page .b2b-header-ref{top:12px!important;width:calc(100% - 32px)!important;z-index:30!important}
 .b2b-page .b2b-header-ref__bar{height:44px!important;min-height:44px!important;background:transparent!important;border:0!important;border-radius:0!important}
 .b2b-page .b2b-header-ref__brand{left:0!important;top:50%!important;transform:translateY(-50%)!important}.b2b-page .b2b-header-ref__brand img{width:62px!important}
 .b2b-page .b2b-header-ref__nav-side{right:0!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important}.b2b-page .b2b-header-ref__menu-toggle{width:36px!important;height:36px!important;background:#fff!important;border-radius:0!important}
 .b2b-page .b2b-header-ref__mobile-panel{position:fixed!important;top:0!important;right:0!important;left:auto!important;width:min(312px,80vw)!important;height:100vh!important;padding:78px 0 24px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:-12px 0 28px rgba(12,35,64,.14)!important;overflow-y:auto!important;z-index:80!important}
 .b2b-page .b2b-header-ref__mobile-nav{gap:0!important}.b2b-page .b2b-header-ref__mobile-link{min-height:62px!important;padding:0 24px!important;border-bottom:1px solid #e6e9ed!important;font-size:20px!important}.b2b-page .b2b-header-ref__mobile-contact{position:absolute!important;right:16px!important;bottom:54px!important;left:16px!important;height:40px!important;border-radius:4px!important;background:#ef6b3b!important;color:#fff!important;font-size:15px!important}
 .b2b-page .b2b-header-ref.is-menu-open .b2b-header-ref__menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}.b2b-page .b2b-header-ref.is-menu-open .b2b-header-ref__menu-toggle span:nth-child(2){opacity:0!important}.b2b-page .b2b-header-ref.is-menu-open .b2b-header-ref__menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
}

/* Final stacking authority for the navigation and the mobile sheet. */
@media (min-width:992px){
 .b2b-page .b2b-header-ref{z-index:100!important;pointer-events:auto!important}
 .b2b-page .b2b-header-ref__bar,.b2b-page .b2b-header-ref__nav-side,.b2b-page .b2b-header-ref__actions,.b2b-page .b2b-header-ref__brand{opacity:1!important;visibility:visible!important}
 .b2b-page .b2b-header-ref__nav,.b2b-page .b2b-header-ref__actions{display:flex!important}
}
@media (max-width:767px){
 .b2b-page .b2b-header-ref.is-menu-open{position:fixed!important;inset:0!important;width:100%!important;height:100vh!important;padding:0!important;transform:none!important;z-index:9998!important;pointer-events:none!important}
 .b2b-page .b2b-header-ref.is-menu-open .b2b-header-ref__bar{pointer-events:none!important}
 .b2b-page .b2b-header-ref.is-menu-open .b2b-header-ref__mobile-panel{position:fixed!important;inset:0 0 0 auto!important;width:min(312px,82vw)!important;height:100dvh!important;z-index:9999!important;pointer-events:auto!important;transform:none!important}
 .b2b-page .b2b-header-ref.is-menu-open .b2b-header-ref__mobile-close,.b2b-page .b2b-header-ref.is-menu-open .b2b-header-ref__mobile-panel a{pointer-events:auto!important}
 body.b2b-menu-open{overflow:hidden!important}
}

/* Absolute final typography authority — deliberately after every breakpoint. */
/* Partners: one aligned, wide container with controlled section spacing. */
.b2b-page .b2b-partners{
 width:min(1320px,calc(100% - 32px))!important;
 max-width:1320px!important;
 margin:80px auto 0!important;
 padding-inline:0!important;
}
.b2b-page .b2b-partners__lanes{margin-top:36px!important}
.b2b-page .b2b-partners__lanes{gap:48px!important}
@media (min-width:768px) and (max-width:991px){
 .b2b-page .b2b-partners{width:calc(100% - 24px)!important;max-width:none!important;margin-top:64px!important}
 .b2b-page .b2b-partners__lanes{margin-top:30px!important;gap:36px!important}
}
@media (max-width:767px){
 .b2b-page .b2b-partners{width:calc(100% - 20px)!important;max-width:none!important;margin-top:48px!important}
 .b2b-page .b2b-partners__lanes{margin-top:24px!important;gap:28px!important}
}

/*
 * B2B vertical rhythm and section type scale.
 * These values are intentionally declared once, after every legacy rule, so
 * every landing-page section follows the same visual rhythm at each viewport.
 */
:root{
 --b2b-page-font:'STC Forward','IBM Plex Sans Arabic','Tahoma',sans-serif;
 --b2b-header-font:var(--b2b-page-font);
 --b2b-section-space:128px;
 --b2b-section-eyebrow-size:14px;
 --b2b-section-title-size:36px;
 --b2b-section-subtitle-size:22px;
 --b2b-section-title-line-height:1.25;
 --b2b-section-copy-line-height:1.5;
}

/* The first gap is deliberately smaller: it connects the hero to its proof. */
.b2b-page .b2b-partners{margin-top:80px!important}

/* One consistent separation between the primary landing-page sections. */
.b2b-page .b2b-services-clean,
.b2b-page .b2b-rewards-clean,
.b2b-page .b2b-marketing-360-clean,
.b2b-page footer.b2b-footer--figma{
 margin-top:var(--b2b-section-space)!important;
 position:relative!important;
 clear:both!important;
 isolation:isolate!important;
}
.b2b-page .b2b-partners,
.b2b-page .b2b-services-clean,
.b2b-page .b2b-rewards-clean,
.b2b-page .b2b-marketing-360-clean{
 position:relative!important;
 clear:both!important;
 isolation:isolate!important;
}

/* Shared eyebrow, title and supporting-copy hierarchy. */
.b2b-page .b2b-section-heading__eyebrow,
.b2b-page .b2b-marketing-360-clean__eyebrow{
 font-size:var(--b2b-section-eyebrow-size)!important;
 line-height:1.35!important;
 font-weight:600!important;
}
.b2b-page .b2b-section-heading__title,
.b2b-page .b2b-rewards-clean__title,
.b2b-page .b2b-marketing-360-clean__title{
 font-size:var(--b2b-section-title-size)!important;
 line-height:var(--b2b-section-title-line-height)!important;
 font-weight:700!important;
 letter-spacing:0!important;
}
.b2b-page .b2b-section-heading__subtitle,
.b2b-page .b2b-rewards-clean__copy,
.b2b-page .b2b-marketing-360-clean__copy{
 font-size:var(--b2b-section-subtitle-size)!important;
 line-height:var(--b2b-section-copy-line-height)!important;
 font-weight:400!important;
}

@media (min-width:768px) and (max-width:991px){
 :root{--b2b-section-space:96px;--b2b-section-eyebrow-size:14px;--b2b-section-title-size:32px;--b2b-section-subtitle-size:20px}
 .b2b-page .b2b-partners{margin-top:64px!important}
}
@media (max-width:767px){
 :root{--b2b-section-space:72px;--b2b-section-eyebrow-size:13px;--b2b-section-title-size:26px;--b2b-section-subtitle-size:18px}
 .b2b-page .b2b-partners{margin-top:48px!important}
}

.b2b-page,.b2b-page *:not(.fa):not(.fas):not(.far):not(.fab):not([class*='fa-']){font-family:var(--b2b-page-font)!important}
.b2b-page .b2b-header-ref,.b2b-page .b2b-header-ref *,body > .b2b-header-ref__mobile-panel,body > .b2b-header-ref__mobile-panel *{font-family:var(--b2b-page-font)!important;letter-spacing:0!important}
.b2b-page .b2b-header-ref__nav-link,.b2b-page .b2b-header-ref__locale,.b2b-page .b2b-header-ref__contact{line-height:1.2!important}
.b2b-page .b2b-header-ref__dropdown-card b{font-size:18px!important;font-weight:700!important;line-height:1.35!important}
.b2b-page .b2b-header-ref__dropdown-card small{font-size:14px!important;font-weight:400!important;line-height:1.5!important}
@media (max-width:767px){
 body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-locale{font-size:20px!important;font-weight:700!important;line-height:1.2!important}
 body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-home{font-size:29px!important;font-weight:700!important;line-height:1.3!important}
 body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-group-title{font-size:31px!important;font-weight:800!important;line-height:1.25!important}
 body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-link{font-size:23px!important;font-weight:400!important;line-height:1.35!important}
 body > .b2b-header-ref__mobile-panel .b2b-header-ref__mobile-contact{font-size:20px!important;font-weight:700!important;line-height:1.2!important}
}

/* Final shared header visibility authority. Keep each page's current geometry,
   but pin it to the viewport so an upward scroll can reveal it everywhere. */
.b2b-page .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-page .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-page .b2b-header-ref:not(.is-scroll-hidden),
.b2b-page .b2b-header-ref.is-menu-open{
 translate:0 0!important;
 opacity:1!important;
 visibility:visible!important;
}
@media (prefers-reduced-motion:reduce){
 .b2b-page .b2b-header-ref{transition:none!important}
}