/* ===== TOKENS / BASE (Blue section with pink accents) ===== */
#bolt-cta-strip{
  --blue:var(--mp-blue);
  --blue-dark:var(--mp-blue-dark);
  --pink:var(--mp-pink);
  --text:var(--mp-ink);
  --outline:rgba(255,255,255,.22);
  --ring:rgba(255,255,255,.18);
  --mx:50%; --my:50%;
  position:relative; isolation:isolate; overflow:hidden;
  color:var(--text);
  padding:64px 0;
  background:
    radial-gradient(120% 160% at 70% 0%, var(--blue) 0%, var(--blue-dark) 60%, var(--mp-blue-deep) 100%);
}

/* Ambient lighting + sheen */
#bolt-cta-strip::before{
  content:""; position:absolute; inset:0; z-index:0;
  background:
    radial-gradient(640px 640px at 22% 38%, rgba(255,255,255,.08), transparent 60%),
    radial-gradient(520px 520px at 80% 72%, rgba(255,255,255,.06), transparent 65%);
  mix-blend-mode:screen; opacity:.5;
  animation:bcsFloat 24s ease-in-out infinite alternate;
}
@keyframes bcsFloat{
  0%{transform:translate(0,0) scale(1);}
  50%{transform:translate(-3%,2%) scale(1.04);}
  100%{transform:translate(3%,-2%) scale(1);}
}
#bolt-cta-strip::after{
  content:""; position:absolute; inset:-10% -40%; z-index:0;
  background:linear-gradient(100deg, transparent 35%, rgba(255,255,255,.12) 50%, transparent 65%);
  transform:skewX(-12deg);
  animation:bcsSheen 7s linear infinite;
}
@keyframes bcsSheen{
  0%{transform:translateX(-40%) skewX(-12deg);}
  100%{transform:translateX(40%)  skewX(-12deg);}
}

/* Mouse-follow glow */
#bolt-cta-strip .bcs-mouse{
  position:absolute; inset:0; pointer-events:none; z-index:1;
  background: radial-gradient(360px 360px at var(--mx) var(--my), rgba(255,255,255,.18) 0%, transparent 60%);
  filter: blur(48px);
}

/* Content layout */
#bolt-cta-strip .bcs-inner{
  position:relative; z-index:2;
  max-width:1100px; margin:0 auto; padding:0 20px;
  text-align:center;
}
#bolt-cta-strip .bcs-title{
  font-family:"DM Serif Display",serif; font-weight:400; color:#fff;
  font-size:36px; line-height:1.2; margin:0 0 10px;
  text-shadow:0 2px 10px rgba(0,0,0,.25);
}
@media(min-width:900px){ #bolt-cta-strip .bcs-title{ font-size:40px; } }

#bolt-cta-strip .bcs-sub{
  font-family:"Montserrat",sans-serif; font-size:16px; line-height:1.8; margin:0 0 4px; opacity:.96;
}
#bolt-cta-strip .bcs-desc{
  font-family:"Montserrat",sans-serif; font-size:15px; line-height:1.8; margin:0 0 22px; opacity:.96;
}

/* Actions */
#bolt-cta-strip .bcs-actions{
  display:flex; justify-content:center; align-items:center; gap:14px; flex-wrap:wrap;
}

/* Buttons */
#bolt-cta-strip .bcs-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  font-family:"Montserrat",sans-serif; font-weight:600; font-size:15px;
  padding:14px 26px; border-radius:12px; text-decoration:none; color:#fff;
  border:1px solid var(--ring);
  box-shadow:
    0 10px 24px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.18) inset;
  transition:transform .18s ease, box-shadow .28s ease, filter .18s ease, background .18s ease;
}

/* Primary: pink highlight */
#bolt-cta-strip .bcs-btn-primary{
  background:
    linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,0) 28%),
    linear-gradient(90deg, var(--pink) 0%, #e24d96 100%);
}
#bolt-cta-strip .bcs-btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(208,36,121,.45), 0 0 0 1px rgba(255,255,255,.22) inset;
  filter:brightness(1.05);
}

/* Ghost: translucent blue glass */
#bolt-cta-strip .bcs-btn-ghost{
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  backdrop-filter:blur(8px);
}
#bolt-cta-strip .bcs-btn-ghost:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.26) inset;
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  #bolt-cta-strip::before, #bolt-cta-strip::after{ animation:none; }
  #bolt-cta-strip .bcs-mouse{ display:none; }
}