/* LakhNet’s framed light hero: existing copy layered over an original finance graphic. */
.home-hero.hero-with-art {
  background:#f8f4ec url('/hero-finance.jpg') right 42px center/auto 71% no-repeat;
  border:2px solid #312e81;
  border-radius:18px;
  display:grid;
  min-height:520px;
  overflow:hidden;
  padding:68px 52px;
  place-items:center start;
  position:relative;
  text-align:left;
}
.home-hero.hero-with-art::before { background:linear-gradient(90deg,rgba(248,244,236,.98) 0%,rgba(248,244,236,.94) 43%,rgba(248,244,236,.18) 58%,rgba(248,244,236,0) 69%); content:""; inset:0; position:absolute; }
.home-hero .hero-copy { max-width:710px; position:relative; z-index:1; }
.home-hero .kicker { background:#e0e7ff; border:1px solid #a5b4fc; border-radius:999px; color:#3730a3; display:inline-block; font-size:11px; letter-spacing:.1em; margin-bottom:18px; padding:8px 13px; }
.home-hero h1 { color:#151a35; font-size:clamp(43px,6.4vw,74px); line-height:1.01; margin:0; max-width:720px; }
.home-hero h1 em { color:#0f766e; font-family:Georgia,serif; font-weight:500; letter-spacing:-.06em; }
.home-hero .lede { color:#334155; font-size:17px; margin-left:0; max-width:620px; }
.home-hero .lede-secondary { color:#475569; margin-top:5px; }
.home-hero .hero-actions { justify-content:flex-start; margin-top:29px; }
.home-hero .hero-actions > a { flex:0 0 calc((100% - 24px) / 2); height:76px; width:calc((100% - 24px) / 2); }
.home-hero .button { align-items:center; background:#312e81; color:#fff; display:inline-flex; gap:10px; justify-content:center; padding:14px 18px; text-align:center; }
.home-hero .button span { margin:0; }
.home-hero .button:hover { background:#4338ca; }
.home-hero .calculator-cta { align-items:center; background:rgba(255,255,255,.55); border-color:#0f766e; box-sizing:border-box; color:#0f766e; display:inline-flex; gap:12px; height:76px; justify-content:center; padding:10px 17px; width:236px; }
.home-hero .calculator-cta:hover { background:#ecfdf5; color:#115e59; }
.home-hero .calculator-copy { display:grid; gap:2px; line-height:1.05; margin:0; text-align:center; }
.home-hero .calculator-copy strong { font-size:14px; }
.home-hero .calculator-copy small { color:#0f766e; font-size:10px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.home-hero .calculator-cta .cta-arrow { font-size:17px; margin:0; }
.home-hero .hero-art { display:none; }
@media(max-width:760px) {
  .home-hero.hero-with-art {
    border-width:2px;
    border-radius:12px;
    display:block;
    min-height:500px;
    padding:46px 20px 290px;
    place-items:center;
    text-align:center;
    background-position:center bottom 22px;
    background-size:auto 265px;
  }
  /* Keep the copy readable without bleaching the illustration below it. */
  .home-hero.hero-with-art::before {
    background:linear-gradient(180deg,#f8f4ec 0%,rgba(248,244,236,.97) 37%,rgba(248,244,236,.46) 58%,rgba(248,244,236,0) 76%);
  }
  .home-hero .hero-copy { max-width:100%; }
  .home-hero h1 { font-size:43px; }
  .home-hero .lede { font-size:15px; margin-left:auto; margin-right:auto; }
  .home-hero .hero-actions { align-items:stretch; justify-content:center; }
  .home-hero .button,.home-hero .calculator-cta { text-align:center; }
  .home-hero .hero-actions > a { flex:0 0 auto; height:76px; width:100%; }
}