/* =========================================================
   FLY V24 — HOME ASK + COMPACT HOW FLOW
   Moves "Whatever you need. Just ask." to Home and reduces
   the How It Works explanation density.
   ========================================================= */

/* ---------- HOME: ASK INTRO ---------- */

.homeAskV24{
  background:#fff;
  padding:96px 24px;
  border-top:1px solid #ececef;
  border-bottom:1px solid #ececef;
}

.homeAskV24 *{
  box-sizing:border-box;
}

.homeAskV24__inner{
  width:min(100%,1080px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:72px;
  align-items:center;
}

.homeAskV24__copy{
  max-width:500px;
}

.homeAskV24__title{
  margin:0;
  color:#0a0a0a;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(52px,5vw,68px);
  line-height:.95;
  letter-spacing:-.052em;
  font-weight:700;
}

.homeAskV24__lead{
  margin:18px 0 0;
  max-width:31rem;
  color:#737378;
  font-size:17px;
  line-height:1.52;
}

.homeAskV24__composer{
  width:100%;
  max-width:620px;
  justify-self:end;
  padding:12px;
  border:1px solid #e3e3e7;
  border-radius:24px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  background:#fff;
  box-shadow:0 18px 48px rgba(0,0,0,.055);
}

.homeAskV24__input{
  min-width:0;
  min-height:76px;
  padding:0 18px;
  border-radius:17px;
  display:flex;
  align-items:center;
  gap:10px;
  background:#f5f5f7;
  overflow:hidden;
}

.homeAskV24__prefix{
  flex:0 0 auto;
  color:#929297;
  font-size:16px;
  font-weight:500;
}

.homeAskV24__query{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#151515;
  font-size:18px;
  line-height:1;
  font-weight:550;
  letter-spacing:-.015em;
}

.homeAskV24__cursor{
  flex:0 0 2px;
  width:2px;
  height:25px;
  border-radius:2px;
  background:#6c3cff;
}

.homeAskV24__button{
  min-width:104px;
  min-height:76px;
  padding:0 20px;
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:#0a0a0a;
  color:#fff;
  font-size:15px;
  font-weight:650;
}


/* ---------- HOW: COMPACT MIX SECTION ---------- */

.marketMixV24{
  background:#fff;
  padding:82px 24px 86px;
}

.marketMixV24 *{
  box-sizing:border-box;
}

.marketMixV24__inner{
  width:min(100%,1080px);
  margin:0 auto;
  text-align:center;
}

.marketMixV24__title{
  margin:0;
  color:#0a0a0a;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(44px,4.3vw,58px);
  line-height:.97;
  letter-spacing:-.048em;
  font-weight:700;
}

.marketMixV24__lead{
  margin:14px auto 0;
  max-width:40rem;
  color:#737378;
  font-size:17px;
  line-height:1.5;
}

.marketMixV24__event{
  position:relative;
  width:max-content;
  margin:34px auto 0;
  padding:11px 17px 11px 11px;
  border:1px solid #e0e0e4;
  border-radius:17px;
  display:flex;
  align-items:center;
  gap:12px;
  background:#fff;
  box-shadow:0 10px 28px rgba(0,0,0,.045);
}

.marketMixV24__eventIcon{
  width:50px;
  height:50px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#0054A3;
}

.marketMixV24__eventIcon img{
  width:33px;
  height:33px;
  display:block;
  object-fit:contain;
}

.marketMixV24__eventText small{
  display:block;
  margin:0 0 3px;
  color:#8b8b90;
  font-size:9px;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.marketMixV24__eventText strong{
  display:block;
  color:#111;
  font-size:22px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.03em;
}

.marketMixV24__event::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-28px;
  width:1px;
  height:28px;
  background:#c4c7cf;
}

.marketMixV24__branch{
  width:76%;
  height:28px;
  margin:28px auto 0;
  border-top:1px solid #c4c7cf;
}

.marketMixV24__examples{
  margin-top:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.marketMixV24__example{
  position:relative;
  min-height:132px;
  padding:18px;
  border:1px solid #e3e3e6;
  border-radius:18px;
  background:#fff;
  text-align:left;
  box-shadow:0 8px 24px rgba(0,0,0,.035);
}

.marketMixV24__example::before{
  content:"";
  position:absolute;
  left:50%;
  top:-29px;
  width:1px;
  height:29px;
  background:#c4c7cf;
}

.marketMixV24__type{
  display:flex;
  align-items:center;
  gap:8px;
  color:#6d7488;
  font-size:10px;
  font-weight:750;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.marketMixV24__typeIcon{
  width:30px;
  height:30px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#f2f2f4;
}

.marketMixV24__typeIcon svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:#111;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.marketMixV24__ask{
  margin:16px 0 0;
  color:#1d1d1f;
  font-size:15px;
  line-height:1.38;
  font-weight:500;
  letter-spacing:-.015em;
}

.marketMixV24__close{
  margin:26px 0 0;
  color:#57575c;
  font-size:15px;
  line-height:1.4;
  font-weight:620;
}


/* ---------- HOW STEPS: SHORTER ---------- */

.stepsIntroV12__inner{
  padding-top:66px !important;
}

.howInner{
  padding-top:10px !important;
}

.howRow{
  padding-top:48px !important;
  padding-bottom:48px !important;
  gap:58px !important;
}

.askManualVisual{
  max-width:590px !important;
}

.connectManualVisual{
  max-width:455px !important;
}

.liveTimeManualVisual{
  max-width:385px !important;
}

.shakeHandsManualVisual,
.repeatManualVisual{
  max-width:465px !important;
}


/* ---------- RESPONSIVE ---------- */

@media(max-width:1050px){
  .homeAskV24__inner{
    grid-template-columns:1fr;
    gap:42px;
  }

  .homeAskV24__copy{
    max-width:620px;
  }

  .homeAskV24__composer{
    justify-self:start;
    width:min(100%,680px);
    max-width:680px;
  }

  .marketMixV24__examples{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }

  .marketMixV24__branch,
  .marketMixV24__event::after,
  .marketMixV24__example::before{
    display:none;
  }

  .marketMixV24__examples{
    margin-top:26px;
  }
}

@media(max-width:720px){
  .homeAskV24{
    padding:64px 18px;
  }

  .homeAskV24__title{
    font-size:clamp(42px,12vw,52px);
  }

  .homeAskV24__lead{
    font-size:16px;
  }

  .homeAskV24__inner{
    gap:34px;
  }

  .homeAskV24__composer{
    width:100%;
    max-width:none;
    grid-template-columns:1fr;
    gap:9px;
    padding:9px;
    border-radius:20px;
  }

  .homeAskV24__input{
    width:100%;
    min-height:66px;
    border-radius:14px;
  }

  .homeAskV24__button{
    width:100%;
    min-width:0;
    min-height:48px;
    border-radius:14px;
  }

  .marketMixV24{
    padding:62px 18px 68px;
  }

  .marketMixV24__title{
    font-size:clamp(38px,10.5vw,46px);
  }

  .marketMixV24__lead{
    font-size:16px;
  }

  .marketMixV24__event{
    margin-top:28px;
  }

  .marketMixV24__examples{
    grid-template-columns:1fr 1fr;
  }

  .marketMixV24__example{
    min-height:120px;
    padding:15px;
  }

  .marketMixV24__ask{
    margin-top:13px;
    font-size:14px;
  }

  .stepsIntroV12__inner{
    padding-top:54px !important;
  }

  .howRow{
    padding-top:42px !important;
    padding-bottom:42px !important;
    gap:24px !important;
  }
}

@media(max-width:470px){
  .marketMixV24__examples{
    grid-template-columns:1fr;
  }

  .marketMixV24__example{
    min-height:0;
  }
}