/* Home page layout guard: keep intro, converter and stats in one clear vertical flow. */
.site-main .hero{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:14px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.site-main .hero-info,
.site-main .hero-form{
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  float:none!important;
}
.site-main .hero-info{
  position:relative!important;
  margin:0 0 4px!important;
  padding:18px 20px 16px!important;
  border:1px solid #e5e8f0!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#fcfdff 0%,#f5f7ff 100%)!important;
}
.site-main .hero-info>p{
  max-width:780px!important;
  margin:0 auto!important;
  color:#606b7d!important;
  font-size:15px!important;
  line-height:1.7!important;
  text-align:center!important;
}
.site-main .hero-form .custom-converter,
.site-main .custom-converter{
  display:block!important;
  width:100%!important;
  max-width:960px!important;
  margin:0 auto!important;
  float:none!important;
}
.site-main .custom-converter{
  border-radius:14px!important;
}
.site-main .custom-converter h2{
  letter-spacing:-.02em!important;
}
.site-main .custom-converter .drop-zone{
  border-radius:12px!important;
  background:linear-gradient(180deg,#fbfcff 0%,#f6f8ff 100%)!important;
}
.site-main .custom-converter .drop-zone:hover{
  background:#f1f4ff!important;
}
.site-main .custom-converter .convert-btn{
  border-radius:10px!important;
}
.site-main .stats,
.site-main .hero .stats,
.site-main .hero-info .stats,
.site-main .hero-form .stats{
  position:static!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:960px!important;
  margin:10px auto 0!important;
  padding:0!important;
  gap:10px!important;
  float:none!important;
  transform:none!important;
}
.site-main .stat-item{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:13px 15px!important;
  border:1px solid #e4e8f0!important;
  border-radius:9px!important;
  background:#fafbfe!important;
}
.site-main .stat-item strong{
  color:#303747!important;
  font-size:14px!important;
}
.site-main .stat-item span{
  color:#6d7789!important;
  font-size:12.5px!important;
  line-height:1.45!important;
}
.site-main .hero+section{
  margin-top:24px!important;
}

@media(max-width:700px){
  .site-main .hero{gap:10px!important}
  .site-main .hero-info{
    margin:0 0 2px!important;
    padding:13px 12px!important;
    border-radius:9px!important;
  }
  .site-main .hero-info>p{
    margin:0!important;
    font-size:14px!important;
    line-height:1.62!important;
    text-align:left!important;
  }
  .site-main .hero-form .custom-converter,
  .site-main .custom-converter{max-width:none!important}
  .site-main .custom-converter{
    border-radius:10px!important;
  }
  .site-main .custom-converter h2{
    margin-bottom:12px!important;
  }
  .site-main .custom-converter .drop-zone{
    border-radius:9px!important;
  }
  .site-main .stats,
  .site-main .hero .stats,
  .site-main .hero-info .stats,
  .site-main .hero-form .stats{
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin-top:7px!important;
  }
  .site-main .stat-item{
    padding:11px 12px!important;
  }
  .site-main .hero+section{
    margin-top:18px!important;
  }
}