/* =========================================
   ME Forms
   Get My Strategy landing page
   Gravity Forms styling
   Scope: .me-strategy only
   ========================================= */

.me-strategy{
  --me-max: var(--me-wrap);
}

.me-strategy .me-wrap{
  max-width: var(--me-max);
  margin: 0 auto;
}

.me-strategy .me-section{
  padding: 72px 0;
}

/* Two column layout */
.me-strategy .me-grid{
  display: grid;
  grid-template-columns: 1.12fr 0.88fr;
  gap: 28px;
  align-items: start;
}

@media (max-width: 980px){
  .me-strategy .me-section{
    padding: 56px 0;
  }

  .me-strategy .me-grid{
    grid-template-columns: 1fr;
  }
}

/* Typography */
.me-strategy h1,
.me-strategy h2,
.me-strategy h3{
  color: var(--me-ink);
  letter-spacing: -0.01em;
}

.me-strategy h1{
  margin: 0 0 12px;
  line-height: 1.05;
}

.me-strategy p{
  margin: 0 0 14px;
  color: var(--me-text);
  line-height: 1.65;
}

.me-strategy .me-muted{
  color: var(--me-muted);
}

.me-strategy .me-kicker{
  color: var(--me-muted);
  font-size: 14px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin: 0 0 10px;
}

/* Cards */
.me-strategy .me-card{
  background: var(--me-surface);
  border: 1px solid var(--me-border);
  border-radius: var(--me-radius);
  box-shadow: var(--me-shadow);
  padding: 22px;
}

.me-strategy .me-card.me-flat{
  background: var(--me-surface);
  border-color: rgba(43,14,14,0.14);
  box-shadow: var(--me-shadow-soft);
}

/* Bullets */
.me-strategy .me-bullets{
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.me-strategy .me-bullets li{
  position: relative;
  padding-left: 18px;
  margin: 0 0 10px;
  color: var(--me-text);
  line-height: 1.6;
}

.me-strategy .me-bullets li::before{
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: rgba(43,14,14,0.45);
}

/* Note */
.me-strategy .me-note{
  margin-top: 16px;
  padding: 12px 14px;
  border-radius: var(--me-radius);
  border: 1px solid var(--me-border);
  background: rgba(250,249,247,0.65);
  font-size: 13px;
  line-height: 1.6;
  color: var(--me-muted);
}

/* Links */
.me-strategy .me-link{
  color: var(--me-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.me-strategy .me-link:hover{
  text-decoration-thickness: 2px;
}

/* =========================================
   Gravity Forms inside strategy
   ========================================= */

.me-strategy .gform_wrapper{
  margin: 0;
}

.me-strategy .gform_wrapper .gfield_label{
  color: var(--me-ink);
  font-weight: 600;
}

.me-strategy .gform_wrapper .gfield_description,
.me-strategy .gform_wrapper .validation_message,
.me-strategy .gform_wrapper .gfield_validation_message{
  color: var(--me-muted);
}

/* Inputs */
.me-strategy .gform_wrapper input[type="text"],
.me-strategy .gform_wrapper input[type="email"],
.me-strategy .gform_wrapper input[type="tel"],
.me-strategy .gform_wrapper input[type="number"],
.me-strategy .gform_wrapper select,
.me-strategy .gform_wrapper textarea{
  width: 100%;
  box-sizing: border-box;
  border-radius: var(--me-radius);
  border: 1px solid var(--me-border);
  background: #ffffff;
  padding: 12px 12px;
  line-height: 1.3;
}

.me-strategy .gform_wrapper textarea{
  min-height: 120px;
}

.me-strategy .gform_wrapper .gfield_required{
  color: var(--me-cta);
}

/* Field spacing */
.me-strategy .gform_wrapper .gfield{
  margin-bottom: 14px;
}

/* Progress bar */
.me-strategy .gform_wrapper .gf_progressbar{
  height: 6px;
  border-radius: 999px;
  overflow: hidden;
}

.me-strategy .gform_wrapper .gf_progressbar_percentage{
  height: 6px;
  border-radius: 999px;
}

/* Footer buttons */
.me-strategy .gform_wrapper .gform_page_footer{
  margin-top: 12px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.me-strategy .gform_wrapper .gform_next_button,
.me-strategy .gform_wrapper .gform_button{
  background: var(--me-cta);
  color: #ffffff;
  border: 0;
  border-radius: 999px;
  padding: 12px 16px;
  font-weight: 700;
  cursor: pointer;
  transition: filter 0.15s ease, transform 0.15s ease;
}

.me-strategy .gform_wrapper .gform_previous_button{
  background: rgba(227,74,74,0.12);
  color: var(--me-ink);
  border: 1px solid rgba(43,14,14,0.12);
  border-radius: 999px;
  padding: 12px 16px;
  font-weight: 700;
  cursor: pointer;
  transition: filter 0.15s ease, transform 0.15s ease;
}

.me-strategy .gform_wrapper .gform_next_button:hover,
.me-strategy .gform_wrapper .gform_button:hover{
  filter: brightness(0.97);
  transform: translateY(-1px);
}

.me-strategy .gform_wrapper .gform_previous_button:hover{
  filter: brightness(0.98);
  transform: translateY(-1px);
}
/* =========================================
   Strategy form color override
   Force brand red instead of GF blue
   ========================================= */

/* Progress bar */
.me-strategy .gform_wrapper .gf_progressbar{
  background:rgba(43,14,14,0.08);
}

.me-strategy .gform_wrapper .gf_progressbar_percentage{
  background:var(--me-cta) !important;
}

/* Continue button (GF next) */
.me-strategy .gform_wrapper .gform_next_button,
.me-strategy .gform_wrapper .gform_button{
  background:var(--me-cta) !important;
  border-color:var(--me-cta) !important;
  color:#ffffff !important;
}

/* Hover */
.me-strategy .gform_wrapper .gform_next_button:hover,
.me-strategy .gform_wrapper .gform_button:hover{
  background:#cc3f3f !important;
  border-color:#cc3f3f !important;
}
/* =========================================
   Strategy page media sizing
   ========================================= */

.me-strategy img{
  max-width:100%;
  height:auto;
}

/* Specific WFTV logo control */
.me-strategy img[src*="wftv"],
.me-strategy img[src*="homeexperts"]{
  max-width:420px;
  width:100%;
  display:block;
}
/* Strategy page WFTV logo sizing */
.me-strategy .me-wftv-logo img{
  display:block;
  width:100%;
  max-width:420px;
  height:auto;
  margin:0 auto;
}

@media (max-width:768px){
  .me-strategy .me-wftv-logo img{
    max-width:320px;
  }
}

.me-strategy .me-wftv-logo{
  display:flex;
  justify-content:center;
}

.me-strategy .me-wftv-logo img,
.me-strategy .me-wftv-logo svg{
  width:100%;
  max-width:420px;
  height:auto;
}
/* =========================================
   Get My Strategy
   Trust logo block
   ========================================= */

.me-form-trust{
  padding:48px 18px 22px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
  max-width:var(--me-wrap);
  margin:0 auto;
}

.me-form-trust img{
  display:block;
  width:100%;
  height:auto;
  max-width:520px;
}

.me-form-trust-text{
  color:var(--me-text);
  line-height:1.6;
  font-size:14px;
}

.me-form-trust-text strong{
  color:var(--me-ink);
  font-weight:700;
}

/* Desktop tighten so it does not feel like a footer takeover */
@media (min-width:981px){
  .me-form-trust{
    padding-top:36px;
    padding-bottom:18px;
  }

  .me-form-trust img{
    max-width:460px;
  }
}

/* Mobile reduce further */
@media (max-width:768px){
  .me-form-trust{
    padding-top:32px;
  }

  .me-form-trust img{
    max-width:320px;
  }
}
/* =========================================
   Gravity Forms brand color override
   Scope: Strategy form only
   ========================================= */

.me-strategy .gform_wrapper .gf_progressbar{
  background:rgba(43,14,14,0.08);
}

.me-strategy .gform_wrapper .gf_progressbar_percentage{
  background:var(--me-cta) !important;
}

.me-strategy .gform_wrapper .gform_next_button,
.me-strategy .gform_wrapper .gform_button{
  background:var(--me-cta) !important;
  border-color:var(--me-cta) !important;
  color:#ffffff !important;
}

.me-strategy .gform_wrapper .gform_next_button:hover,
.me-strategy .gform_wrapper .gform_button:hover{
  background:#cc3f3f !important;
  border-color:#cc3f3f !important;
}

/* A11y: improve contrast for required field text */
.gfield_required,
.gfield_required_text{
  color:#8F1F1F !important;
}