/* Hometown Heroes Landing - Deckert Lending Family */
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;800&display=swap');

:root{
  --brand-purple:#3D1951;
  --brand-green:#29B533;
  --brand-gold:#FFD400;
  --text:#222;
  --muted:#5a5560;
  --bg:#ffffff;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Raleway',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);}
img{max-width:100%;height:auto;display:block}

header.hero{
  background:var(--brand-purple);
  color:#fff;
}
.header-wrap{
  max-width:1100px;
  margin:0 auto;
  padding:24px 20px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.header-logo{
  width:100%;
  max-width:1200px;
}

/* main layout */
main{
  max-width:1100px;
  margin:0 auto;
  padding:28px 20px 56px;
}

h1{
  font-size: clamp(24px, 3.2vw, 36px);
  line-height:1.2;
  margin: 10px 0 6px;
}
.lede{
  color:var(--muted);
  font-size: clamp(14px, 2.2vw, 18px);
  margin:0 0 22px;
}

/* Benefits */
.benefits{
  margin: 18px 0 26px;
  padding:0;
  list-style:none;
}
.benefits li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:10px 0;
  font-weight:600;
}
.check{
  flex:0 0 auto;
  width:22px;height:22px;
  border-radius:50%;
  display:inline-grid;
  place-items:center;
  color:#fff;
  background:var(--brand-green);
  font-size:14px;
  line-height:1;
}

/* form card */
.card{
  border:1px solid #ece7f1;
  border-radius:14px;
  padding:16px;
  box-shadow:0 8px 24px rgba(61,25,81,.08);
  background:#fff;
}
.form-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
label{font-weight:700;font-size:14px}
input,select,button,textarea{
  width:100%;
  padding:12px 14px;
  border:1px solid #d9d4df;
  border-radius:10px;
  font:inherit;
}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(41,181,51,.3);border-color:var(--brand-green);}
button.cta{
  background:var(--brand-green);
  color:#fff;
  font-weight:800;
  border:none;
  cursor:pointer;
  transition:transform .05s ease-in-out, filter .2s;
}
button.cta:hover{filter:brightness(1.05)}
button.cta:active{transform:scale(.98)}

.inline-2{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
@media(min-width:720px){
  .inline-2{grid-template-columns:1fr 1fr}
}

.small{font-size:12px;color:var(--muted)}

/* footer */
footer{
  border-top:1px solid #ece7f1;
  margin-top:36px;
  padding:16px 0 40px;
}
.footer-grid{
  max-width:1100px;
  margin:0 auto;
  padding:0 20px;
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.equal-housing{
  width:28px;
  height:auto;
  margin-top:4px;
}

/* Thank You page */
.center-wrap{
  min-height:80vh;
  display:grid;
  place-items:center;
  padding:20px;
}
.ty-card{
  max-width:720px;
  width:100%;
  text-align:center;
}
.ty-card .logo{
  width:320px;
  margin:0 auto 14px;
}
.ty-actions{
  margin-top:18px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
}
.ty-actions a{
  display:inline-block;
  padding:12px 16px;
  border-radius:10px;
  font-weight:700;
  text-decoration:none;
}
.btn-primary{background:var(--brand-green);color:#fff}
.btn-outline{border:2px solid var(--brand-purple);color:var(--brand-purple);background:#fff}