/* V174: simplify home cards + readable green module chips */

/* Remove the old section-level CTA row completely */
.home-opening-card > .home-opening-actions{
  display:none!important;
}

/* Larger, cleaner How SpinOut U Works cards */
.home-opening-card .home-how-grid{
  align-items:start!important;
  gap:clamp(20px,2.4vw,34px)!important;
}
.home-opening-card .home-how-card{
  min-height:clamp(430px,35vw,560px)!important;
  height:auto!important;
  transition:min-height .22s ease, transform .22s ease, box-shadow .22s ease!important;
}
.home-opening-card .home-how-card.is-flipped{
  min-height:clamp(560px,46vw,720px)!important;
  transform:translateY(-2px)!important;
  z-index:5!important;
}
.home-opening-card .home-how-card .spinout-flip-face{
  padding:clamp(24px,3vw,38px)!important;
  border-radius:clamp(24px,2.4vw,34px)!important;
  overflow:auto!important;
}
.home-opening-card .home-how-card .spinout-flip-front{
  display:flex!important;
  flex-direction:column!important;
}
.home-opening-card .home-how-card .spinout-flip-front > p{
  max-width:100%!important;
  font-size:clamp(17px,1.35vw,21px)!important;
  line-height:1.5!important;
}
.home-opening-card .home-how-card .spinout-flip-cue{
  margin-top:auto!important;
}

/* Exactly two CTA chips on each card */
.home-card-route-actions--simple{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:clamp(18px,2vw,26px)!important;
}
.home-card-route-actions--simple button{
  appearance:none!important;
  min-height:46px!important;
  border-radius:999px!important;
  padding:0 18px!important;
  cursor:pointer!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  border:1px solid rgba(6,22,51,.15)!important;
  background:#fff!important;
  color:#061633!important;
  box-shadow:0 12px 24px rgba(8,24,52,.08)!important;
}
.home-card-route-actions--simple button[data-card-flip]{
  background:#061633!important;
  color:#fff!important;
  border-color:#061633!important;
}
.home-how-card--market .home-card-route-actions--simple button[data-card-flip]{
  background:#0b583d!important;
  border-color:#0b583d!important;
}

/* Flip side must be readable white top-to-bottom */
.home-opening-card .home-how-card .spinout-flip-back,
.home-opening-card .home-how-card .spinout-flip-back *{
  color:#fff!important;
}
.home-opening-card .home-how-card .spinout-flip-back{
  background:linear-gradient(180deg,#061633,#0b214a)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 24px 68px rgba(6,22,51,.25)!important;
}
.home-opening-card .home-how-card--market .spinout-flip-back{
  background:linear-gradient(180deg,#073b2f,#0b6a4a)!important;
}
.home-opening-card .home-how-card .spinout-flip-back ul{
  max-height:none!important;
  overflow:visible!important;
  gap:14px!important;
  margin-top:20px!important;
}
.home-opening-card .home-how-card .spinout-flip-back li{
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  padding-bottom:14px!important;
}
.home-opening-card .home-how-card .spinout-flip-back li b{
  color:#fff!important;
  font-size:clamp(17px,1.35vw,21px)!important;
}
.home-opening-card .home-how-card .spinout-flip-back li span{
  color:rgba(255,255,255,.78)!important;
  font-size:clamp(14px,1.05vw,16px)!important;
  line-height:1.45!important;
}
.home-opening-card .home-how-card .spinout-flip-back .spinout-flip-cue{
  color:rgba(255,255,255,.86)!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:999px!important;
  display:inline-flex!important;
  width:max-content!important;
  padding:10px 14px!important;
  margin-top:20px!important;
}

/* Green creation module chips: centered, readable, not overly letter-spaced */
.creation-only-modal .creation-hero-panel .route-focus-strip,
.creation-only-modal .creation-readable-chips{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px 12px!important;
  margin-top:20px!important;
}
.creation-only-modal .creation-hero-panel .route-focus-strip span,
.creation-only-modal .creation-readable-chips span,
.creation-only-modal .need-assets-chip-row span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-height:38px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  background:rgba(246,255,248,.96)!important;
  border:1px solid rgba(190,255,207,.92)!important;
  color:#073b2f!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:15px!important;
  line-height:1.05!important;
  font-weight:900!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  box-shadow:0 8px 20px rgba(0,0,0,.08)!important;
}
.creation-only-modal .creation-hero-panel .route-focus-strip span{
  max-width:100%!important;
}
.creation-only-modal .need-assets-chip-row{
  align-items:center!important;
}

/* Make solution CTAs sit cleanly */
.creation-only-grid .creation-solution-card{
  min-height:310px!important;
}
.solution-card-ctas button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  line-height:1.15!important;
}

@media(max-width:900px){
  .home-opening-card .home-how-card,
  .home-opening-card .home-how-card.is-flipped{
    min-height:520px!important;
  }
}
@media(max-width:760px){
  .home-opening-card .home-how-card,
  .home-opening-card .home-how-card.is-flipped{
    min-height:560px!important;
  }
  .home-card-route-actions--simple{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .home-card-route-actions--simple button{
    width:100%!important;
  }
  .creation-only-modal .creation-hero-panel .route-focus-strip span,
  .creation-only-modal .creation-readable-chips span,
  .creation-only-modal .need-assets-chip-row span{
    min-height:36px!important;
    font-size:13.5px!important;
    padding:0 12px!important;
  }
}