/* Webinar hero promo. Scoped to the webinar only; existing site and Matrix styles stay intact. */
.wf-page .wf-hero-visual.wf-hero-promo-stack{
  display:flex;
  flex-direction:column;
  align-self:start;
  gap:16px;
  min-width:0;
  width:100%;
}
.wf-page .wf-hero-promo-stack .wf-photo-frame{
  min-height:0;
  width:100%;
}
.wf-page .wf-hero-promo-stack .wf-photo-frame>img{
  width:100%;
  height:auto;
  object-fit:contain;
  filter:none;
  transform:none;
}
.wf-page .wf-webinar-promo{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin:0;
  padding:24px 26px 21px;
  border:1px solid #c6a25b;
  border-radius:22px;
  background:radial-gradient(ellipse at 100% 0,rgba(216,166,42,.15),transparent 65%),linear-gradient(135deg,#195842,#0c382c);
  box-shadow:0 18px 40px rgba(21,71,52,.15),inset 0 1px 0 rgba(255,255,255,.12);
  color:#fff;
}
.wf-page .wf-webinar-promo::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:230px;
  height:230px;
  right:-130px;
  top:-145px;
  border:1px solid rgba(239,205,126,.25);
  border-radius:50%;
  box-shadow:0 0 0 30px rgba(239,205,126,.04),0 0 0 60px rgba(239,205,126,.03);
  pointer-events:none;
}
.wf-page .wf-promo-eyebrow{
  margin:0 0 9px;
  font-size:12px;
  line-height:1.35;
  font-weight:850;
  letter-spacing:.13em;
  color:#f1cf78;
}
.wf-page .wf-promo-heading{
  margin:0;
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(30px,2.65vw,40px);
  line-height:1.06;
  letter-spacing:-.035em;
  font-weight:700;
  text-wrap:balance;
}
.wf-page .wf-promo-heading span{color:#f2d387;white-space:nowrap}
.wf-page .wf-promo-copy{
  margin:12px 0 17px;
  max-width:38em;
  color:#e6eee8;
  font-size:14px;
  line-height:1.5;
}
.wf-page .wf-promo-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  min-height:52px;
  padding:13px 18px;
  border:1px solid #f1d794;
  border-radius:10px;
  background:linear-gradient(180deg,#f4d685,#dcaf4a);
  box-shadow:0 7px 18px rgba(0,0,0,.15);
  color:#153b2e;
  text-decoration:none;
  font-size:15px;
  font-weight:850;
  line-height:1.25;
  text-align:left;
  transition:background-color .18s ease,box-shadow .18s ease;
}
.wf-page .wf-promo-cta>span:last-child{flex:0 0 auto;font-size:23px;line-height:1}
.wf-page .wf-promo-cta:hover{background:#f4d991;box-shadow:0 9px 22px rgba(0,0,0,.2)}
.wf-page .wf-promo-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}
.wf-page .wf-promo-note{
  margin:12px 0 0;
  color:#dce9e1;
  font-size:11.5px;
  line-height:1.5;
  text-align:center;
}
.wf-page .wf-promo-note strong{color:#fff;font-weight:800}
.wf-page .wf-promo-note span{display:block}
/* Keep anchor destinations visible beneath the existing sticky webinar header. */
.wf-page #priority{scroll-margin-top:104px}
@media(max-width:980px){
  .wf-page .wf-hero-visual.wf-hero-promo-stack{max-width:680px;margin-inline:auto}
  .wf-page .wf-promo-heading{font-size:36px}
}
@media(max-width:680px){
  .wf-page .wf-hero-visual.wf-hero-promo-stack{gap:12px}
  .wf-page .wf-webinar-promo{padding:21px 19px 18px;border-radius:18px}
  .wf-page .wf-promo-eyebrow{font-size:11px;letter-spacing:.09em}
  .wf-page .wf-promo-heading{font-size:clamp(29px,8vw,36px)}
  .wf-page .wf-promo-copy{font-size:14px;margin:11px 0 15px}
  .wf-page .wf-promo-cta{font-size:14px;padding:13px 14px;min-height:52px}
  .wf-page .wf-promo-note{font-size:11.5px}
  .wf-page #priority{scroll-margin-top:88px}
}
@media(prefers-reduced-motion:reduce){
  .wf-page .wf-promo-cta{transition:none}
}


/* Build 2 - stronger top-right webinar conversion banner */
.wf-page .wf-webinar-promo{
  padding:24px 26px 20px;
  border:1px solid rgba(235,199,111,.68);
  background:
    radial-gradient(circle at 92% 8%,rgba(216,166,42,.24),transparent 28%),
    radial-gradient(circle at 12% 110%,rgba(255,255,255,.08),transparent 32%),
    linear-gradient(135deg,#195842 0%,#0d4535 58%,#082f25 100%);
  box-shadow:0 24px 56px rgba(21,71,52,.22),inset 0 1px 0 rgba(255,255,255,.12);
}
.wf-page .wf-webinar-promo::after{
  content:"";
  position:absolute;
  right:-55px;
  bottom:-95px;
  width:210px;
  height:210px;
  border-radius:50%;
  border:1px solid rgba(241,207,120,.16);
  box-shadow:0 0 0 34px rgba(241,207,120,.025),0 0 0 68px rgba(241,207,120,.018);
  pointer-events:none;
  z-index:-1;
}
.wf-page .wf-promo-topline{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 9px;
}
.wf-page .wf-promo-live-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#f0ca67;
  box-shadow:0 0 0 5px rgba(240,202,103,.12);
  flex:0 0 auto;
}
.wf-page .wf-promo-eyebrow{
  margin:0;
  flex:1 1 auto;
}
.wf-page .wf-promo-exclusive{
  flex:0 0 auto;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid rgba(241,207,120,.34);
  background:rgba(255,255,255,.07);
  color:#f6d783;
  font-size:9.5px;
  font-weight:900;
  letter-spacing:.11em;
  white-space:nowrap;
}
.wf-page .wf-promo-heading{
  font-size:clamp(33px,2.9vw,44px);
  line-height:1.01;
}
.wf-page .wf-promo-copy{
  margin:11px 0 15px;
  font-size:14px;
  line-height:1.48;
}
.wf-page .wf-promo-proof{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:0 0 15px;
}
.wf-page .wf-promo-proof>div{
  padding:12px 13px 11px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:13px;
  background:rgba(255,255,255,.075);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.wf-page .wf-promo-proof strong{
  display:block;
  color:#f3d27f;
  font-size:25px;
  line-height:1;
  font-weight:900;
  margin-bottom:5px;
}
.wf-page .wf-promo-proof span{
  display:block;
  color:#edf4ef;
  font-size:10.5px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:.025em;
  text-transform:uppercase;
}
.wf-page .wf-promo-cta{
  min-height:55px;
  border-radius:12px;
  font-size:15.5px;
}
.wf-page .wf-promo-note{
  margin-top:10px;
}
.wf-page .wf-promo-disclaimer{
  margin:7px auto 0;
  max-width:40em;
  color:rgba(225,236,229,.72);
  font-size:8.5px;
  line-height:1.35;
  text-align:center;
}
@media(max-width:680px){
  .wf-page .wf-promo-topline{flex-wrap:wrap}
  .wf-page .wf-promo-exclusive{font-size:9px}
  .wf-page .wf-promo-proof{grid-template-columns:1fr 1fr}
  .wf-page .wf-promo-proof strong{font-size:22px}
  .wf-page .wf-promo-proof span{font-size:9.5px}
  .wf-page .wf-promo-disclaimer{font-size:8px}
}


/* Build 3 - align the promo stack with the hero and reduce visual heaviness */
.wf-page .wf-hero-visual.wf-hero-promo-stack{
  align-self:start;
  gap:14px;
  width:100%;
  max-width:560px;
  justify-self:end;
}
.wf-page .wf-webinar-promo{
  padding:22px 24px 19px;
  border-radius:20px;
}
.wf-page .wf-promo-topline{
  margin-bottom:8px;
}
.wf-page .wf-promo-heading{
  font-size:clamp(31px,2.55vw,40px);
  line-height:1.02;
}
.wf-page .wf-promo-copy{
  margin:10px 0 14px;
  font-size:13.5px;
  line-height:1.45;
}
.wf-page .wf-promo-proof{
  margin-bottom:13px;
  gap:9px;
}
.wf-page .wf-promo-proof>div{
  padding:11px 12px 10px;
}
.wf-page .wf-promo-proof strong{
  font-size:23px;
}
.wf-page .wf-promo-cta{
  min-height:52px;
  padding:12px 17px;
  font-size:15px;
}
.wf-page .wf-promo-note{
  margin-top:9px;
  line-height:1.4;
}
.wf-page .wf-promo-disclaimer{
  margin-top:5px;
}
.wf-page .wf-hero-promo-stack .wf-photo-frame{
  min-height:0;
  height:360px;
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(180deg,#f0f6f2,#e8f1eb);
  box-shadow:0 18px 38px rgba(21,71,52,.10);
}
.wf-page .wf-hero-promo-stack .wf-photo-frame>img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
}
.wf-page .wf-hero-promo-stack .wf-photo-badge{
  left:18px;
  right:18px;
  bottom:18px;
  padding:15px 17px;
  border-radius:14px;
}
.wf-page .wf-hero-promo-stack .wf-photo-badge span{
  font-size:9.5px;
}
.wf-page .wf-hero-promo-stack .wf-photo-badge strong{
  font-size:22px;
  line-height:1.08;
}

@media(max-width:1180px){
  .wf-page .wf-hero-visual.wf-hero-promo-stack{
    max-width:520px;
  }
  .wf-page .wf-hero-promo-stack .wf-photo-frame{
    height:330px;
  }
}
@media(max-width:980px){
  .wf-page .wf-hero-visual.wf-hero-promo-stack{
    max-width:700px;
    justify-self:center;
  }
  .wf-page .wf-hero-promo-stack .wf-photo-frame{
    height:430px;
  }
}
@media(max-width:680px){
  .wf-page .wf-webinar-promo{
    padding:19px 17px 17px;
  }
  .wf-page .wf-promo-heading{
    font-size:clamp(29px,8vw,35px);
  }
  .wf-page .wf-hero-promo-stack .wf-photo-frame{
    height:auto;
    min-height:0;
  }
  .wf-page .wf-hero-promo-stack .wf-photo-frame>img{
    height:auto;
  }
}


/* Build 4 - tighten promo/photo stack to align with left conversion row */
.wf-page .wf-hero-visual.wf-hero-promo-stack{
  gap:10px;
}
.wf-page .wf-webinar-promo{
  padding-top:20px;
  padding-bottom:18px;
}
.wf-page .wf-hero-promo-stack .wf-photo-frame{
  height:320px;
}
.wf-page .wf-hero-promo-stack .wf-photo-badge{
  bottom:16px;
  padding:14px 16px;
}
@media(max-width:1180px){
  .wf-page .wf-hero-promo-stack .wf-photo-frame{
    height:305px;
  }
}
@media(max-width:980px){
  .wf-page .wf-hero-promo-stack .wf-photo-frame{
    height:400px;
  }
}
@media(max-width:680px){
  .wf-page .wf-hero-promo-stack .wf-photo-frame{
    height:auto;
  }
}