/* MelumiyaChat v57 — homepage hero refinement only.
   Goal: quieter cinematic art, clearer product hierarchy, less above-fold clutter.
   Does not alter the rest of the site or pricing/tier styling. */

.marketing-showcase .home-crowd-hero{
  min-height:680px;
  background:#050207;
  border-bottom-color:rgba(118,80,127,.18);
}

.marketing-showcase .home-crowd-hero::after{
  background-position:center 23%;
  opacity:.64;
  filter:saturate(.76) contrast(.92) brightness(.82) blur(1px);
  transform:scale(1.012);
}

.marketing-showcase .home-crowd-hero::before{
  background:
    radial-gradient(circle at 25% 48%,rgba(69,39,76,.16),transparent 36%),
    linear-gradient(90deg,rgba(4,2,7,.995) 0%,rgba(7,3,10,.97) 29%,rgba(10,4,14,.82) 48%,rgba(8,3,12,.43) 68%,rgba(6,2,9,.48) 100%),
    linear-gradient(180deg,rgba(5,2,8,.24) 0%,rgba(5,2,8,.10) 50%,rgba(5,2,8,.94) 100%);
}

.marketing-showcase .home-crowd-content{
  max-width:650px;
  padding:78px 0 92px;
}

.marketing-showcase .home-crowd-content .eyebrow{
  margin-bottom:17px;
  color:#c19ac8!important;
  text-shadow:0 0 24px rgba(118,80,127,.22);
}

.marketing-showcase .home-crowd-content h1{
  max-width:620px;
  font-size:clamp(3.65rem,6.25vw,6.25rem);
  line-height:.93;
  letter-spacing:-.052em;
  text-wrap:balance;
}

.marketing-showcase .home-crowd-content h1 em{
  color:#a982b2;
  text-shadow:0 0 36px rgba(118,80,127,.30);
}

.marketing-showcase .home-crowd-content .lead{
  max-width:625px;
  margin-top:25px;
  color:#ddd2df;
  font-size:clamp(1.08rem,1.6vw,1.24rem);
  line-height:1.65;
  text-shadow:0 2px 18px rgba(0,0,0,.78);
}

.marketing-showcase .home-crowd-content .hero-actions{
  margin-top:28px;
}

.marketing-showcase .home-crowd-content .hero-proof{
  margin-top:20px;
  gap:8px;
}

.marketing-showcase .home-crowd-content .pill{
  background:rgba(14,6,18,.72)!important;
  border-color:rgba(118,80,127,.34)!important;
  color:#d9cadd;
  backdrop-filter:blur(10px);
}

/* The old negative-margin announcement block is replaced with a calm product-first strip. */
.marketing-showcase .home-core-strip{
  position:relative;
  z-index:4;
  padding:24px 0 18px;
  background:linear-gradient(180deg,#050207 0%,rgba(8,3,12,.98) 100%);
  border-bottom:1px solid rgba(118,80,127,.14);
}

.marketing-showcase .home-core-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.marketing-showcase .home-core-card{
  min-height:154px;
  padding:22px 23px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border:1px solid rgba(118,80,127,.25);
  border-radius:20px;
  background:
    radial-gradient(circle at 100% 0%,rgba(118,80,127,.13),transparent 42%),
    linear-gradient(180deg,rgba(23,10,28,.86),rgba(11,5,15,.96));
  box-shadow:0 18px 50px rgba(0,0,0,.18);
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}

.marketing-showcase .home-core-card:hover{
  transform:translateY(-2px);
  border-color:rgba(178,138,187,.46);
  background:
    radial-gradient(circle at 100% 0%,rgba(139,99,148,.18),transparent 44%),
    linear-gradient(180deg,rgba(28,12,34,.91),rgba(12,5,16,.98));
}

.marketing-showcase .home-core-kicker{
  margin-bottom:auto;
  color:#ad86b5;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.marketing-showcase .home-core-card strong{
  display:block;
  margin-top:20px;
  color:#f9f5fa;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.42rem;
  font-weight:500;
  line-height:1.08;
}

.marketing-showcase .home-core-card > span:last-child{
  margin-top:8px;
  color:#bfb1c3;
  font-size:.91rem;
  line-height:1.5;
}

@media(max-width:980px){
  .marketing-showcase .home-crowd-hero{min-height:640px}
  .marketing-showcase .home-crowd-hero::before{
    background:
      linear-gradient(90deg,rgba(4,2,7,.99) 0%,rgba(7,3,10,.94) 46%,rgba(8,3,12,.58) 100%),
      linear-gradient(180deg,rgba(5,2,8,.15) 36%,rgba(5,2,8,.94) 100%);
  }
  .marketing-showcase .home-core-grid{grid-template-columns:1fr}
  .marketing-showcase .home-core-card{min-height:130px}
}

@media(max-width:650px){
  .marketing-showcase .home-crowd-hero{min-height:650px;align-items:flex-end}
  .marketing-showcase .home-crowd-hero::after{
    background-position:58% 15%;
    opacity:.48;
    filter:saturate(.72) contrast(.9) brightness(.78) blur(.8px);
  }
  .marketing-showcase .home-crowd-hero::before{
    background:linear-gradient(180deg,rgba(5,2,8,.30) 0%,rgba(6,2,9,.66) 37%,rgba(5,2,8,.99) 72%);
  }
  .marketing-showcase .home-crowd-content{padding:275px 0 58px}
  .marketing-showcase .home-crowd-content h1{font-size:clamp(3.25rem,16vw,4.15rem)}
  .marketing-showcase .home-crowd-content .lead{font-size:1.02rem;line-height:1.58}
  .marketing-showcase .home-crowd-content .hero-actions{margin-top:24px}
  .marketing-showcase .home-crowd-content .hero-actions .button{width:100%}
  .marketing-showcase .home-core-strip{padding:16px 0 8px}
}