:root{
  --rushd-navy:#0E1F3D;
  --rushd-navy-deep:#081327;
  --rushd-red:#E43036;
  --rushd-cream:#F7F4EE;
  --rushd-white:#FFFFFF;
  --rushd-ease:cubic-bezier(.22,.8,.22,1);
}

/* =========================================
   FIRST CTA EXIT — FRAME 11
========================================= */

.rushd-exit-right,
.rushd-exit-left,
.rushd-exit-up,
.rushd-exit-down{
  will-change:transform,opacity,filter;
  transition:
    transform .78s cubic-bezier(.18,.82,.18,1),
    opacity .44s ease,
    filter .44s ease;
}

/* Arabic title -> RIGHT */
.rushd-copy.is-leaving .rushd-exit-right{
  transform:translateX(115vw) rotate(3deg)!important;
  opacity:0!important;
  filter:blur(7px);
}

/* Button -> LEFT */
.rushd-copy.is-leaving .rushd-exit-left{
  transform:translateX(-115vw) rotate(-3deg)!important;
  opacity:0!important;
  filter:blur(7px);
}

/* Description -> UP */
.rushd-copy.is-leaving .rushd-exit-up{
  transform:translateY(-110vh) rotate(-1deg)!important;
  opacity:0!important;
  filter:blur(7px);
}

/* Small RUSHD -> DOWN */
.rushd-copy.is-leaving .rushd-exit-down{
  transform:translateY(110vh) rotate(2deg)!important;
  opacity:0!important;
  filter:blur(7px);
}

.rushd-copy.is-leaving{
  pointer-events:none!important;
}

/* Remove first white readability wash after CTA 1 exits */
.rushd-sticky.rushd-second-stage .rushd-overlay{
  opacity:0!important;
}


/* =========================================
   JS-INJECTED BUNDLE CTA
========================================= */

.rushd-bundle-section{
  --rushd-bundle-opacity:0;

  position:absolute;
  inset:0;
  z-index:20;

  display:block;

  opacity:var(--rushd-bundle-opacity);
  visibility:hidden;
  pointer-events:none;

  direction:rtl;

  transition:
    opacity .10s linear,
    visibility .10s linear;
}

.rushd-bundle-section.is-active{
  visibility:visible;
}

.rushd-bundle-section.is-interactive{
  pointer-events:auto;
}

.rushd-bundle-section__inner{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}

/* Final frame: bundle is on the right, copy sits below it */
.rushd-bundle-section__copy{
  position:absolute;

  right:12.5vw;
  bottom:8.5vh;

  width:min(690px,43vw);

  text-align:center;

  pointer-events:none;

  transform:translateY(22px) scale(.985);
  filter:blur(6px);

  transition:
    transform .56s var(--rushd-ease),
    filter .42s ease;
}

.rushd-bundle-section.is-active .rushd-bundle-section__copy{
  transform:translateY(0) scale(1);
  filter:blur(0);
}

.rushd-bundle-section__eyebrow{
  margin:0 0 6px;

  color:var(--rushd-red);

  font-size:.73rem;
  font-weight:900;
  line-height:1;

  letter-spacing:.05em;
}

.rushd-bundle-section__title{
  margin:0;

  color:var(--rushd-navy);

  font-size:clamp(1.9rem,2.75vw,3.3rem);
  font-weight:900;
  line-height:1.05;

  letter-spacing:-.03em;
}

.rushd-bundle-section__text{
  width:min(650px,41vw);
  margin:10px auto 0;

  color:#43526A;

  font-size:clamp(.82rem,.96vw,1rem);
  font-weight:500;
  line-height:1.75;

  text-align:center;
}


/* =========================================
   INJECTED BUTTON
========================================= */

.rushd-bundle-section__button{
  position:absolute;

  right:calc(12.5vw + min(690px,43vw)/2);
  bottom:2.9vh;

  transform:translateX(50%);

  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:46px;
  padding:0 30px;

  color:var(--rushd-red);

  font-size:.82rem;
  font-weight:900;
  letter-spacing:.04em;

  text-decoration:none;
  white-space:nowrap;

  cursor:pointer;

  border:1px solid rgba(14,31,61,.13);
  border-radius:13px;

  background-image:
    linear-gradient(90deg,var(--rushd-navy) 0%,var(--rushd-navy) 100%),
    linear-gradient(135deg,rgba(255,255,255,.82),rgba(247,244,238,.58));

  background-size:0% 100%,100% 100%;
  background-position:left top,left top;
  background-repeat:no-repeat;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    0 8px 22px rgba(14,31,61,.09);

  -webkit-backdrop-filter:blur(12px) saturate(130%);
  backdrop-filter:blur(12px) saturate(130%);

  pointer-events:auto;

  transition:
    transform .28s var(--rushd-ease),
    color .18s ease .10s,
    border-color .24s ease,
    box-shadow .28s var(--rushd-ease),
    background-size .38s cubic-bezier(.22,.8,.2,1);
}

.rushd-bundle-section__button:hover,
.rushd-bundle-section__button:focus-visible{
  color:var(--rushd-cream);

  transform:
    translateX(50%)
    translateY(-3px)
    scale(1.015);

  border-color:rgba(228,48,54,.44);
  background-size:100% 100%,100% 100%;

  box-shadow:
    inset 0 1px 0 rgba(247,244,238,.12),
    0 10px 24px rgba(14,31,61,.15),
    0 0 0 1px rgba(228,48,54,.08),
    0 0 18px rgba(228,48,54,.10);
}


/* =========================================================
   DESKTOP LANDSCAPE ONLY
========================================================= */

@media(max-width:991px),
       (orientation:portrait){

  .rushd-bundle-section{
    display:none!important;
  }
}

@media(min-width:992px) and (orientation:landscape){

  .rushd-bundle-section{
    display:block;
  }
}