/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 11 2026 | 22:08:00 */
/* ==============================================================
   BrightLeaf Giving — EOF for Torah Learning (page-specific)
   Scope: everything is contained under .blg-eof-page so it can
   live alongside the rest of the site without leakage.
   Palette and type mirror brightleaf.giving service pages.
   ============================================================== */

.blg-eof-page {
  /* --- design tokens — aligned with brightleaf.giving marketing pages --- */
  --blg-ink:        #1F2A26;
  --blg-ink-soft:   #2C3934;
  --blg-muted:      #56645F;
  --blg-muted-2:    #7A8881;
  --blg-line:       #E3E8E5;
  --blg-line-soft:  #EEF2EF;
  --blg-bg:         #FFFFFF;
  --blg-bg-tint:    #F6F8F5;
  --blg-bg-cream:   #FBF8F0;

  /* Navy alias — kept for hover/closing accents; aliased to green-deep
     so it stays brand-coherent on the live forest-and-lime palette. */
  --blg-navy:       #245F39;
  --blg-navy-deep:  #18412A;

  /* Forest green = primary heading + action color (matches live site) */
  --blg-green:      #2F7E4B;
  --blg-green-deep: #245F39;
  --blg-green-soft: #E6F1EA;
  --blg-lime:       #A8C64A;
  --blg-lime-soft:  #EFF5DA;

  --blg-amber:      #C9871C;
  --blg-amber-soft: #FBEFD5;

  --blg-radius:     14px;
  --blg-radius-lg:  20px;
  --blg-radius-sm:  10px;

  --blg-shadow-1:   0 1px 2px rgba(31, 42, 38, 0.04), 0 1px 3px rgba(31, 42, 38, 0.06);
  --blg-shadow-2:   0 4px 12px rgba(31, 42, 38, 0.06), 0 2px 4px rgba(31, 42, 38, 0.04);
  --blg-shadow-3:   0 12px 32px rgba(31, 42, 38, 0.10), 0 4px 12px rgba(31, 42, 38, 0.06);

  --blg-step-easing: cubic-bezier(.2,.7,.3,1);

  /* layout — tightened */
  --blg-page-pad:   clamp(20px, 5vw, 56px);
  --blg-section-y:  clamp(44px, 5vw, 64px);
  --blg-narrow:     720px;
  --blg-wide:       1180px;

  /* type */
  --blg-font-body:  "Inter", "Helvetica Neue", Arial, sans-serif;
  --blg-font-display: "Inter", "Helvetica Neue", Arial, sans-serif;

  font-family: var(--blg-font-body);
  color: var(--blg-ink);
  font-size: 17px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  background: var(--blg-bg);
  overflow-x: hidden;
}

/* Sane base */
.blg-eof-page *,
.blg-eof-page *::before,
.blg-eof-page *::after { box-sizing: border-box; }

.blg-eof-page p {
  margin: 0 0 1em;
}
.blg-eof-page p:last-child { margin-bottom: 0; }

.blg-eof-page strong { color: var(--blg-ink); font-weight: 700; }

/* ==============================================================
   HERO
   ============================================================== */
.blg-eof-hero {
  position: relative;
  padding: clamp(40px, 6vw, 72px) var(--blg-page-pad) clamp(32px, 4vw, 56px);
  background:
    radial-gradient(1000px 550px at 90% -10%, rgba(168, 198, 74, 0.16), transparent 60%),
    linear-gradient(180deg, #FAFDF6 0%, #FFFFFF 92%);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(28px, 5vw, 64px);
  align-items: center;
  border-bottom: 1px solid var(--blg-line-soft);
}

.blg-eof-hero-text { max-width: 640px; }

.blg-eof-eyebrow {
  display: inline-block;
  font-family: var(--blg-font-display);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--blg-green);
  background: var(--blg-green-soft);
  padding: 6px 12px;
  border-radius: 999px;
  margin: 0 0 20px;
  line-height: 1.4;
}

.blg-eof-h1 {
  font-family: var(--blg-font-display);
  font-size: clamp(34px, 4.6vw, 52px);
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--blg-ink);
  font-weight: 800;
  margin: 0 0 20px;
  text-wrap: pretty;
}
.blg-eof-h1 br { display: none; }
@media (min-width: 1100px) {
  .blg-eof-h1 br { display: inline; }
}

.blg-eof-lede {
  font-size: clamp(16px, 1.5vw, 19px);
  line-height: 1.55;
  color: var(--blg-ink-soft);
  margin: 0 0 28px;
  max-width: 56ch;
}

/* CTAs */
.blg-eof-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.blg-eof-page .blg-eof-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 26px;
  border-radius: var(--blg-radius);
  font-family: var(--blg-font-display);
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;
  text-decoration: none !important;
  border: 1.5px solid transparent;
  transition: all 180ms var(--blg-step-easing);
  cursor: pointer;
  white-space: nowrap;
  min-height: 48px;
}
.blg-eof-page .blg-eof-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(127, 168, 58, 0.35), var(--blg-shadow-2);
}

.blg-eof-page .blg-eof-btn-primary,
.blg-eof-page a.blg-eof-btn-primary,
.blg-eof-page a.blg-eof-btn-primary:visited,
.blg-eof-page a.blg-eof-btn-primary:link {
  background: var(--blg-green) !important;
  color: #fff !important;
  border-color: var(--blg-green);
  box-shadow: 0 2px 0 rgba(0,0,0,0.04), var(--blg-shadow-1);
}
.blg-eof-page .blg-eof-btn-primary:hover,
.blg-eof-page a.blg-eof-btn-primary:hover {
  background: var(--blg-navy) !important;
  border-color: var(--blg-navy);
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: var(--blg-shadow-2);
}
.blg-eof-page .blg-eof-btn-primary::after {
  content: "→";
  font-size: 17px;
  transition: transform 0.2s var(--blg-step-easing);
}
.blg-eof-page .blg-eof-btn-primary:hover::after { transform: translateX(3px); }

.blg-eof-page .blg-eof-btn-ghost,
.blg-eof-page a.blg-eof-btn-ghost,
.blg-eof-page a.blg-eof-btn-ghost:visited,
.blg-eof-page a.blg-eof-btn-ghost:link {
  background: transparent !important;
  color: var(--blg-navy) !important;
  border-color: var(--blg-line);
}
.blg-eof-page .blg-eof-btn-ghost:hover,
.blg-eof-page a.blg-eof-btn-ghost:hover {
  background: var(--blg-bg-tint) !important;
  border-color: var(--blg-navy);
  color: var(--blg-navy) !important;
}

/* Hero image */
.blg-eof-hero-figure {
  margin: 0;
  position: relative;
  aspect-ratio: 4 / 3;
  border-radius: var(--blg-radius-lg);
  overflow: hidden;
  box-shadow: var(--blg-shadow-3);
  background: var(--blg-bg-tint);
}
.blg-eof-hero-figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.blg-eof-hero-figure::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 60%, rgba(31, 42, 38, 0.18));
}

@media (max-width: 900px) {
  .blg-eof-hero {
    grid-template-columns: 1fr;
    text-align: left;
  }
  .blg-eof-hero-figure {
    order: -1;
    aspect-ratio: 16 / 10;
  }
}

/* ==============================================================
   SECTION SCAFFOLDING
   ============================================================== */
.blg-eof-section {
  padding: var(--blg-section-y) var(--blg-page-pad);
  text-align: center;
}
/* Reset the centered cascade for elements that should be left-aligned */
.blg-eof-section .blg-eof-feature,
.blg-eof-section .blg-eof-persona,
.blg-eof-section .blg-eof-step,
.blg-eof-section .blg-eof-fee-card,
.blg-eof-section .blg-eof-prose-note,
.blg-eof-section .blg-eof-pull,
.blg-eof-section .blg-eof-checklist,
.blg-eof-pitch .blg-eof-prose,
.blg-eof-closing .blg-eof-prose {
  text-align: left;
}
.blg-eof-section-alt {
  background: var(--blg-bg-tint);
  border-top: 1px solid var(--blg-line-soft);
  border-bottom: 1px solid var(--blg-line-soft);
}

/* When two non-alt (white-bg) sections sit next to each other, collapse
   their adjacent padding so 48+48px doesn't become a 96px dead zone. */
.blg-eof-section + .blg-eof-section:not(.blg-eof-section-alt):not(.blg-eof-form-section) {
  padding-top: 0;
}
.blg-eof-section:not(.blg-eof-section-alt):has(+ .blg-eof-section:not(.blg-eof-section-alt):not(.blg-eof-form-section)) {
  padding-bottom: 0;
}
/* Soft divider between two adjacent non-alt sections */
.blg-eof-section:not(.blg-eof-section-alt) + .blg-eof-section:not(.blg-eof-section-alt):not(.blg-eof-form-section)::before {
  content: "";
  display: block;
  height: clamp(28px, 4vw, 48px);
}

/* When two ALT (tinted) sections sit next to each other, add extra top
   padding to the second one so the H2 gets visible breathing room
   instead of running right into the previous section's content. */
.blg-eof-section-alt + .blg-eof-section-alt {
  padding-top: calc(var(--blg-section-y) + 28px);
}

.blg-eof-h2 {
  font-family: var(--blg-font-display);
  font-size: clamp(26px, 3.2vw, 36px);
  line-height: 1.15;
  letter-spacing: -0.02em;
  font-weight: 800;
  color: var(--blg-ink);
  margin: 0 auto 14px !important;
  max-width: 720px !important;
  text-align: center !important;
  text-wrap: pretty;
}

.blg-eof-section-sub {
  font-size: clamp(15px, 1.3vw, 17px);
  color: var(--blg-ink-soft);
  margin: 0 auto 28px !important;
  max-width: 540px !important;
  text-align: center !important;
  line-height: 1.55;
  text-wrap: balance;
  display: block;
}

.blg-eof-prose {
  max-width: 640px !important;
  margin: 0 auto !important;
  font-size: 16px;
  line-height: 1.65;
  color: var(--blg-ink-soft);
  text-align: center !important;
  display: block;
}
.blg-eof-prose p { margin: 0 0 1em; }
.blg-eof-prose p:last-child { margin-bottom: 0; }
/* Lists inside prose must stay left-aligned so check icons sit next to text */
.blg-eof-prose ul,
.blg-eof-prose ol {
  text-align: left !important;
  max-width: 440px;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Wider prose for sections that read more like a written column */
.blg-eof-prose.is-left,
.blg-eof-closing .blg-eof-prose,
.blg-eof-pitch .blg-eof-prose {
  text-align: left !important;
  max-width: var(--blg-narrow) !important;
}

.blg-eof-prose-note {
  max-width: 760px !important;
  margin: 28px auto 0 !important;
  padding: 18px 24px;
  background: var(--blg-bg-cream);
  border-left: 3px solid var(--blg-lime);
  border-radius: var(--blg-radius-sm);
  font-size: 15px;
  color: var(--blg-ink-soft);
  line-height: 1.6;
  text-align: left;
  display: block;
}

.blg-eof-prose-center {
  text-align: center;
  color: var(--blg-muted);
  margin: 0 auto 24px;
  max-width: var(--blg-narrow);
}

/* The "money" callout in the intro */
.blg-eof-pull {
  margin-top: 24px;
  padding: 22px 24px;
  background: linear-gradient(135deg, var(--blg-green-soft), var(--blg-lime-soft));
  border-radius: var(--blg-radius);
  font-size: clamp(16px, 1.4vw, 18px);
  line-height: 1.55;
  color: var(--blg-ink);
  border: 1px solid rgba(127, 168, 58, 0.20);
}

/* Lists in prose */
.blg-eof-list {
  max-width: var(--blg-narrow);
  margin: 0 auto 1em;
  padding: 0;
  list-style: none;
}
.blg-eof-list li {
  position: relative;
  padding: 8px 0 8px 32px;
  font-size: 17px;
  color: var(--blg-ink-soft);
  border-bottom: 1px solid var(--blg-line-soft);
}
.blg-eof-list li:last-child { border-bottom: 0; }
.blg-eof-list li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border-radius: 50%;
  background: var(--blg-green-soft);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 8.5l2.5 2.5L12 5.5' stroke='%232F7E4B' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
}

/* ==============================================================
   FEATURE GRID (Why an EOF)
   ============================================================== */
.blg-eof-feature-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  max-width: var(--blg-wide);
  margin: 0 auto;
}

.blg-eof-feature {
  background: #fff;
  border: 1px solid var(--blg-line);
  border-radius: var(--blg-radius);
  padding: 28px 24px;
  box-shadow: var(--blg-shadow-1);
  transition: transform 0.2s var(--blg-step-easing), box-shadow 0.2s var(--blg-step-easing), border-color 0.2s var(--blg-step-easing);
}
.blg-eof-feature:hover {
  transform: translateY(-3px);
  box-shadow: var(--blg-shadow-2);
  border-color: rgba(47, 126, 75, 0.25);
}

.blg-eof-feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--blg-green-soft);
  color: var(--blg-green);
  margin-bottom: 16px;
}
.blg-eof-feature-icon svg { width: 22px; height: 22px; }

.blg-eof-feature h3 {
  font-family: var(--blg-font-display);
  font-size: 18px;
  font-weight: 700;
  color: var(--blg-ink);
  margin: 0 0 8px;
  letter-spacing: -0.005em;
}
.blg-eof-feature p {
  font-size: 15px;
  line-height: 1.6;
  color: var(--blg-muted);
  margin: 0;
}

/* ==============================================================
   PERSONAS
   ============================================================== */
.blg-eof-personas {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  max-width: var(--blg-wide);
  margin: 0 auto;
}

.blg-eof-persona {
  background: #fff;
  border: 1px solid var(--blg-line);
  border-radius: var(--blg-radius);
  padding: 22px 22px;
  position: relative;
  overflow: hidden;
}
.blg-eof-persona::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, var(--blg-lime), var(--blg-green));
  opacity: 0.85;
}
.blg-eof-persona h3 {
  font-family: var(--blg-font-display);
  font-size: 17px;
  font-weight: 700;
  color: var(--blg-green-deep);
  margin: 0 0 6px;
}
.blg-eof-persona p {
  font-size: 15.5px;
  color: var(--blg-muted);
  margin: 0;
  line-height: 1.55;
}

/* ==============================================================
   INLINE CTA — centered "Start Your Fund" anchor between sections
   ============================================================== */
.blg-eof-inline-cta {
  display: flex;
  justify-content: center;
  margin-top: 28px;
}
.blg-eof-inline-cta .blg-eof-btn { min-width: 220px; }

/* ==============================================================
   STEPS — How it works
   ============================================================== */
.blg-eof-steps {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: var(--blg-wide);
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  counter-reset: blg-step;
}
@media (max-width: 900px) {
  .blg-eof-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .blg-eof-steps { grid-template-columns: 1fr; }
}

.blg-eof-step {
  background: #fff;
  border: 1px solid var(--blg-line);
  border-radius: var(--blg-radius);
  padding: 26px 24px;
  display: flex;
  gap: 18px;
  align-items: flex-start;
  box-shadow: var(--blg-shadow-1);
  transition: transform 0.2s var(--blg-step-easing), box-shadow 0.2s var(--blg-step-easing);
}
.blg-eof-step:hover {
  transform: translateY(-2px);
  box-shadow: var(--blg-shadow-2);
}

.blg-eof-step-num {
  flex: 0 0 auto;
  font-family: var(--blg-font-display);
  font-size: 26px;
  font-weight: 700;
  color: var(--blg-green);
  background: var(--blg-green-soft);
  border-radius: var(--blg-radius);
  padding: 8px 12px;
  line-height: 1;
  min-width: 52px;
  text-align: center;
  letter-spacing: -0.01em;
}

.blg-eof-step-body h3 {
  font-family: var(--blg-font-display);
  font-size: 17px;
  font-weight: 700;
  margin: 4px 0 6px;
  color: var(--blg-ink);
}
.blg-eof-step-body p {
  font-size: 15px;
  color: var(--blg-muted);
  margin: 0;
  line-height: 1.6;
}

/* ==============================================================
   FEES — big-number cards
   ============================================================== */
.blg-eof-fee-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  max-width: 900px;
  margin: 0 auto;
}
.blg-eof-fee-card {
  background: #fff;
  border: 1px solid var(--blg-line);
  border-radius: var(--blg-radius-lg);
  padding: 32px 28px;
  text-align: left;
  box-shadow: var(--blg-shadow-1);
}
.blg-eof-fee-card .blg-eof-fee-num {
  font-family: var(--blg-font-display);
  font-size: clamp(56px, 8vw, 80px);
  line-height: 1;
  letter-spacing: -0.04em;
  color: var(--blg-green);
  font-weight: 800;
  margin: 0 0 12px;
}
.blg-eof-fee-card .blg-eof-fee-num span {
  font-size: 0.4em;
  vertical-align: 0.55em;
  margin-left: 2px;
  color: var(--blg-green);
  font-weight: 700;
  letter-spacing: 0;
}
.blg-eof-fee-card h3 {
  font-family: var(--blg-font-display);
  font-size: 18px;
  font-weight: 700;
  color: var(--blg-ink);
  margin: 0 0 8px;
}
.blg-eof-fee-card > p {
  color: var(--blg-muted);
  font-size: 15px;
  margin: 0 0 14px;
  line-height: 1.55;
}
.blg-eof-fee-bonus {
  background: var(--blg-lime-soft);
  border-radius: var(--blg-radius-sm);
  padding: 12px 14px !important;
  font-size: 14.5px !important;
  color: var(--blg-ink-soft) !important;
  margin: 0 !important;
  border-left: 3px solid var(--blg-lime);
}

/* ==============================================================
   PITCH SECTION (sensible giving)
   ============================================================== */
.blg-eof-pitch {
  text-align: center;
}
.blg-eof-pitch .blg-eof-prose { text-align: left; }

/* ==============================================================
   FORM SECTION — matches the EOF application form treatment
   This is the bridge: a clean white card around the gravity form,
   sitting on the alt background, mirroring the service-page rhythm.
   ============================================================== */
.blg-eof-form-section {
  background:
    radial-gradient(900px 500px at 10% 0%, rgba(168, 198, 74, 0.12), transparent 60%),
    linear-gradient(180deg, var(--blg-bg-tint) 0%, #fff 100%);
  border-top: 1px solid var(--blg-line-soft);
}
.blg-eof-form-header {
  max-width: var(--blg-narrow);
  margin: 0 auto 44px;
  text-align: center;
}
.blg-eof-form-header .blg-eof-eyebrow { margin-bottom: 14px; }
.blg-eof-form-header .blg-eof-h2 { margin-bottom: 12px !important; }
.blg-eof-form-header .blg-eof-section-sub { margin-bottom: 0 !important; }

.blg-eof-form-card {
  max-width: 880px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid var(--blg-line);
  border-radius: var(--blg-radius-lg);
  padding: clamp(20px, 4vw, 44px);
  box-shadow: var(--blg-shadow-3);
  position: relative;
}
.blg-eof-form-card::before {
  content: "";
  position: absolute;
  inset: -1px -1px auto -1px;
  height: 5px;
  background: linear-gradient(90deg, var(--blg-green), var(--blg-lime));
  border-radius: var(--blg-radius-lg) var(--blg-radius-lg) 0 0;
}

/* ==============================================================
   CLOSING
   ============================================================== */
.blg-eof-closing { text-align: center; }
.blg-eof-closing .blg-eof-prose { text-align: left; }

.blg-eof-checklist {
  list-style: none;
  padding: 0;
  margin: 24px auto;
  max-width: 560px;
  display: grid;
  gap: 10px;
}
.blg-eof-checklist li {
  position: relative;
  padding: 12px 16px 12px 48px;
  background: #fff;
  border: 1px solid var(--blg-line);
  border-radius: var(--blg-radius-sm);
  font-size: 16px;
  color: var(--blg-ink);
  font-weight: 500;
}
.blg-eof-checklist li::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border-radius: 50%;
  background: var(--blg-green);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M5 10.5l3 3 7-7' stroke='white' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
}

.blg-eof-closing-line {
  font-family: var(--blg-font-display);
  font-size: clamp(18px, 1.8vw, 22px);
  font-weight: 600;
  color: var(--blg-navy);
  margin: 28px auto 24px !important;
  max-width: var(--blg-narrow);
  text-align: center;
  line-height: 1.4;
  text-wrap: balance;
}
.blg-eof-closing-cta {
  text-align: center;
  margin-top: 8px !important;
}

/* ==============================================================
   COMPLIANCE FOOTNOTE
   ============================================================== */
.blg-eof-compliance {
  padding: 32px var(--blg-page-pad);
  background: var(--blg-bg-tint);
  border-top: 1px solid var(--blg-line-soft);
}
.blg-eof-compliance p {
  max-width: 900px;
  margin: 0 auto;
  font-size: 13px;
  line-height: 1.55;
  color: var(--blg-muted-2);
  text-align: center;
}

/* ==============================================================
   GRAVITY FORM STYLING — scoped to .blg-eof-form-card
   --------------------------------------------------------------
   Adapted from the BrightLeaf Gravity Forms stylesheet but
   palette-mapped to this page's forest+lime tokens and scoped
   under the form-card so it doesn't leak to other forms on the
   site or get overridden by the page's own typography rules.

   Source → mapping:
     --bl-navy        → var(--blg-ink)        (forest-dark for headings)
     --bl-navy-deep   → var(--blg-green-deep)
     --bl-leaf        → var(--blg-lime)       (#A8C64A)
     --bl-leaf-dark   → var(--blg-green)      (#2F7E4B)
     --bl-leaf-tint   → var(--blg-green-soft)
     --bl-font-display → Inter (this page is single-family)
   ============================================================== */

/* ----- Wrapper, blend into card ----- */
.blg-eof-form-card .gform_wrapper.gravity-theme,
.blg-eof-form-card .gform_wrapper {
  font-family: var(--blg-font-body);
  color: var(--blg-ink);
  font-size: 16px;
  line-height: 1.55;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  max-width: none;
  margin: 0 !important;
}
.blg-eof-form-card .gform_wrapper form { margin: 0; }
.blg-eof-form-card .gform_title { display: none; }

.blg-eof-form-card .gform_wrapper .gform_heading {
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--blg-line-soft);
}

.blg-eof-form-card .gform_wrapper .gform_required_legend {
  font-size: 0.8rem;
  color: var(--blg-muted);
  margin: 0;
}
.blg-eof-form-card .gform_wrapper .gfield_required_asterisk,
.blg-eof-form-card .gform_wrapper .gfield_required {
  color: #c8341d;
  font-weight: 600;
  margin-left: 2px;
}

/* ----- Progress bar ----- */
.blg-eof-form-card .gf_progressbar_wrapper {
  margin: 0 0 1.75rem;
}
.blg-eof-form-card .gf_progressbar_title {
  font-family: var(--blg-font-body);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blg-ink);
  margin: 0 0 0.6rem;
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
}
.blg-eof-form-card .gf_progressbar_title .gf_step_current_page,
.blg-eof-form-card .gf_progressbar_title .gf_step_page_count {
  color: var(--blg-green);
  font-weight: 700;
}
.blg-eof-form-card .gf_progressbar_title .gf_step_label {
  color: var(--blg-ink-soft);
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500;
  margin-left: auto;
}
.blg-eof-form-card .gf_progressbar {
  background: var(--blg-line);
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  box-shadow: inset 0 1px 2px rgba(31, 42, 38, 0.06);
  position: relative;
}
.blg-eof-form-card .gf_progressbar_percentage {
  height: 100%;
  background: linear-gradient(90deg, var(--blg-lime) 0%, var(--blg-green) 100%);
  border-radius: 999px;
  transition: width 500ms var(--blg-step-easing);
  position: relative;
  overflow: hidden;
}
.blg-eof-form-card .gf_progressbar_percentage::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
  transform: translateX(-100%);
  animation: blg-form-shimmer 2.6s ease infinite;
}
@keyframes blg-form-shimmer {
  100% { transform: translateX(100%); }
}
/* Hide inline percentage label (bar + title communicate progress) */
.blg-eof-form-card .gf_progressbar_percentage span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* ----- Section titles ----- */
.blg-eof-form-card .gform_wrapper .gsection {
  margin: 0 0 1.5rem;
  padding: 0 0 1rem;
  border: 0;
  border-bottom: 1px solid var(--blg-line-soft);
}
.blg-eof-form-card .gform_wrapper .gsection_title {
  font-family: var(--blg-font-display);
  font-size: clamp(1.5rem, 2.6vw, 2rem);
  font-weight: 800;
  line-height: 1.15;
  color: var(--blg-ink);
  letter-spacing: -0.02em;
  margin: 0;
  text-align: left;
  max-width: none;
}

/* Page transition */
.blg-eof-form-card .gform_page {
  animation: blg-form-page-in 320ms ease both;
}
@keyframes blg-form-page-in {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: none; }
}

/* ----- Field layout ----- */
.blg-eof-form-card .gform_wrapper .gform_fields {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.25rem;
  row-gap: 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.blg-eof-form-card .gform_wrapper .gfield {
  flex: 0 0 100%;
  max-width: 100%;
  min-width: 0;
  position: relative;
  margin: 0;
  text-align: left;
}
.blg-eof-form-card .gform_wrapper .gfield--width-half  { flex-basis: calc(50% - 0.625rem); }
.blg-eof-form-card .gform_wrapper .gfield--width-third { flex-basis: calc(33.3333% - 0.833rem); }
.blg-eof-form-card .gform_wrapper .gfield--width-quarter { flex-basis: calc(25% - 0.9375rem); }
.blg-eof-form-card .gform_wrapper .gfield--width-two-thirds   { flex-basis: calc(66.6666% - 0.4166rem); }
.blg-eof-form-card .gform_wrapper .gfield--width-three-quarters { flex-basis: calc(75% - 0.3125rem); }
.blg-eof-form-card .gform_wrapper .gfield--width-full         { flex-basis: 100%; }

.blg-eof-form-card .gform_wrapper fieldset.gfield {
  border: 0;
  padding: 0;
  min-width: 0;
}
.blg-eof-form-card .gform_wrapper fieldset.gfield > legend {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
}

/* ----- Labels ----- */
.blg-eof-form-card .gform_wrapper .gfield_label,
.blg-eof-form-card .gform_wrapper .gform-field-label {
  display: block;
  font-family: var(--blg-font-body);
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--blg-ink);
  margin: 0 0 0.5rem;
  letter-spacing: -0.005em;
  line-height: 1.35;
  text-align: left;
}
.blg-eof-form-card .gform_wrapper legend.gfield_label {
  padding: 0;
}
.blg-eof-form-card .gform_wrapper .gform-field-label--type-sub {
  font-weight: 500;
  font-size: 0.8rem;
  color: var(--blg-muted);
  margin-top: 0.4rem;
  margin-bottom: 0;
}
.blg-eof-form-card .gform_wrapper .gform-field-label--type-inline {
  font-weight: 500;
  font-size: 0.95rem;
  color: var(--blg-ink);
  margin: 0;
  cursor: pointer;
}
.blg-eof-form-card .gform_wrapper .gfield_description {
  font-size: 0.875rem;
  color: var(--blg-ink-soft);
  margin: 0.4rem 0 0.75rem;
  line-height: 1.55;
  text-align: left;
}

/* ----- Inputs ----- */
.blg-eof-form-card .gform_wrapper input[type="text"],
.blg-eof-form-card .gform_wrapper input[type="email"],
.blg-eof-form-card .gform_wrapper input[type="tel"],
.blg-eof-form-card .gform_wrapper input[type="url"],
.blg-eof-form-card .gform_wrapper input[type="number"],
.blg-eof-form-card .gform_wrapper input[type="password"],
.blg-eof-form-card .gform_wrapper input[type="date"],
.blg-eof-form-card .gform_wrapper input[type="search"],
.blg-eof-form-card .gform_wrapper textarea,
.blg-eof-form-card .gform_wrapper select {
  width: 100%;
  font-family: var(--blg-font-body);
  font-size: 1rem;
  line-height: 1.5;
  color: var(--blg-ink);
  background: var(--blg-bg-tint);
  border: 1.5px solid transparent;
  border-radius: var(--blg-radius);
  padding: 0.8rem 1rem;
  box-shadow: var(--blg-shadow-1);
  transition: border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
  -webkit-appearance: none;
  appearance: none;
}
.blg-eof-form-card .gform_wrapper input::placeholder,
.blg-eof-form-card .gform_wrapper textarea::placeholder {
  color: #9aa39e;
}
.blg-eof-form-card .gform_wrapper input:hover:not(:disabled):not(:focus),
.blg-eof-form-card .gform_wrapper textarea:hover:not(:disabled):not(:focus),
.blg-eof-form-card .gform_wrapper select:hover:not(:disabled):not(:focus) {
  background: #fff;
  border-color: var(--blg-line);
}
.blg-eof-form-card .gform_wrapper input:focus,
.blg-eof-form-card .gform_wrapper textarea:focus,
.blg-eof-form-card .gform_wrapper select:focus {
  outline: none;
  background: #fff;
  border-color: var(--blg-green);
  box-shadow: 0 0 0 3px rgba(47, 126, 75, 0.18);
}
.blg-eof-form-card .gform_wrapper textarea {
  min-height: 140px;
  resize: vertical;
}
.blg-eof-form-card .gform_wrapper select {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%231F2A26' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 12px 8px;
  padding-right: 2.5rem;
  cursor: pointer;
}
.blg-eof-form-card .gform_wrapper select::-ms-expand { display: none; }

/* ----- Radio button rows (pill-style) ----- */
.blg-eof-form-card .gform_wrapper .gfield_radio {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin: 0.25rem 0 0;
}
.blg-eof-form-card .gform_wrapper .gfield_radio .gchoice {
  display: inline-flex;
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
}
.blg-eof-form-card .gform_wrapper .gfield_radio input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  padding: 0;
  margin: 0;
}
.blg-eof-form-card .gform_wrapper .gfield_radio .gform-field-label--type-inline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--blg-font-body);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--blg-ink-soft);
  background: var(--blg-bg-tint);
  border: 1.5px solid var(--blg-line);
  border-radius: 999px;
  padding: 0.7rem 1.8rem;
  margin: 0;
  cursor: pointer;
  user-select: none;
  line-height: 1.25;
  white-space: nowrap;
  transition: all 180ms ease;
}
.blg-eof-form-card .gform_wrapper .gfield_radio .gform-field-label--type-inline:hover {
  background: #fff;
  border-color: var(--blg-green);
  color: var(--blg-ink);
  transform: translateY(-1px);
  box-shadow: var(--blg-shadow-1);
}
.blg-eof-form-card .gform_wrapper .gfield_radio input[type="radio"]:checked + label {
  background: var(--blg-green);
  border-color: var(--blg-green);
  color: #fff;
  box-shadow: 0 2px 6px rgba(47, 126, 75, 0.25);
}
.blg-eof-form-card .gform_wrapper .gfield_radio input[type="radio"]:checked + label:hover {
  background: var(--blg-green-deep);
  border-color: var(--blg-green-deep);
  color: #fff;
}

/* ----- Checkboxes ----- */
.blg-eof-form-card .gform_wrapper .gfield_checkbox {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  margin: 0.25rem 0 0;
}
.blg-eof-form-card .gform_wrapper .gf_list_3col_vertical .gfield_checkbox {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem 1rem;
}
.blg-eof-form-card .gform_wrapper .gfield_checkbox .gchoice {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.5rem 0.75rem;
  border-radius: var(--blg-radius-sm);
  transition: background 180ms ease;
  margin: 0;
}
.blg-eof-form-card .gform_wrapper .gfield_checkbox .gchoice:hover {
  background: var(--blg-green-soft);
}
.blg-eof-form-card .gform_wrapper input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1.5px solid var(--blg-line);
  border-radius: 5px;
  background: #fff;
  margin: 0;
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  transition: all 180ms ease;
}
.blg-eof-form-card .gform_wrapper input[type="checkbox"]:hover {
  border-color: var(--blg-green);
}
.blg-eof-form-card .gform_wrapper input[type="checkbox"]:checked {
  border-color: var(--blg-green);
  background: var(--blg-green);
}
.blg-eof-form-card .gform_wrapper input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 6px;
  height: 11px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* ----- Consent fields (full-width cards) ----- */
.blg-eof-form-card .gform_wrapper .gfield--type-consent {
  border: 1px solid var(--blg-line) !important;
  background: var(--blg-bg) !important;
  border-radius: var(--blg-radius) !important;
  padding: 1.25rem 1.4rem !important;
  margin: 0 !important;
  box-shadow: var(--blg-shadow-1);
  transition: all 180ms ease;
}
.blg-eof-form-card .gform_wrapper .gfield--type-consent:hover {
  border-color: var(--blg-lime);
}
.blg-eof-form-card .gform_wrapper .gfield--type-consent > legend.gfield_label {
  display: block;
  width: 100%;
  margin: 0 0 0.85rem !important;
  padding: 0 !important;
  font-size: 1rem;
  font-weight: 700;
  color: var(--blg-ink);
}
.blg-eof-form-card .gform_wrapper .gfield_consent_description {
  display: block !important;
  font-size: 0.875rem;
  color: var(--blg-ink-soft);
  background: var(--blg-bg-tint) !important;
  border: 1px solid var(--blg-line-soft) !important;
  border-radius: var(--blg-radius-sm) !important;
  padding: 0.95rem 1.1rem !important;
  max-height: 8.5em;
  overflow-y: auto;
  margin: 0 0 1rem !important;
  line-height: 1.6;
  scrollbar-width: thin;
  scrollbar-color: var(--blg-line) transparent;
}
.blg-eof-form-card .gform_wrapper .ginput_container_consent {
  display: flex !important;
  align-items: center;
  gap: 0.7rem;
  padding: 0.6rem 0.85rem;
  background: var(--blg-bg-tint);
  border: 1.5px solid var(--blg-line);
  border-radius: var(--blg-radius-sm);
  cursor: pointer;
  transition: all 180ms ease;
}
.blg-eof-form-card .gform_wrapper .ginput_container_consent:hover {
  border-color: var(--blg-green);
  background: #fff;
}
.blg-eof-form-card .gform_wrapper .gfield_consent_label {
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--blg-ink);
  cursor: pointer;
  user-select: none;
  line-height: 1.4;
  margin: 0;
  flex: 1;
}
.blg-eof-form-card .gform_wrapper .gfield--type-consent:has(input[type="checkbox"]:checked) {
  border-color: var(--blg-lime) !important;
  background: var(--blg-green-soft) !important;
}
.blg-eof-form-card .gform_wrapper .gfield--type-consent:has(input[type="checkbox"]:checked) .ginput_container_consent {
  background: #fff;
  border-color: var(--blg-green);
}
.blg-eof-form-card .gform_wrapper .gfield--type-consent:has(input[type="checkbox"]:checked) .gfield_consent_label {
  color: var(--blg-green-deep);
  font-weight: 600;
}

/* ----- Buttons ----- */
.blg-eof-form-card .gform-page-footer,
.blg-eof-form-card .gform_wrapper .gform_footer {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  align-items: center;
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--blg-line-soft);
}
.blg-eof-form-card .gform_wrapper .gform_button,
.blg-eof-form-card .gform_wrapper .gform_next_button,
.blg-eof-form-card .gform_wrapper .gform_previous_button,
.blg-eof-form-card .gform_wrapper input[type="submit"].gform_button,
.blg-eof-form-card .gform_wrapper .button {
  font-family: var(--blg-font-body);
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  padding: 0.85rem 1.85rem;
  border-radius: var(--blg-radius);
  border: 1.5px solid transparent;
  cursor: pointer;
  transition: all 180ms ease;
  -webkit-appearance: none;
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 48px;
  line-height: 1;
}
.blg-eof-form-card .gform_wrapper .gform_next_button,
.blg-eof-form-card .gform_wrapper .gform_button,
.blg-eof-form-card .gform_wrapper input[type="submit"]:not(.gform_previous_button) {
  background: var(--blg-green);
  color: #fff;
  border-color: var(--blg-green);
  box-shadow: 0 2px 0 rgba(0,0,0,0.04), var(--blg-shadow-1);
}
.blg-eof-form-card .gform_wrapper .gform_next_button:hover,
.blg-eof-form-card .gform_wrapper .gform_button:hover,
.blg-eof-form-card .gform_wrapper input[type="submit"]:not(.gform_previous_button):hover {
  background: var(--blg-green-deep);
  border-color: var(--blg-green-deep);
  transform: translateY(-1px);
  box-shadow: var(--blg-shadow-2);
}
.blg-eof-form-card .gform_wrapper .gform_previous_button {
  background: transparent;
  color: var(--blg-ink-soft);
  border-color: transparent;
  box-shadow: none;
  margin-right: auto;
}
.blg-eof-form-card .gform_wrapper .gform_previous_button:hover {
  color: var(--blg-ink);
  background: var(--blg-line-soft);
  border-color: transparent;
  transform: none;
  box-shadow: none;
}
.blg-eof-form-card .gform_wrapper .gform_previous_button::before {
  content: "←";
  font-size: 1.1em;
  margin-right: 0.1rem;
}
.blg-eof-form-card .gform_wrapper .gform_next_button::after,
.blg-eof-form-card .gform_wrapper .gform_button:not(.gform_previous_button):not(.gform_show_password)::after {
  content: "→";
  font-size: 1.1em;
  transition: transform 180ms ease;
}
.blg-eof-form-card .gform_wrapper .gform_next_button:hover::after,
.blg-eof-form-card .gform_wrapper .gform_button:not(.gform_previous_button):hover::after {
  transform: translateX(3px);
}

/* ----- Validation & errors ----- */
.blg-eof-form-card .gform_wrapper .gfield_error input,
.blg-eof-form-card .gform_wrapper .gfield_error textarea,
.blg-eof-form-card .gform_wrapper .gfield_error select {
  border-color: #c8341d;
  background: #fffafa;
}
.blg-eof-form-card .gform_wrapper .gfield_validation_message,
.blg-eof-form-card .gform_wrapper .validation_message {
  color: #c8341d;
  background: #fdecea;
  border-left: 3px solid #c8341d;
  border-radius: var(--blg-radius-sm);
  padding: 0.5rem 0.75rem;
  margin-top: 0.5rem;
  font-size: 0.85rem;
  font-weight: 500;
}
.blg-eof-form-card .gform_wrapper .gform_validation_errors {
  background: #fdecea;
  border: 1px solid #f5b7af;
  border-left: 4px solid #c8341d;
  border-radius: var(--blg-radius);
  padding: 1rem 1.25rem;
  color: #c8341d;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

/* ----- Phone (intl-tel-input) + Address/Name grid ----- */
.blg-eof-form-card .gform_wrapper .iti {
  display: block !important;
  width: 100%;
}
.blg-eof-form-card .gform_wrapper .iti__tel-input {
  width: 100% !important;
}
.blg-eof-form-card .gform_wrapper .ginput_complex.gform-grid-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.blg-eof-form-card .gform_wrapper .ginput_complex .gform-grid-col {
  display: flex;
  flex-direction: column;
}
.blg-eof-form-card .gform_wrapper .ginput_complex .ginput_full,
.blg-eof-form-card .gform_wrapper .ginput_complex .address_line_1,
.blg-eof-form-card .gform_wrapper .ginput_complex .address_line_2 {
  grid-column: 1 / -1;
}
.blg-eof-form-card .gform_wrapper .gf_clear_complex {
  display: none;
}

/* ----- Current Account chip ----- */
.blg-eof-form-card .gform_wrapper .currentaccount {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  padding: 0.45rem 0.85rem;
  background: var(--blg-bg-tint);
  border: 1px solid var(--blg-line-soft);
  border-radius: 999px;
  font-size: 0.78rem;
  color: var(--blg-ink-soft);
}
.blg-eof-form-card .gform_wrapper .currentaccount .gfield_label {
  font-size: 0.72rem !important;
  font-weight: 600;
  color: var(--blg-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.blg-eof-form-card .gform_wrapper .currentaccount .ginput_container_select {
  display: inline-block;
  vertical-align: middle;
  margin: 0 !important;
  padding: 0 !important;
  width: auto;
}
.blg-eof-form-card .gform_wrapper .currentaccount select.gfield_select {
  font-size: 0.78rem !important;
  font-weight: 600;
  color: var(--blg-ink);
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  line-height: 1.2 !important;
  width: auto !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-appearance: none;
  appearance: none;
  background-image: none !important;
  cursor: default;
}

/* ----- Hidden/admin fields ----- */
.blg-eof-form-card .gform_wrapper .admin-hidden-markup,
.blg-eof-form-card .gform_wrapper .gfield_visibility_hidden,
.blg-eof-form-card .gform_wrapper .gfield_visibility_administrative,
.blg-eof-form-card .gform_wrapper .gform_hidden,
.blg-eof-form-card .gform_wrapper .field_admin_only,
.blg-eof-form-card .gform_wrapper .gfield--type-captcha {
  display: none !important;
}

/* Hide floating reCAPTCHA badge globally */
body .grecaptcha-badge {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ----- Form mobile responsive ----- */
@media (max-width: 768px) {
  .blg-eof-form-card .gform_wrapper .gfield--width-half,
  .blg-eof-form-card .gform_wrapper .gfield--width-third,
  .blg-eof-form-card .gform_wrapper .gfield--width-quarter,
  .blg-eof-form-card .gform_wrapper .gfield--width-two-thirds,
  .blg-eof-form-card .gform_wrapper .gfield--width-three-quarters {
    flex-basis: 100%;
  }
  .blg-eof-form-card .gform_wrapper .ginput_complex.gform-grid-row {
    grid-template-columns: 1fr;
  }
  .blg-eof-form-card .gform_wrapper .gf_list_3col_vertical .gfield_checkbox {
    grid-template-columns: repeat(2, 1fr);
  }
  .blg-eof-form-card .gform_wrapper .gf_progressbar_title {
    flex-wrap: wrap;
  }
  .blg-eof-form-card .gform_wrapper .gf_progressbar_title .gf_step_label {
    margin-left: 0;
    width: 100%;
    margin-top: 0.2rem;
  }
  .blg-eof-form-card .gform_wrapper .gform_next_button,
  .blg-eof-form-card .gform_wrapper .gform_button {
    width: 100%;
  }
  .blg-eof-form-card .gform_wrapper .gform_previous_button {
    order: 2;
    margin-right: 0;
    width: 100%;
  }
}
@media (max-width: 640px) {
  .blg-eof-form-card .gform_wrapper .gfield_radio .gform-field-label--type-inline {
    font-size: 0.85rem;
    padding: 0.55rem 0.95rem;
    min-height: 40px;
  }
  .blg-eof-form-card .gform_wrapper .gfield--type-consent {
    padding: 1rem 1.1rem !important;
  }
}

/* ==============================================================
   REVEAL-ON-SCROLL hook (used by the page JS)
   Pre-state is invisible/offset; revealed state animates in.
   Falls back gracefully: if JS doesn't run, everything is visible.
   ============================================================== */
@media (prefers-reduced-motion: no-preference) {
  .blg-eof-page [data-blg-reveal] {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.7s var(--blg-step-easing),
                transform 0.7s var(--blg-step-easing);
    will-change: opacity, transform;
  }
  .blg-eof-page [data-blg-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
  }
  .blg-eof-page [data-blg-reveal-delay="1"] { transition-delay: 0.05s; }
  .blg-eof-page [data-blg-reveal-delay="2"] { transition-delay: 0.10s; }
  .blg-eof-page [data-blg-reveal-delay="3"] { transition-delay: 0.15s; }
  .blg-eof-page [data-blg-reveal-delay="4"] { transition-delay: 0.20s; }
}

/* ==============================================================
   RESPONSIVE TUNING
   ============================================================== */
@media (max-width: 720px) {
  .blg-eof-page { font-size: 16px; }

  .blg-eof-h1 { font-size: clamp(30px, 8vw, 38px); }
  .blg-eof-h2 { font-size: clamp(24px, 6vw, 30px); }
  .blg-eof-lede { font-size: 17px; }

  .blg-eof-btn { padding: 13px 22px; font-size: 15px; }
  .blg-eof-cta-row { gap: 10px; }
  .blg-eof-cta-row .blg-eof-btn { flex: 1 1 auto; }

  .blg-eof-step {
    flex-direction: column;
    gap: 12px;
    padding: 22px 20px;
  }
  .blg-eof-step-num { min-width: 48px; padding: 6px 10px; font-size: 22px; }

  .blg-eof-feature { padding: 24px 20px; }
  .blg-eof-fee-card { padding: 26px 22px; }
  .blg-eof-fee-num { font-size: 56px; }

  .blg-eof-pull { padding: 18px 18px; font-size: 16px; }
  .blg-eof-prose-note { padding: 16px 18px; }

  .blg-eof-form-card { padding: 18px 16px; }
}

@media (max-width: 480px) {
  .blg-eof-hero { padding-top: 40px; }
  .blg-eof-hero-figure { aspect-ratio: 4 / 3; }
  .blg-eof-eyebrow { font-size: 12px; padding: 5px 10px; }
}

/* Print: keep it readable, drop ornamentation */
@media print {
  .blg-eof-page {
    background: #fff;
    color: #000;
  }
  .blg-eof-hero-figure,
  .blg-eof-cta-row,
  .blg-eof-closing-cta { display: none; }
  .blg-eof-section { padding: 24px 0; }
  .blg-eof-feature, .blg-eof-step, .blg-eof-note,
  .blg-eof-fee-card, .blg-eof-persona, .blg-eof-form-card {
    box-shadow: none;
    border: 1px solid #ccc;
  }
}