@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Cormorant+Garamond:wght@300;400&family=DM+Sans:wght@300;400;500&family=Montserrat:wght@300;400;500&family=Playfair+Display:wght@400;500&family=Poppins:wght@300;400;500&display=swap');

.pjb-banner,.pjb-banner *,.pjb-banner *::before,.pjb-banner *::after{box-sizing:border-box}.pjb-banner{position:relative;width:100%;max-width:min(100%,var(--pjb-max-width));min-height:var(--pjb-height);margin:var(--pjb-section-margin);padding:var(--pjb-section-padding);display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;color:#fff}.pjb-media,.pjb-image,.pjb-video,.pjb-overlay,.pjb-top-fade{position:absolute;inset:0}.pjb-media{z-index:0;background:#071e30}.pjb-image{background-size:cover;background-position:var(--pjb-bg-position);background-repeat:no-repeat}.pjb-video{width:100%;height:100%;object-fit:cover;object-position:var(--pjb-bg-position)}.pjb-overlay{z-index:1;background:linear-gradient(180deg,rgba(3,20,33,var(--pjb-overlay)),rgba(3,20,33,.18) 50%,rgba(3,20,33,.62))}.pjb-top-fade{z-index:2;height:150px;bottom:auto;background:linear-gradient(to bottom,var(--pjb-fade) 0%,color-mix(in srgb,var(--pjb-fade) 96%,transparent) 12%,color-mix(in srgb,var(--pjb-fade) 65%,transparent) 38%,color-mix(in srgb,var(--pjb-fade) 18%,transparent) 72%,transparent 100%);pointer-events:none}.pjb-watermark{position:absolute;left:50%;bottom:-22px;z-index:1;transform:translateX(-50%);font:170px/1 'Bebas Neue',sans-serif;color:rgba(255,255,255,.035);white-space:nowrap;pointer-events:none}.pjb-content{position:relative;z-index:3;width:min(100%,960px);display:flex;flex-direction:column;align-items:center}.pjb-eyebrow{margin:var(--pjb-eyebrow-margin);padding:var(--pjb-eyebrow-padding);font-family:var(--pjb-eyebrow-font);font-size:var(--pjb-eyebrow-size);font-weight:400;line-height:1.3;letter-spacing:5px;text-transform:uppercase;color:#d8f4ff;animation:pjb-fade-up .7s .1s both}.pjb-title{margin:var(--pjb-title-margin);padding:var(--pjb-title-padding);font-family:var(--pjb-title-font);font-size:var(--pjb-title-size);font-weight:400;line-height:1.02;letter-spacing:-.5px;color:#fff}.pjb-title span{display:inline-block;animation:pjb-slide-up .85s cubic-bezier(.16,1,.3,1) both}.pjb-title span+span{animation-delay:.12s}.pjb-primary-price{width:100%;margin:var(--pjb-primary-margin);padding:var(--pjb-primary-padding);font-family:var(--pjb-primary-font);font-size:var(--pjb-primary-size);line-height:1.05;letter-spacing:1px;white-space:nowrap;color:#f0f8fc;text-shadow:0 2px 0 #9acbdf,0 5px 0 #407b95,0 10px 22px rgba(0,0,0,.45);animation:pjb-price-in .8s .2s both,pjb-price-float 3.8s ease-in-out 1s infinite}.pjb-secondary-price{margin:var(--pjb-secondary-margin);padding:var(--pjb-secondary-padding);font-family:var(--pjb-secondary-font);font-size:var(--pjb-secondary-size);line-height:1.3;letter-spacing:1px;color:#e0eff6;text-shadow:0 2px 8px rgba(0,0,0,.5);animation:pjb-fade-up .7s .45s both}.pjb-button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-width:210px;margin:var(--pjb-button-margin);padding:var(--pjb-button-padding);font-family:var(--pjb-button-font);font-size:var(--pjb-button-size);font-weight:500;line-height:1.2;letter-spacing:2.5px;text-transform:uppercase;text-decoration:none!important;color:#fff!important;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.55);border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .3s,border-color .3s,transform .3s;animation:pjb-fade-up .7s .6s both}.pjb-button::before{content:'';position:absolute;inset:-70% -40%;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%);transform:translateX(-100%) rotate(8deg);transition:transform .7s ease;pointer-events:none}.pjb-button span{position:relative;z-index:1}.pjb-button:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.8);color:#fff!important}.pjb-button:hover::before{transform:translateX(100%) rotate(8deg)}.pjb-button:focus-visible{outline:2px solid #fff;outline-offset:4px}.pjb-button:active{transform:scale(.98)}@keyframes pjb-fade-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pjb-slide-up{from{opacity:0;transform:translateY(80%)}to{opacity:1;transform:translateY(0)}}@keyframes pjb-price-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pjb-price-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@media(max-width:480px){.pjb-banner{padding:var(--pjb-section-padding-mobile)}.pjb-watermark{font-size:58px;bottom:-8px}.pjb-eyebrow{font-size:var(--pjb-eyebrow-size-mobile);letter-spacing:3px}.pjb-title{font-size:var(--pjb-title-size-mobile)}.pjb-primary-price{font-size:var(--pjb-primary-size-mobile)}.pjb-secondary-price{font-size:var(--pjb-secondary-size-mobile)}.pjb-button{min-width:200px;font-size:var(--pjb-button-size-mobile)}}@media(prefers-reduced-motion:reduce){.pjb-banner *,.pjb-banner *::before,.pjb-banner *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.pjb-video{display:none}}

/* Exact price motion and shadow from the original standalone banner. */
.pjb-primary-price {
  position: relative;
  z-index: 3;
  display: block;
  left: 50%;
  transform: translateX(-50%);
  filter:
    drop-shadow(0 26px 42px rgba(26,167,212,0.24))
    drop-shadow(0 10px 24px rgba(0,0,0,0.48));
  opacity: 0;
  will-change: transform;
  animation: pjb-original-price-in .8s .35s forwards,
             pjb-original-price-float 3.8s ease-in-out .8s infinite;
}

@keyframes pjb-original-price-in {
  from { opacity: 0; transform: translateX(-50%) scale(.94); }
  to   { opacity: 1; transform: translateX(-50%) scale(1); }
}

@keyframes pjb-original-price-float {
  0%,100% { transform: translateX(-50%) translateY(0) rotate(-4deg); }
  25%     { transform: translateX(-50%) translateY(-18px) rotate(3deg); }
  50%     { transform: translateX(-50%) translateY(7px) rotate(4.5deg); }
  75%     { transform: translateX(-50%) translateY(-12px) rotate(-2.5deg); }
}
