/* CloudForcePath hero logo (rectangle card): glow, float and shadow. index.html only */
.hero-logo{position:relative;isolation:isolate;width:100%;max-width:520px;
  margin:0 auto;justify-self:center;animation:cfp-float 6s ease-in-out infinite}
/* Glowing blue radial gradient behind the card */
.hero-logo::before{content:"";position:absolute;inset:-10%;z-index:-1;border-radius:40px;
  background:radial-gradient(circle,rgba(36,185,255,.55) 0,rgba(22,140,255,.28) 45%,transparent 70%);
  filter:blur(30px)}
.hero-logo img{display:block;width:100%;height:auto;aspect-ratio:800/615;border-radius:28px;
  border:1px solid rgba(36,185,255,.45);box-shadow:0 30px 80px rgba(0,0,0,.5)}
@keyframes cfp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
/* Mobile: centered above the heading */
@media(max-width:900px){.hero-logo{order:-1;max-width:min(360px,86vw)}}
@media(prefers-reduced-motion:reduce){.hero-logo{animation:none}}

/* "Book a free demo" button (hero) */
.btn.btn-demo{background:#3d8bff;border-color:#3d8bff;color:#fff;border-radius:14px;
  box-shadow:0 12px 30px rgba(61,139,255,.35);transition:background .2s,transform .2s}
.btn.btn-demo:hover,.btn.btn-demo:focus-visible{background:#5a9eff;transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){.btn.btn-demo{transition:none}.btn.btn-demo:hover{transform:none}}