/*
Theme Name: Astra Child - Coach Lead Gen
Template: astra
Version: 1.0
*/

:root{
  --dark:#0f1117;
  --dark2:#1a2235;
  --accent:#22c55e;
  --cta:#f97316;
  --grey-bg:#f8fafc;
  --pill-bg:#f1f5f9;
}

body{font-family:'Inter',sans-serif;color:#0f1117;background:#fff;line-height:1.5;}
h1,h2,h3{font-weight:800;line-height:1.15;}

/* HERO */
.lead-hero{
  background:linear-gradient(160deg,var(--dark) 0%,var(--dark2) 100%);
  color:#fff;
  position:relative;
  overflow:hidden;
  padding:64px 0 80px;
}
.lead-hero::before{
  content:"";
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:40px 40px;
  pointer-events:none;
}
.lead-hero-inner{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;max-width:1100px;margin:0 auto;padding:0 20px;}
@media(max-width:880px){.lead-hero-inner{grid-template-columns:1fr;}}

.lead-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(34,197,94,.15);
  border:1px solid rgba(34,197,94,.4);
  color:var(--accent);
  font-size:13px;font-weight:700;
  padding:6px 14px;border-radius:999px;
  margin-bottom:20px;
}
.lead-hero h1{font-size:clamp(28px,4.5vw,44px);margin-bottom:16px;color:#fff;}
.lead-hero h1 span{color:var(--accent);}
.lead-hero .subtitle{opacity:.85;font-size:18px;max-width:480px;margin-bottom:28px;}

.lead-trust{display:flex;align-items:center;gap:10px;margin-top:8px;}
.lead-trust .stars{display:flex;gap:2px;}
.lead-trust span{font-size:14px;opacity:.85;}

/* FORM CARD */
.lead-form-card{
  background:#fff;color:#0f1117;
  border-radius:16px;
  padding:32px;
  box-shadow:0 25px 60px -12px rgba(0,0,0,.45);
}
.lead-form-card h3{font-size:20px;margin-bottom:18px;}
.lead-form-card .wpforms-container,
.lead-form-card .gform_wrapper{margin:0;}
.lead-form-card input[type="text"],
.lead-form-card input[type="tel"],
.lead-form-card input[type="email"],
.lead-form-card textarea{
  width:100%;
  border:1px solid #e2e8f0!important;
  border-radius:8px!important;
  padding:11px 14px!important;
  font-family:inherit;
  font-size:15px;
}
.lead-form-card input:focus,.lead-form-card textarea:focus{outline:2px solid var(--accent);border-color:transparent!important;}
.lead-form-card button[type="submit"],
.lead-form-card .wpforms-submit,
.lead-form-card .gform_button{
  display:block!important;width:100%!important;
  background:var(--cta)!important;
  color:#fff!important;font-weight:700!important;font-size:16px!important;
  border:none!important;border-radius:8px!important;
  padding:15px 20px!important;cursor:pointer;
  transition:transform .15s ease,background .15s ease;
}
.lead-form-card button[type="submit"]:hover,
.lead-form-card .wpforms-submit:hover,
.lead-form-card .gform_button:hover{background:#ea6a0c!important;transform:scale(1.02);}

.lead-reassurance{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;font-size:14px;list-style:none;padding:0;}
.lead-reassurance li{display:flex;align-items:center;gap:6px;}
.lead-reassurance svg{flex-shrink:0;}

/* HOW IT WORKS */
.lead-how{padding:72px 20px;max-width:1100px;margin:0 auto;}
.lead-how h2{text-align:center;font-size:30px;margin-bottom:12px;}
.lead-how .lead-text{text-align:center;color:#475569;max-width:560px;margin:0 auto 44px;}
.lead-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:760px){.lead-steps{grid-template-columns:1fr;}}
.lead-step{
  background:#fff;border:1px solid #e2e8f0;border-radius:14px;
  padding:28px;text-align:center;
  box-shadow:0 4px 18px -6px rgba(15,17,23,.08);
}
.lead-step-num{
  width:44px;height:44px;border-radius:50%;
  background:var(--accent);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:18px;
  margin:0 auto 16px;
}
.lead-step h3{font-size:17px;margin-bottom:8px;}
.lead-step p{font-size:14px;color:#475569;}

/* TEXT SECTION */
.lead-text-section{background:var(--grey-bg);padding:64px 20px;}
.lead-text-section .inner{max-width:1100px;margin:0 auto;}
.lead-text-section h2{font-size:24px;margin-bottom:16px;}
.lead-text-section p{color:#334155;max-width:760px;}

/* COMPANIES */
.lead-companies{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin-top:24px;}
.lead-company-card{
  background:#fff;border-radius:12px;padding:20px;
  box-shadow:0 8px 24px -10px rgba(15,17,23,.15);
}
.lead-company-card h4{font-size:15px;margin-bottom:6px;}
.lead-company-card .stars{display:flex;gap:2px;margin-bottom:6px;}
.lead-company-card p{font-size:13px;color:#64748b;margin:0;}

/* MAILLAGE PILLS */
.lead-mesh{padding:56px 20px;max-width:1100px;margin:0 auto;}
.lead-mesh h2{font-size:22px;margin-bottom:18px;}
.lead-pills{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0;}
.lead-pills li{margin:0;}
.lead-pills a{
  display:inline-block;
  background:var(--pill-bg);
  border-radius:999px;
  padding:8px 18px;
  font-size:14px;font-weight:600;
  color:#334155;text-decoration:none;
  transition:background .15s,color .15s;
}
.lead-pills a:hover{background:var(--accent);color:#fff;}

/* FOOTER */
.lead-footer-note{background:var(--dark);color:rgba(255,255,255,.7);padding:16px 20px;font-size:13px;text-align:center;}