/* ---------- How it works (BorrowMoney.us) ---------- */
:root{
  /* Fallbacks if not already defined in your theme */
  --brand: #1E3A8A;
  --accent:#06B6D4;
  --muted: #d7e1ff;
  --line: rgba(255,255,255,.16);
}

.how{background: #001a28; padding: clamp(44px, 8vw, 88px) 0; border-top:1px solid var(--line)}
.kicker{letter-spacing:.16em; text-transform:uppercase; color:var(--muted); font-weight:700; font-size:12px; opacity:.9; margin-bottom:12px; text-align:center;}

/* Gradient heading reuse */
.gradient-heading{
  font-family:'Sora', Inter, system-ui, sans-serif; font-weight:800; letter-spacing:-0.02em;
  color:#fff;
  background: linear-gradient(135deg, var(--brand), var(--accent));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.h2-lg{font-size:clamp(26px, 4.8vw, 42px); line-height:1.08; margin:0 0 14px; text-align:center;}

/* Steps grid */
.steps{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:18px}
@media (max-width: 900px){ .steps{grid-template-columns:1fr} }

.step{
  position:relative;
  background: rgba(255,255,255,.05);
  border:1px solid var(--line);
  border-radius:18px;
  padding:22px 20px 20px;
  box-shadow: 0 18px 60px rgba(0,0,0,.25);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.step:hover{ transform: translateY(-2px); border-color:#fff }
.step h3{font-family:'Sora', Inter, system-ui, sans-serif; font-weight:800; font-size:clamp(20px, 2.5vw, 26px); margin:6px 0 6px; color:#fff}
.step p{color:var(--muted); line-height:1.6}

.step-num{
  position:absolute; top:-14px; left:16px; width:36px; height:36px; border-radius:10px;
  display:inline-grid; place-items:center; font-weight:900; color:#081428;
  background: linear-gradient(135deg, var(--brand), var(--accent));
  box-shadow: 0 10px 26px rgba(6,182,212,.25);
}

/* CTA row under steps */
.how-cta{display:flex; align-items:center; gap:14px; margin-top:26px; flex-wrap:wrap}
.how-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:14px 18px; border-radius:10px; font-weight:800; text-align:center;
  background: linear-gradient(135deg, var(--brand), var(--accent));
  color:#081428; box-shadow:0 12px 30px rgba(6,182,212,.25);
}
.how-btn:hover{ filter:brightness(1.05) }
.subcopy{ color:var(--muted); font-size:13px }



 /* ---------- How it works: spacious layout + teal background ---------- */
:root{
  /* fallbacks if not already set */
  --brand:#1E3A8A;
  --accent:#06B6D4;
  --muted:#d7e1ff;
  --line:rgba(255,255,255,.16);
}

/* Section spacing bumped up */
.how{
  padding: clamp(72px, 10vw, 120px) 0;
  border-top: 1px solid var(--line);
    background-color:#001a28; /* fallback */
  background-image:
    radial-gradient(60% 80% at 85% 20%, rgba(6,182,212,.22) 0%, rgba(6,182,212,0) 60%),
    radial-gradient(70% 70% at 10% 90%, rgba(30,58,138,.30) 0%, rgba(30,58,138,0) 65%),
    linear-gradient(180deg, #001a28 0%, #00121c 60%, #000d15 100%);
}

.how--aurora{
  background-color:#001a28; /* fallback */
  background-image:
    radial-gradient(60% 80% at 85% 20%, rgba(6,182,212,.22) 0%, rgba(6,182,212,0) 60%),
    radial-gradient(70% 70% at 10% 90%, rgba(30,58,138,.30) 0%, rgba(30,58,138,0) 65%),
    linear-gradient(180deg, #001a28 0%, #00121c 60%, #000d15 100%);
}

.how--mesh{
  background-color:#001a28; /* fallback */
  background-image:
    radial-gradient(40% 50% at 20% 20%, rgba(6,182,212,.25) 0%, rgba(6,182,212,0) 60%),
    radial-gradient(35% 45% at 80% 30%, rgba(103,232,249,.16) 0%, rgba(103,232,249,0) 65%),
    radial-gradient(50% 60% at 50% 85%, rgba(30,58,138,.35) 0%, rgba(30,58,138,0) 70%),
    linear-gradient(180deg, #001a28 0%, #00131f 55%, #000e17 100%);
}


.how--conic{
  background:
    conic-gradient(from 210deg at 85% 15%, rgba(6,182,212,.18), rgba(6,182,212,0) 35%, rgba(30,58,138,.22) 55%, rgba(30,58,138,0) 80%) ,
    radial-gradient(60% 80% at 10% 90%, rgba(6,182,212,.10), rgba(6,182,212,0) 70%),
    linear-gradient(180deg, #001a28 0%, #00121c 60%, #000d15 100%);
}

.how--drift{
  background:
    radial-gradient(55% 60% at 80% 10%, rgba(6,182,212,.18) 0%, rgba(6,182,212,0) 60%),
    radial-gradient(50% 60% at 15% 85%, rgba(30,58,138,.24) 0%, rgba(30,58,138,0) 65%),
    linear-gradient(180deg, #001a28 0%, #00121c 60%, #000d15 100%);
  background-size: 120% 120%, 140% 140%, 100% 100%;
  animation: howDrift 16s ease-in-out infinite;
}

@keyframes howDrift{
  0%   { background-position: 0% 0%, 0% 100%, 0% 0%; }
  50%  { background-position: 20% 10%, -10% 90%, 0% 0%; }
  100% { background-position: 0% 0%, 0% 100%, 0% 0%; }
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce){
  .how--drift{ animation: none; }
}

.how--texture{
  position: relative;
  isolation: isolate; /* keeps overlay behind content z-stack */
}
.how--texture::before{
  content:"";
  position:absolute; inset:0; z-index:-1;
  background-image: linear-gradient( to right, rgba(255,255,255,.03) 1px, transparent 1px ),
                    linear-gradient( to bottom, rgba(255,255,255,.02) 1px, transparent 1px );
  background-size: 22px 22px, 22px 22px;
  mix-blend-mode: overlay;
  pointer-events:none;
}


/* Solid teal background (#001a28) */
.how--teal{
  background: #001a28;
}

/* — or — a nicer gradient on top of the teal (uncomment to use)
.how--teal{
  background: linear-gradient(180deg, #001a28 0%, #00121c 60%, #000d15 100%);
}
*/

/* Grid spacing wider */
.steps{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(24px, 3vw, 36px);
  margin-top: clamp(20px, 3vw, 32px);
}
@media (max-width: 900px){
  .steps{ grid-template-columns: 1fr; }
}

/* Card spacing bigger, radius larger */
.step{
  position: relative;
  background: rgba(255,255,255,.06);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: clamp(22px, 3.4vw, 32px) clamp(20px, 3vw, 28px);
  box-shadow: 0 22px 60px rgba(0,0,0,.28);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.step:hover{
  transform: translateY(-3px);
  border-color: #fff;
  box-shadow: 0 26px 70px rgba(0,0,0,.35);
}

/* Heading & copy breathing room */
.step h3{
  font-family: 'Sora', Inter, system-ui, sans-serif;
  font-weight: 800;
  font-size: clamp(20px, 2.6vw, 28px);
  margin: 6px 0 10px;
  color: #fff;
}
.step p{
  color: var(--muted);
  line-height: 1.7;
  margin: 0; /* keep tidy; padding gives air */
}

/* Number badge with a little lift */
.step-num{
  position: absolute;
  top: -16px; left: 18px;
  width: 40px; height: 40px; border-radius: 12px;
  display: inline-grid; place-items: center;
  font-weight: 900; color: #081428;
  background: linear-gradient(135deg, var(--brand), var(--accent));
  box-shadow: 0 12px 28px rgba(6,182,212,.28);
}

/* CTA row with extra space */
.how-cta{
  display: flex; align-items: center; flex-wrap: wrap;
  gap: 16px;
  margin-top: clamp(26px, 4vw, 40px);
}
.how-btn{
  display: inline-flex; align-items: center; justify-content: center;
  padding: 16px 22px;
  border-radius: 5px;
  font-weight: 700;
  background: linear-gradient(90deg, #FF8F1B 0%, #FFAE00 100%);
  color: white;
}
.how-btn:hover{ filter: brightness(1.06); }
.subcopy{ color: var(--muted); font-size: 13px }

/* Gradient heading helper (reuse-friendly) */
.gradient-heading{
  font-family: 'Sora', Inter, system-ui, sans-serif;
  font-weight: 800;
  letter-spacing: -0.02em;
  color:#fff;
  background: linear-gradient(135deg, var(--brand), var(--accent));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.h2-lg{ font-size: clamp(28px, 5vw, 44px); line-height: 1.1; margin: 0 0 18px; }
.kicker{ letter-spacing:.16em; text-transform:uppercase; color:var(--muted); font-weight:700; font-size:12px; opacity:.9; margin-bottom:14px; }

/* ---------- Eligibility section (BorrowMoney.us) ---------- */
:root{
  /* fallbacks if not already present */
  --brand:#1E3A8A; --accent:#06B6D4; --muted:#d7e1ff; --line:rgba(255,255,255,.16);
}

.eligibility{
  padding: clamp(72px, 10vw, 120px) 0;
  border-top: 1px solid var(--line);
}

/* Background options: mesh (default), aurora, conic */
.eligibility--mesh{
  background-color:#001a28; /* fallback */
  background-image:
    radial-gradient(40% 50% at 20% 20%, rgba(6,182,212,.22) 0%, rgba(6,182,212,0) 60%),
    radial-gradient(35% 45% at 80% 30%, rgba(103,232,249,.16) 0%, rgba(103,232,249,0) 65%),
    radial-gradient(50% 60% at 50% 85%, rgba(30,58,138,.30) 0%, rgba(30,58,138,0) 70%),
    linear-gradient(180deg, #001a28 0%, #00131f 55%, #000e17 100%);
}
.eligibility--aurora{
  background-color:#001a28;
  background-image:
    radial-gradient(60% 80% at 85% 20%, rgba(6,182,212,.22) 0%, rgba(6,182,212,0) 60%),
    radial-gradient(70% 70% at 10% 90%, rgba(30,58,138,.30) 0%, rgba(30,58,138,0) 65%),
    linear-gradient(180deg, #001a28 0%, #00121c 60%, #000d15 100%);
}
.eligibility--conic{
  background:
    conic-gradient(from 210deg at 85% 15%, rgba(6,182,212,.18), rgba(6,182,212,0) 35%, rgba(30,58,138,.22) 55%, rgba(30,58,138,0) 80%),
    linear-gradient(180deg, #001a28 0%, #00121c 60%, #000d15 100%);
}

/* Lede + layout */
.eligibility-lede{
  color: var(--muted);
  margin: 10px 0 clamp(22px, 3vw, 32px);
  line-height: 1.7;
}

.rules{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(22px, 3vw, 34px);
}
@media (max-width: 1024px){ .rules{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 680px){ .rules{ grid-template-columns: 1fr; } }

.rule{
  position: relative;
  background: rgba(255,255,255,.06);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: clamp(18px, 2.6vw, 26px);
  box-shadow: 0 18px 60px rgba(0,0,0,.25);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.rule:hover{
  transform: translateY(-3px);
  border-color: #ffffff;
  box-shadow: 0 24px 70px rgba(0,0,0,.33);
}

.rule h3{
  font-family: 'Sora', Inter, system-ui, sans-serif;
  font-weight: 800;
  font-size: clamp(18px, 2.2vw, 22px);
  margin: 4px 0 8px;
  color: #ffffff;
}
.rule p{
  color: var(--muted);
  line-height: 1.7;
  margin: 0;
}

/* Gradient check badge */
.rule .badge{
  position: absolute;
  top: -14px; left: 16px;
  width: 34px; height: 34px; border-radius: 10px;
  display: inline-grid; place-items: center;
  font-weight: 900; color: #081428;
  background: linear-gradient(135deg, var(--brand), var(--accent));
  box-shadow: 0 10px 26px rgba(6,182,212,.25);
}

/* CTA row */
.eligibility-cta{
  display: flex; align-items: center; flex-wrap: wrap;
  gap: 16px; margin-top: clamp(28px, 4vw, 42px);
}
.how-btn{
  display: inline-flex; align-items: center; justify-content: center;
  padding: 16px 22px; border-radius: 12px; font-weight: 800;
  background: linear-gradient(135deg, var(--brand), var(--accent)); color: #081428;
  box-shadow: 0 14px 32px rgba(6,182,212,.28);
}
.how-btn:hover{ filter: brightness(1.06); }
.subcopy{ color: var(--muted); font-size: 13px }

/* Compliance note */
.eligibility-note{
  color: var(--muted);
  font-size: 13px;
  margin-top: clamp(18px, 2.6vw, 26px);
  line-height: 1.7;
}

/* ============== BorrowMoney.us – FAQ Styles ============== */
:root{
  --bm-bg: #001a28;
  --bm-bg-2: #002e44;
  --bm-panel: rgba(255,255,255,0.04);
  --bm-panel-hover: rgba(255,255,255,0.07);
  --bm-border: rgba(255,255,255,0.12);
  --bm-text: #eaf6ff;
  --bm-muted: #cde3f0;
  --bm-accent-1: #00d2ff;  /* cyan */
  --bm-accent-2: #02aab0;  /* teal */
  --bm-shadow: 0 14px 50px rgba(0, 26, 40, 0.45);
  --bm-radius: 18px;
  --bm-radius-sm: 14px;
  --bm-trans: 220ms cubic-bezier(.22,.61,.36,1);
}

/* Section wrapper (overrides inline if you keep it) */
#faq.faq-section{
  background: linear-gradient(145deg,var(--bm-bg),var(--bm-bg-2));
  padding: 80px 0;
  color: var(--bm-text);
}

/* Container */
#faq .container{
  max-width: 900px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Heading with gradient ink */
#faq h2{
  text-align: center;
  font-size: clamp(2rem, 2.1rem + 1vw, 2.6rem);
  font-weight: 800;
  margin: 0 0 48px;
  background: linear-gradient(90deg,var(--bm-accent-1),var(--bm-accent-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  letter-spacing: .2px;
}

/* FAQ item card */
#faq .faq-item{
  padding: 18px 20px;
  margin-bottom: 16px;
  transition: background var(--bm-trans), border-color var(--bm-trans), transform var(--bm-trans);
  will-change: transform;
}
#faq .faq-item:hover{
  background: var(--bm-panel-hover);
  border-color: rgba(255,255,255,0.18);
  transform: translateY(-1px);
}

/* Question row (acts like a button) */
#faq .faq-question{
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 12px;
  font-size: 1.05rem;
  line-height: 1.4;
  margin: 0;
  cursor: pointer;
  user-select: none;
  color: var(--bm-text);
  padding-right: 4px;
  position: relative;
}

/* Emoji icon spacing if you keep them */
#faq .faq-question::first-letter{
  margin-right: 6px;
}

/* Chevron caret */
#faq .faq-question::after{
  content: "";
  width: 11px;
  height: 11px;
  border-right: 2px solid var(--bm-muted);
  border-bottom: 2px solid var(--bm-muted);
  transform: rotate(-45deg);
  transition: transform var(--bm-trans), border-color var(--bm-trans);
  margin-left: 8px;
}

/* Answer body */
#faq .faq-answer{
  color: var(--bm-muted);
  line-height: 1.66;
  font-weight: 500;
  margin: 10px 0 0;
  display: none;                /* default closed */
  padding-right: 6px;
  animation: bm-fadeDown var(--bm-trans);
}

/* Open state (works if your JS toggles inline display:block) */
#faq .faq-item:has(.faq-answer[style*="display: block"]) .faq-question::after{
  transform: rotate(45deg);     /* chevron flips when open */
  border-color: #ffffff;
}

/* Optional: if you add a class "open" on .faq-item in JS, this also works */
#faq .faq-item.open .faq-answer{ display: block; }
#faq .faq-item.open .faq-question::after{
  transform: rotate(45deg);
  border-color: #ffffff;
}

/* Focus styles for accessibility */
#faq .faq-question:focus{
  outline: none;
}
#faq .faq-question:focus-visible{
  box-shadow: 0 0 0 3px rgba(0,210,255,.25);
  border-radius: var(--bm-radius-sm);
}

/* Micro copy inside answers (links, emphasis) */
#faq .faq-answer a{
  color: var(--bm-accent-1);
  text-decoration: underline;
  text-underline-offset: 2px;
}
#faq .faq-answer strong{
  color: #fff;
}

/* Spacing rhythm on larger screens */
@media (min-width: 768px){
  #faq .faq-item{ padding: 22px 24px; margin-bottom: 18px; }
  #faq .faq-question{ font-size: 1.12rem; }
}

/* Entry animation */
@keyframes bm-fadeDown{
  from{ opacity: 0; transform: translateY(-4px); }
  to{ opacity: 1; transform: translateY(0); }
}

/* Optional: compact variant if you need tighter spacing on mobile */
@media (max-width: 480px){
  #faq .faq-section{ padding: 64px 0; }
  #faq .faq-item{ padding: 16px 16px; }
}

/* ================= BorrowMoney.us – Bottom Hero ================= */
:root{
  /* uses your existing tokens if present */
  --bm-bg: #001a28;
  --bm-bg-2: #002e44;
  --bm-panel: rgba(255,255,255,0.05);
  --bm-border: rgba(255,255,255,0.12);
  --bm-text: #eaf6ff;
  --bm-muted: #cde3f0;
  --bm-accent-1:#00d2ff;
  --bm-accent-2:#02aab0;
  --bm-shadow-lg: 0 30px 80px rgba(0, 26, 40, .45);
  --bm-radius-xl: 22px;
  --bm-radius: 16px;
  --bm-trans: 220ms cubic-bezier(.22,.61,.36,1);
}

#bottom-hero.bottom-hero{
  position: relative;
  padding: clamp(64px, 8vw, 96px) 0;
  color: var(--bm-text);
  background:
    radial-gradient(1200px 600px at 80% -20%, rgba(0,210,255,.12), transparent 60%),
    radial-gradient(900px 500px at -10% 30%, rgba(2,170,176,.12), transparent 55%),
    linear-gradient(145deg, var(--bm-bg), var(--bm-bg-2));
  overflow: hidden;
  isolation: isolate;
}

/* subtle grid lines */
#bottom-hero::before{
  content:"";
  position:absolute; inset:0;
  background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity:.12;
  pointer-events:none;
}

#bottom-hero .bh-wrap{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

#bottom-hero .bh-grid{
  display: grid;
  grid-template-columns: 1.2fr .9fr;
  gap: clamp(24px, 3vw, 40px);
  align-items: center;
}

@media (max-width: 900px){
  #bottom-hero .bh-grid{ grid-template-columns: 1fr; }
}

/* Copy column */
#bottom-hero .bh-title{
  font-weight: 900;
  font-size: clamp(2rem, 1.3rem + 2.6vw, 3rem);
  line-height: 1.1;
  margin: 0 0 14px;
}
#bottom-hero .bh-title span{
  background: linear-gradient(90deg, var(--bm-accent-1), var(--bm-accent-2));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

#bottom-hero .bh-sub{
  color: var(--bm-muted);
  font-size: clamp(1rem, .95rem + .4vw, 1.1rem);
  line-height: 1.7;
  max-width: 56ch;
  margin: 0 0 22px;
}

/* CTAs */
#bottom-hero .bh-cta-row{ display:flex; flex-wrap: wrap; gap: 12px; margin: 0 0 18px; }

#bottom-hero .bh-cta{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 14px 20px;
  border-radius: var(--bm-radius);
  font-weight: 800;
  text-decoration: none;
  background: linear-gradient(90deg, var(--bm-accent-2), var(--bm-accent-1));
  color: #01202b;
  box-shadow: 0 10px 24px rgba(0,210,255,.25);
  transition: transform var(--bm-trans), box-shadow var(--bm-trans), filter var(--bm-trans);
}
#bottom-hero .bh-cta:hover{ transform: translateY(-1px); filter: brightness(1.03); }
#bottom-hero .bh-cta:active{ transform: translateY(0); }

#bottom-hero .bh-ghost{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 14px 18px;
  border-radius: var(--bm-radius);
  text-decoration:none;
  color: var(--bm-text);
  border: 1px solid var(--bm-border);
  background: transparent;
  transition: background var(--bm-trans), border-color var(--bm-trans);
}
#bottom-hero .bh-ghost:hover{ background: var(--bm-panel); border-color: rgba(255,255,255,.22); }

/* Trust chips */
#bottom-hero .bh-trust{
  display:flex; flex-wrap: wrap; gap: 10px 14px;
  margin: 6px 0 8px; padding:0; list-style:none;
}
#bottom-hero .bh-trust li{
  display:inline-flex; align-items:center; gap:8px;
  font-size:.95rem; color: var(--bm-muted);
  background: rgba(255,255,255,.05);
  border: 1px solid var(--bm-border);
  padding: 8px 12px; border-radius: 999px;
}
#bottom-hero .bh-trust .dot{
  width:8px; height:8px; border-radius:50%;
  background: linear-gradient(90deg, var(--bm-accent-2), var(--bm-accent-1));
  box-shadow: 0 0 0 3px rgba(0,210,255,.18);
}

/* Legal tiny */
#bottom-hero .bh-legal{
  margin-top: 8px; font-size: .85rem; color: #a8c9d8;
  max-width: 60ch;
}

/* Right card */
#bottom-hero .bh-card{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border: 1px solid var(--bm-border);
  border-radius: var(--bm-radius-xl);
  padding: clamp(18px, 3.2vw, 26px);
  box-shadow: var(--bm-shadow-lg);
  position: relative;
  overflow: hidden;
}
#bottom-hero .bh-card::after{
  content:"";
  position:absolute; inset:auto -30% -30% auto; width:240px; height:240px;
  background: radial-gradient(closest-side, rgba(0,210,255,.22), transparent 70%);
  transform: translate(0,10%);
  pointer-events:none;
}

#bottom-hero .bh-card-title{
  margin:0 0 14px; font-size: 1.1rem; font-weight: 800; letter-spacing:.2px;
}
#bottom-hero .bh-list{ list-style:none; margin:0 0 14px; padding:0; }
#bottom-hero .bh-list li{
  display:flex; align-items:center; gap:10px;
  padding: 10px 0; color: var(--bm-text); font-weight: 600;
  border-bottom: 1px dashed rgba(255,255,255,.12);
}
#bottom-hero .bh-list li:last-child{ border-bottom: 0; }
#bottom-hero .check{
  flex: 0 0 18px; height:18px; border-radius:4px;
  background:
    linear-gradient(90deg, var(--bm-accent-2), var(--bm-accent-1));
  position: relative;
  box-shadow: 0 6px 16px rgba(0,210,255,.25);
}
#bottom-hero .check::after{
  content:""; position:absolute; left:4px; top:2px;
  width:8px; height:12px; border:2px solid #01202b; border-top:0; border-left:0;
  transform: rotate(45deg);
}

#bottom-hero .bh-card .bh-cta.inline{
  margin-top: 6px; display:inline-flex;
  padding: 12px 16px; font-weight: 800; border-radius: var(--bm-radius);
  background: linear-gradient(90deg, var(--bm-accent-2), var(--bm-accent-1));
  color:#01202b; text-decoration:none;
}
#bottom-hero .bh-mini{
  margin-top: 8px; color: var(--bm-muted); font-size:.9rem;
}

/* ================= BorrowMoney.us – Footer ================= */
:root{
  --bm-bg:#001a28; --bm-bg-2:#002e44;
  --bm-text:#eaf6ff; --bm-muted:#cde3f0;
  --bm-border:rgba(255,255,255,.14);
  --bm-panel:rgba(255,255,255,.04);
  --bm-panel-2:rgba(255,255,255,.06);
  --bm-accent-1:#00d2ff; --bm-accent-2:#02aab0;
  --bm-radius:16px; --bm-radius-lg:22px;
  --bm-shadow:0 18px 60px rgba(0,26,40,.45);
  --bm-trans:220ms cubic-bezier(.22,.61,.36,1);
}

#site-footer.bm-footer{
  color:var(--bm-text);
  background:
    radial-gradient(900px 500px at 85% -10%, rgba(0,210,255,.12), transparent 60%),
    linear-gradient(145deg,var(--bm-bg),var(--bm-bg-2));
  padding: clamp(52px, 6vw, 80px) 0 0;
  position: relative;
  isolation: isolate;
}
#site-footer .bm-footer-wrap{ max-width: 1150px; margin: 0 auto; padding: 0 20px; }

/* subtle grid overlay */
#site-footer::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: 24px 24px; opacity:.1; pointer-events:none;
}

/* grid */
#site-footer .bm-footer-grid{
  display:grid;
  grid-template-columns: 1.2fr .9fr .9fr 1.1fr;
  gap: clamp(20px, 2.8vw, 38px);
  align-items:start;
  margin-bottom: clamp(28px, 4vw, 48px);
}
@media (max-width: 980px){
  #site-footer .bm-footer-grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px){
  #site-footer .bm-footer-grid{ grid-template-columns: 1fr; }
}

/* brand */
#site-footer .bm-logo{
  display:inline-flex; align-items:center; gap:8px;
  font-weight: 900; font-size: 1.25rem; letter-spacing:.2px;
  text-decoration:none; color:#fff;
}
#site-footer .bm-logo span{ color: var(--bm-accent-1); }
#site-footer .bm-logo .dot{
  width:10px; height:10px; border-radius:50%;
  background: linear-gradient(90deg,var(--bm-accent-2),var(--bm-accent-1));
  box-shadow: 0 0 0 4px rgba(0,210,255,.18);
}
#site-footer .bm-blurb{
  margin: 10px 0 14px; color: var(--bm-muted); line-height:1.7;
}

/* trust chips */
#site-footer .bm-trust{
  display:flex; flex-wrap:wrap; gap:10px 12px; padding:0; margin:0 0 12px; list-style:none;
}
#site-footer .bm-trust .chip{
  display:inline-block; padding:8px 12px; border-radius:999px;
  background:var(--bm-panel); border:1px solid var(--bm-border);
  font-size:.9rem; color: var(--bm-muted);
}

/* social */
#site-footer .bm-social{ display:flex; gap:10px; margin-top:6px; }
#site-footer .bm-social .ico{
  width:38px; height:38px; border-radius:10px; background: var(--bm-panel);
  border:1px solid var(--bm-border); display:inline-block; position:relative;
  transition: transform var(--bm-trans), background var(--bm-trans), border-color var(--bm-trans);
}
#site-footer .bm-social .ico::before{
  content:""; position:absolute; inset:0; margin:auto; width:18px; height:18px;
  mask-size:contain; mask-repeat:no-repeat; mask-position:center; background:#cfe7f5;
}
#site-footer .bm-social .ico:hover{ transform: translateY(-1px); background: var(--bm-panel-2); border-color: rgba(255,255,255,.22); }
#site-footer .bm-social .ico.x::before{ mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M3 3l18 18M21 3L3 21"/></svg>'); }
#site-footer .bm-social .ico.fb::before{ mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M13 22v-9h3l1-4h-4V7a1 1 0 011-1h3V2h-3a5 5 0 00-5 5v2H6v4h3v9h4z'/%3E%3C/svg%3E"); }
#site-footer .bm-social .ico.ig::before{ mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M7 2h10a5 5 0 015 5v10a5 5 0 01-5 5H7a5 5 0 01-5-5V7a5 5 0 015-5zm5 5a5 5 0 100 10 5 5 0 000-10zm0 2.2a2.8 2.8 0 110 5.6 2.8 2.8 0 010-5.6zM18 5.8a1.3 1.3 0 100 2.6 1.3 1.3 0 000-2.6z'/%3E%3C/svg%3E"); }
#site-footer .bm-social .ico.li::before{ mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M4.98 3.5C4.98 4.88 3.86 6 2.5 6S0 4.88 0 3.5 1.12 1 2.5 1s2.48 1.12 2.48 2.5zM.5 8h4V24h-4V8zm7.5 0h3.8v2.2h.1c.5-1 1.8-2.2 3.7-2.2 4 0 4.7 2.6 4.7 6V24h-4v-6.8c0-1.6 0-3.6-2.2-3.6-2.2 0-2.5 1.7-2.5 3.5V24h-4V8z'/%3E%3C/svg%3E"); }

/* column heads */
#site-footer .bm-head{ font-size: 1rem; font-weight: 800; margin: 4px 0 10px; }
#site-footer .nav ul{ list-style:none; margin:0; padding:0; }
#site-footer .nav a{
  color: var(--bm-muted); text-decoration:none; display:inline-block; padding:7px 0;
  transition: color var(--bm-trans), transform var(--bm-trans);
}
#site-footer .nav a:hover{ color:#fff; transform: translateX(2px); }

/* signup */
#site-footer .signup .bm-mini{ color: var(--bm-muted); margin: 0 0 10px; }
#site-footer .bm-form{ display:flex; gap:10px; }
#site-footer .bm-form input{
  flex: 1 1 auto; min-width: 0;
  background: var(--bm-panel); border:1px solid var(--bm-border);
  border-radius: 12px; padding: 12px 12px; color:#fff;
}
#site-footer .bm-form input::placeholder{ color:#9fc4d6; }
#site-footer .bm-form .bm-btn{
  background: linear-gradient(90deg,var(--bm-accent-2),var(--bm-accent-1));
  color:#01202b; border:0; border-radius:12px; font-weight:800;
  padding: 12px 16px; cursor:pointer; transition: transform var(--bm-trans), filter var(--bm-trans);
}
#site-footer .bm-form .bm-btn:hover{ transform: translateY(-1px); filter: brightness(1.03); }
#site-footer .bm-consent{ margin: 8px 0 0; color:#a8c9d8; font-size:.85rem; }

/* disclaimers */
#site-footer .bm-legal-wrap{
  margin-top: 6px; background: var(--bm-panel); border:1px solid var(--bm-border);
  border-radius: var(--bm-radius-lg); padding: 16px 18px; box-shadow: var(--bm-shadow);
}
#site-footer .bm-disclaimer,
#site-footer .bm-example{
  color: var(--bm-muted); line-height: 1.7; margin: 0 0 6px;
}
#site-footer .bm-disclaimer strong{ color:#fff; }

/* bottom bar */
#site-footer .bm-footbar{
  display:flex; justify-content:space-between; align-items:center;
  gap:12px; padding: 14px 0 22px; border-top:1px solid rgba(255,255,255,.1); margin-top: 20px;
}
#site-footer .bm-footbar p{ margin:0; color:#cfe7f5; font-size:.95rem; }
#site-footer .bm-top{
  background: transparent; color:#cfe7f5; border:1px solid var(--bm-border);
  padding:8px 12px; border-radius: 10px; cursor:pointer;
  transition: background var(--bm-trans), color var(--bm-trans), transform var(--bm-trans);
}
#site-footer .bm-top:hover{ background: var(--bm-panel-2); color:#fff; transform: translateY(-1px); }

/* utility */
.sr-only{ position:absolute !important; height:1px; width:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap; }

/* ===== BorrowMoney.us – Simple Footer (with full legal) ===== */
:root{
  --bm-bg:#001a28; --bm-bg-2:#002e44;
  --bm-text:#eaf6ff; --bm-muted:#cde3f0;
  --bm-border:rgba(255,255,255,.14);
}

#site-footer.bm-footer-simple{
  background: linear-gradient(145deg,var(--bm-bg),var(--bm-bg-2));
  color: var(--bm-text);
  padding: 28px 0;
}

#site-footer .bm-wrap{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}

/* Links row */
#site-footer .bm-links{
  display: inline-flex; gap: 10px; align-items: center;
  margin-bottom: 12px; font-weight: 600;
}
#site-footer .bm-links a{
  color: white;
  text-decoration: none;
  opacity: .9;
}
#site-footer .bm-links a:hover{ opacity: 1; text-decoration: underline; }
#site-footer .bm-links .sep{ opacity: .35; }

/* Legal block */
#site-footer .bm-legal{
  max-width: 90ch;
  margin: 8px auto 10px;
  color: var(--bm-muted);
  line-height: 1.65;
  font-size: .92rem;
  text-align: left;           /* easier reading */
}
#site-footer .bm-legal p{ margin: 0 0 10px; }
#site-footer .bm-legal strong{ color: #fff; }

/* Copyright */
#site-footer .bm-copy{
  margin: 8px 0 0;
  color: #cfe7f5;
  font-size: .9rem;
  border-top: 1px solid rgba(255,255,255,.12);
  padding-top: 10px;
}

/* Optional: compact on very small screens */
@media (max-width: 520px){
  #site-footer .bm-links{ display:block; }
  #site-footer .bm-links .sep{ display:none; }
  #site-footer .bm-legal{ font-size: .9rem; }
}

/* ===== BorrowMoney.us – Modal / Lightbox ===== */
:root{
  --bm-bg: #001a28; --bm-bg-2:#002e44;
  --bm-text:#eaf6ff; --bm-muted:#cde3f0;
  --bm-border:rgba(255,255,255,.14);
  --bm-accent-1:#00d2ff; --bm-accent-2:#02aab0;
  --bm-radius:16px; --bm-radius-lg:22px;
  --bm-ease: cubic-bezier(.22,.61,.36,1);
}

.bm-modal[hidden]{ display:none; }
.bm-modal{
  position: fixed; inset: 0; z-index: 9999;
}

.bm-modal__backdrop{
  position:absolute; inset:0; background: rgba(0,0,0,.55);
  backdrop-filter: blur(2px);
  opacity: 0; animation: bm-fade .18s var(--bm-ease) forwards;
}

.bm-modal__panel{
  position:relative;
  width: min(880px, 92vw);
  max-height: min(88vh, 900px);
  margin: 6vh auto 0;
  background: linear-gradient(145deg, var(--bm-bg), var(--bm-bg-2));
  color: var(--bm-text);
  border: 1px solid var(--bm-border);
  border-radius: var(--bm-radius-lg);
  box-shadow: 0 40px 120px rgba(0, 26, 40, .55);
  display:flex; flex-direction:column;
  transform: translateY(12px) scale(.98);
  opacity: 0;
  animation: bm-pop .22s var(--bm-ease) .05s forwards;
  overflow:hidden;
}

.bm-modal__close{
  position:absolute; top:10px; right:10px;
  width:40px; height:40px; border-radius:10px;
  border:1px solid var(--bm-border); background: rgba(255,255,255,.05);
  color:#fff; font-size:18px; line-height:1; cursor:pointer;
  transition: background .18s var(--bm-ease), transform .18s var(--bm-ease), border-color .18s var(--bm-ease);
}
.bm-modal__close:hover{ background: rgba(255,255,255,.08); transform: translateY(-1px); border-color: rgba(255,255,255,.22); }

.bm-modal__header{
  padding: 22px 24px 10px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.bm-modal__header h2{
  margin:0 0 6px; font-size: clamp(1.25rem, 1.05rem + 1vw, 1.8rem); font-weight:900;
  letter-spacing:.2px;
  background: linear-gradient(90deg, var(--bm-accent-1), var(--bm-accent-2));
  -webkit-background-clip:text; background-clip:text; color: transparent;
}
.bm-modal__sub{ margin:0; color: var(--bm-muted); }

.bm-modal__body{
  padding: 18px 24px;
  overflow:auto;
}
.bm-modal__footer{
  padding: 14px 24px 18px;
  border-top: 1px solid rgba(255,255,255,.08);
  color: var(--bm-muted);
}
.bm-modal__fineprint a{ color: var(--bm-accent-1); text-decoration: underline; text-underline-offset: 2px; }

/* Placeholder box – REMOVE when you mount real form */
.bm-placeholder{
  display:grid; place-items:center;
  height: 300px; border:1px dashed rgba(255,255,255,.18);
  border-radius: 14px; color:#cfe7f5; background: rgba(255,255,255,.03);
}

/* Body scroll lock when modal open */
html.bm-lock, html.bm-lock body{ overflow:hidden; }

/* Animations */
@keyframes bm-pop{
  to{ transform: translateY(0) scale(1); opacity:1; }
}
@keyframes bm-fade{
  to{ opacity:1; }
}

/* Mobile tweaks */
@media (max-width: 520px){
  .bm-modal__header, .bm-modal__body, .bm-modal__footer{ padding-left:16px; padding-right:16px; }
  .bm-modal__panel{ margin-top: 4vh; }
}


/* ===== BorrowMoney.us – Hero (CashLoansExpress-style, with inline form) ===== */
:root{
  --bm-bg:#001a28; --bm-bg-2:#002e44;
  --bm-text:#eaf6ff; --bm-muted:#cde3f0;
  --bm-border:rgba(255,255,255,.14);
  --bm-panel:rgba(255,255,255,.06);
  --bm-accent-1:#00d2ff; --bm-accent-2:#02aab0;
  --bm-shadow:0 24px 70px rgba(0,26,40,.45);
  --bm-radius:16px; --bm-radius-lg:22px;
  --bm-ease:cubic-bezier(.22,.61,.36,1);
}

#hero-like-cle.bm-hero-cle{
  background:
    radial-gradient(1100px 600px at 80% -10%, rgba(0,210,255,.12), transparent 60%),
    radial-gradient(900px 500px at -10% 100%, rgba(2,170,176,.12), transparent 55%),
    linear-gradient(145deg,var(--bm-bg),var(--bm-bg-2));
  color: var(--bm-text);
  padding: clamp(44px, 7.5vw, 92px) 0;
}
#hero-like-cle .cle-wrap{ max-width: 1150px; margin:0 auto; padding:0 20px; }

#hero-like-cle .cle-grid{
  display:grid; grid-template-columns: 1.05fr .95fr; gap: clamp(20px,3vw,40px); align-items:center;
}
@media (max-width: 980px){ #hero-like-cle .cle-grid{ grid-template-columns: 1fr; } }

/* LEFT */
.cle-ribbon{
  display:inline-block; margin:0 0 8px; padding:6px 10px; font-weight:700; font-size:.9rem;
  color:#01202b; background:linear-gradient(90deg,var(--bm-accent-2),var(--bm-accent-1));
  border-radius:999px;
}
.cle-title{
  margin:0 0 8px; font-weight:900; line-height:1.1;
  font-size: clamp(1.9rem, 1.4rem + 2.4vw, 3rem);
}
.cle-title span{
  background:linear-gradient(90deg,var(--bm-accent-1),var(--bm-accent-2));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.cle-sub{ margin:0 0 14px; color:var(--bm-muted); font-size:1.1rem; }

.cle-amounts{ display:flex; gap:10px; margin: 8px 0 14px; flex-wrap: wrap; }
.cle-amounts .chip{
  border:1px solid var(--bm-border); background:var(--bm-panel);
  color:#fff; border-radius:999px; padding:8px 14px; font-weight:800; cursor:pointer;
  transition: transform .18s var(--bm-ease), background .18s var(--bm-ease), border-color .18s var(--bm-ease);
}
.cle-amounts .chip:hover{ transform: translateY(-1px); background:rgba(255,255,255,.08); border-color: rgba(255,255,255,.22); }

.cle-cta{
  display:inline-block; margin: 2px 0 16px; padding:14px 20px; border-radius:14px;
  font-weight:900; text-decoration:none; color:#01202b;
  background:linear-gradient(90deg,var(--bm-accent-2),var(--bm-accent-1));
  box-shadow:0 14px 30px rgba(0,210,255,.25);
}
.cle-logos{ margin: 8px 0 8px; }
.cle-logos .logo-badge{
  display:inline-block; padding:8px 12px; border-radius:999px;
  border:1px solid var(--bm-border); background:var(--bm-panel); color:#cfe7f5; font-weight:700;
}
.cle-trust{
  list-style:none; padding:0; margin: 6px 0 0; color:var(--bm-muted);
  display:flex; flex-wrap:wrap; gap: 8px 14px;
}
.cle-trust li{
  background:rgba(255,255,255,.05); border:1px solid var(--bm-border); padding:8px 12px; border-radius:999px;
}

/* RIGHT: form card */
.cle-form{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid var(--bm-border); border-radius:var(--bm-radius-lg);
  box-shadow: var(--bm-shadow); padding: clamp(18px, 3vw, 26px);
}
.cle-form .form-title{ margin:0 0 12px; font-size:1.2rem; font-weight:900; letter-spacing:.2px; }

.f-field{ margin-bottom: 14px; }
.f-field.two{ display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width:560px){ .f-field.two{ grid-template-columns: 1fr; } }

.f-field label, .f-field legend{ display:block; font-weight:700; font-size:.95rem; margin:0 0 6px; }
.f-field input[type="email"], .f-field input[type="text"], .f-field input[type="number"]{
  width:100%; padding:12px 12px; border-radius:12px; border:1px solid var(--bm-border);
  background: rgba(255,255,255,.06); color:#fff;
}
.f-field input::placeholder{ color:#9fc4d6; }

/* range + pill */
.f-range{ display:grid; grid-template-columns: 1fr auto; gap: 10px; align-items:center; }
.f-pill{
  display:inline-block; min-width: 92px; text-align:center; font-weight:800; color:#fff;
  padding:8px 12px; border-radius:999px; border:1px solid var(--bm-border); background: rgba(255,255,255,.06);
}

/* radios */
.f-radios{ display:grid; grid-template-columns: 1fr 1fr; gap: 8px; }
@media (max-width:560px){ .f-radios{ grid-template-columns: 1fr; } }
.f-radio{ display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:12px;
  border:1px solid var(--bm-border); background: rgba(255,255,255,.05); cursor:pointer; user-select:none;
  transition: background .18s var(--bm-ease), border-color .18s var(--bm-ease), transform .18s var(--bm-ease);
}
.f-radio:hover{ background: rgba(255,255,255,.08); transform: translateY(-1px); }
.f-radio input{ position:absolute; opacity:0; }
.f-radio .ui{ width:18px; height:18px; border-radius:50%; border:2px solid #a8c9d8; position:relative; flex:0 0 18px; }
.f-radio input:checked + .ui{ border-color:#fff; }
.f-radio input:checked + .ui::after{ content:""; position:absolute; inset:3px; border-radius:50%;
  background:linear-gradient(90deg,var(--bm-accent-2),var(--bm-accent-1)); }

.f-consent{ color:var(--bm-muted); font-size:.85rem; margin: 4px 0 8px; }
.f-consent a{ color:var(--bm-accent-1); text-decoration:underline; text-underline-offset:2px; }

.f-submit{
  width:100%; padding:14px 16px; border-radius:6px; border:0; cursor:pointer; border-radius:6px; font-weight:700; text-decoration:none; color:#2f2f2f;
  background: linear-gradient(90deg, #FFD700, #FFA500);
  box-shadow:0 14px 30px rgba(0,210,255,.25); transition: transform .18s var(--bm-ease), filter .18s var(--bm-ease);
}
.f-submit:hover{ transform: translateY(-1px); filter: brightness(1.03); }

.f-status{ margin:8px 0 0; min-height:1em; color:#cfe7f5; font-size:.9rem; }

/* ===== BorrowMoney.us – One-Column Hero (Slider Only) ===== */
:root{
  --bm-bg:#001a28; --bm-bg-2:#002e44;
  --bm-text:#eaf6ff; --bm-muted:#cde3f0;
  --bm-border:rgba(255,255,255,.14);
  --bm-panel:rgba(255,255,255,.06);
  --bm-accent-1:#00d2ff; --bm-accent-2:#02aab0;
  --bm-shadow:0 24px 70px rgba(0,26,40,.45);
  --bm-radius:16px; --bm-radius-lg:22px;
  --bm-ease:cubic-bezier(.22,.61,.36,1);
}

#hero-1col.bm-hero-one{
  background:
   #001a28;
  color: var(--bm-text);
  padding: clamp(46px, 8vw, 110px) 0;
  text-align: center;
}
#hero-1col .one-wrap{ max-width: 780px; margin:0 auto; padding:0 20px; }

#hero-1col .one-ribbon{
  display:inline-block; margin:0 0 10px; padding:6px 12px; font-weight:800; font-size:.9rem;
  color:#01202b; background:linear-gradient(90deg,var(--bm-accent-2),var(--bm-accent-1));
  border-radius:999px;
}
#hero-1col .one-title{
  margin:0 0 6px; font-weight:900; line-height:1.08;
  font-size: clamp(2rem, 1.5rem + 2.6vw, 3.2rem);
  color:white;
}
#hero-1col .one-title span{
  background:linear-gradient(90deg,var(--bm-accent-1),var(--bm-accent-2));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
#hero-1col .one-sub{ margin:0 0 16px; color:white; font-size:1.1rem; }

/* chips */
#hero-1col .one-amounts{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin: 10px 0 18px; }
#hero-1col .one-amounts .chip{
  border:1px solid var(--bm-border); background:var(--bm-panel); color:#fff;
  border-radius:999px; padding:10px 14px; font-weight:900; cursor:pointer;
  transition: transform .18s var(--bm-ease), background .18s var(--bm-ease), border-color .18s var(--bm-ease);
}
#hero-1col .one-amounts .chip:hover{ transform: translateY(-1px); background:rgba(255,255,255,.08); border-color: rgba(255,255,255,.22); }

/* slider block */
#hero-1col .amount-wrap{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid var(--bm-border); border-radius:var(--bm-radius-lg);
  box-shadow: var(--bm-shadow); padding: clamp(18px, 3vw, 26px);
  margin: 0 auto 14px;
  text-align: left;
}
#hero-1col .amount-head{
  display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:8px;
}
#hero-1col .amount-head label{ font-weight:500; color:white; }
#hero-1col .f-pill{
  display:inline-block; min-width: 108px; text-align:center; font-weight:900; color:#fff;
  padding:8px 12px; border-radius:999px; border:1px solid var(--bm-border); background: rgba(255,255,255,.06);
}

/* range aesthetic */
#hero-1col input[type="range"]{
  -webkit-appearance:none; width:100%; height: 6px; border-radius:999px; outline: none;
  background: linear-gradient(90deg,var(--bm-accent-2),var(--bm-accent-1));
}
#hero-1col input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none; appearance:none; width:22px; height:22px; border-radius:50%;
  background:#fff; border:2px solid #01202b; cursor:pointer; box-shadow:0 6px 18px rgba(0,0,0,.25);
}
#hero-1col input[type="range"]::-moz-range-thumb{
  width:22px; height:22px; border-radius:50%; background:#fff; border:2px solid #01202b; cursor:pointer;
}
#hero-1col .amount-scale{ display:flex; justify-content:space-between; color:#cfe7f5; font-size:.9rem; margin-top:6px; }

/* CTA (optional) */
#hero-1col .f-submit{
  display:inline-block; margin-top: 6px; padding:14px 20px; border:0; cursor:pointer; border-radius: 6px;
    font-weight: 700;
    text-decoration: none;
    color: #2f2f2f;
    background: linear-gradient(90deg, #FFD700, #FFA500);
  box-shadow:0 14px 30px rgba(0,210,255,.25); transition: transform .18s var(--bm-ease), filter .18s var(--bm-ease);
}
#hero-1col .f-submit:hover{ transform: translateY(-1px); filter: brightness(1.03); }

/* trust + legal */
#hero-1col .one-trust{
  list-style:none; padding:0; margin: 14px 0 0;
  display:flex; gap:10px; flex-wrap:wrap; justify-content:center; color:var(--bm-muted);
}
#hero-1col .one-trust li{
  background:rgba(255,255,255,.05); border:1px solid var(--bm-border);
  padding:8px 12px; border-radius:999px;
  font-size:12px; color:white;
}
#hero-1col .one-legal{ margin-top: 8px; color:#a8c9d8; font-size:.9rem; }


/* ===== BorrowMoney.us – Loan Info & APR (white section) ===== */
:root{
  --bm-text:#0b1a24;         /* dark text for white section */
  --bm-muted:#425a6a;
  --bm-line:#e6eef3;
  --bm-brand-1:#00d2ff;
  --bm-brand-2:#02aab0;
  --bm-chip:#f3f8fb;
  --bm-radius:14px;
  --bm-radius-lg:18px;
}

/* White background section */
#loan-info.bm-loan-info{
  background:#ffffff;
  color:var(--bm-text);
  padding: clamp(48px, 7vw, 88px) 0;
}
#loan-info .bm-li-wrap{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Headings */
#loan-info .bm-li-title{
  margin: 0 0 14px;
  font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.2rem);
  font-weight: 900;
  letter-spacing: .2px;
}
#loan-info .bm-li-sub{
  margin: 18px 0 10px;
  font-size: 1.1rem;
  font-weight: 900;
}

/* Intro grid */
#loan-info .bm-li-grid{
  grid-template-columns: 1.6fr .8fr;
  gap: clamp(18px, 3vw, 32px);
  align-items: start;
  margin-bottom: 10px;
}
@media (max-width: 900px){
  #loan-info .bm-li-grid{ grid-template-columns: 1fr; }
}

#loan-info .bm-li-copy p{ margin: 0 0 10px; line-height: 1.65; }
#loan-info .bm-li-bullets{
  list-style: none; margin: 6px 0 10px; padding: 0; display: grid; gap: 8px;
}
#loan-info .bm-li-bullets li{
  position:relative; padding-left: 22px; color: var(--bm-text);
}
#loan-info .bm-li-bullets li::before{
  content:""; position:absolute; left:0; top:.55em; width:10px; height:10px; border-radius:50%;
  background: linear-gradient(90deg, var(--bm-brand-2), var(--bm-brand-1));
}
#loan-info .bm-li-bullets .hi{ font-weight:900; }

/* Aside chips */
#loan-info .bm-li-aside{ display:grid; gap: 8px; }
#loan-info .bm-li-aside .chip{
  display:inline-block; background: var(--bm-chip); color: var(--bm-text);
  border: 1px solid var(--bm-line); border-radius: 999px; padding: 8px 12px; font-weight: 800;
}

/* Table */
#loan-info .bm-li-table-wrap{
  border: 1px solid var(--bm-line);
  border-radius: var(--bm-radius-lg);
  overflow: hidden;
  background: #fff;
  box-shadow: 0 6px 24px rgba(16, 42, 66, .06);
}
#loan-info .bm-li-table{
  width: 100%;
  border-collapse: collapse;
  font-size: 0.98rem;
}
#loan-info .bm-li-table thead th{
  text-align: left;
  background: #f7fbff;
  color: #122434;
  border-bottom: 1px solid var(--bm-line);
  padding: 12px 14px;
  font-weight: 900;
}
#loan-info .bm-li-table tbody td{
  padding: 12px 14px;
  border-top: 1px solid var(--bm-line);
  color: var(--bm-text);
}
#loan-info .bm-li-table tbody tr:nth-child(even){
  background: #fbfdff;
}

/* Horizontal scroll on small screens */
@media (max-width: 720px){
  #loan-info .bm-li-table-wrap{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  #loan-info .bm-li-table{ min-width: 660px; }
}

/* Footnote */
#loan-info .bm-li-foot{
  margin: 10px 0 0;
  color: var(--bm-muted);
  font-size: .95rem;
  line-height: 1.6;
}

/* ===== BorrowMoney.us – FAQ (Light) ===== */
:root{
  --bm-ink:#0b1a24;          /* primary dark text */
  --bm-muted:#496274;        /* muted text */
  --bm-line:#e6eef3;         /* borders/dividers */
  --bm-accent-1:#00d2ff;     /* cyan */
  --bm-accent-2:#02aab0;     /* teal */
  --bm-radius:14px;
  --bm-ease:cubic-bezier(.22,.61,.36,1);
}

#faq.faq--light{
  background: #ffffff;
  color: var(--bm-ink);
  padding: clamp(48px, 7vw, 88px) 0;
}
#faq .container{
  max-width: 900px; margin: 0 auto; padding: 0 20px;
}

#faq .faq-heading{
  font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.2rem);
  font-weight: 900; letter-spacing: .2px; margin: 0 0 18px;
}

/* Item */
#faq .faq-item{
  background: #fff;
  margin-bottom: 12px;
  overflow: hidden;
}

/* Summary row */
#faq .faq-q{
  list-style: none;          /* hide default marker */
  cursor: pointer;
  padding: 16px 18px;
  position: relative;
  display: block;
  user-select: none;
}

/* Custom caret */
#faq .faq-q::after{
  content: "";
  position: absolute; right: 16px; top: 50%; transform: translateY(-50%) rotate(-45deg);
  width: 10px; height: 10px;
  border-right: 2px solid var(--bm-muted);
  border-bottom: 2px solid var(--bm-muted);
  transition: transform .22s var(--bm-ease), border-color .22s var(--bm-ease);
}

/* Answer body */
#faq .faq-a{
  color: var(--bm-muted);
  line-height: 1.65;
  margin-top:20px;
  padding: 0 18px 16px 18px;
  border-bottom: 1px solid var(--bm-line);
}

/* Open state styles */
#faq .faq-item[open] .faq-q::after{
  transform: translateY(-50%) rotate(45deg);
  border-color: #0f2530;
}

/* Focus/hover */
#faq .faq-q:focus{ outline: none; }
#faq .faq-q:focus-visible{
  box-shadow: 0 0 0 3px rgba(0,210,255,.25);
  border-radius: calc(var(--bm-radius) - 2px);
}
#faq .faq-item:hover{ border-color: #d7e6ef; }

/* Links inside answers */
#faq .faq-a a{
  color: #0b6b80; text-decoration: underline; text-underline-offset: 2px;
}

/* Optional: compact spacing on very small screens */
@media (max-width: 520px){
  #faq .faq-q{ padding: 14px 16px; }
  #faq .faq-a{ padding: 0 16px 14px 16px; }
}

/* ===== BorrowMoney.us – Eligibility (White / Dark Text) ===== */
:root{
  --ink:#0b1a24;             /* dark text */
  --muted:#425a6a;           /* muted text */
  --line:#e6eef3;            /* borders */
  --chip:#f6fafc;            /* card bg tint */
  --radius:14px;
}

#eligibility.bm-eligibility{
  background:#ffffff;
  color:var(--ink);
  padding: clamp(48px, 7vw, 88px) 0;
}
#eligibility .elig-wrap{
  max-width:1100px; margin:0 auto; padding:0 20px;
}

#eligibility .elig-heading{
  margin:0 0 10px;
  font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.2rem);
  font-weight:900; letter-spacing:.2px;
}
#eligibility .elig-intro{
  margin:0 0 16px; color:var(--muted); line-height:1.65; max-width:70ch;
}

/* Cards grid */
#eligibility .elig-grid{
  display:grid; gap: clamp(14px, 2.2vw, 22px);
  grid-template-columns: repeat(3, 1fr);
  margin-top: 6px;
}
@media (max-width: 980px){
  #eligibility .elig-grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px){
  #eligibility .elig-grid{ grid-template-columns: 1fr; }
}

/* Card */
#eligibility .elig-card{
  background: #fff;
  border:1px solid var(--line);
  border-radius: var(--radius);
  padding: clamp(14px, 2.2vw, 18px);
  box-shadow: 0 6px 24px rgba(16,42,66,.05);
}
#eligibility .elig-card h3{
  margin:0 0 8px; font-size:1.05rem; font-weight:900;
}

/* List */
#eligibility .elig-list{
  list-style:none; margin:0; padding:0; display:grid; gap:8px;
}
#eligibility .elig-list li{
  position:relative; padding-left:22px; color:var(--ink);
}
#eligibility .elig-list li::before{
  content:""; position:absolute; left:0; top:.55em; width:10px; height:10px; border-radius:50%;
  background: radial-gradient(circle at 30% 30%, #02aab0 0%, #00d2ff 90%);
  opacity:.9;
}

/* Footnotes */
#eligibility .elig-foot{
  margin-top: clamp(16px, 3vw, 24px);
  border-top:1px solid var(--line);
  padding-top: clamp(12px, 2vw, 16px);
}
#eligibility .elig-note{
  margin:0 0 6px; color:var(--muted); line-height:1.65;
}
#eligibility .elig-note strong{ color:var(--ink); }

/* ===== Eligibility (Light / Readable) ===== */
:root{
  --ink:#0b1a24;           /* primary dark text */
  --muted:#496274;         /* secondary text */
  --line:#e6eef3;          /* borders/dividers */
  --chip:#f6fafc;          /* light card tint */
  --brand-1:#00d2ff;       /* cyan */
  --brand-2:#02aab0;       /* teal */
  --radius:14px;
  --radius-lg:18px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

#eligibility.eligibility{
  background:
    radial-gradient(900px 500px at 100% -10%, rgba(0,210,255,.06), transparent 60%),
    radial-gradient(800px 500px at 0% 110%, rgba(2,170,176,.05), transparent 60%),
    #ffffff;
  color: var(--ink);
  padding: clamp(48px, 7vw, 88px) 0;
}

#eligibility .enclose{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Kicker + Heading */
#eligibility .kicker{
  font-weight: 900;
  font-size: .9rem;
  text-align:center;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 6px;
}

#eligibility .gradient-heading.h2-lg{
  font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.2rem);
  font-weight: 900;
  line-height: 1.15;
  text-align:center;
  margin: 0 0 8px;
  background: linear-gradient(90deg, var(--brand-1), var(--brand-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

#eligibility .eligibility-lede{
  color: var(--muted);
  line-height: 1.7;
  margin: 0 0 16px;
  max-width: 72ch;
}

/* Rules grid */
#eligibility .rules{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(12px, 2vw, 18px);
  margin-top: 10px;
}
@media (max-width: 980px){ #eligibility .rules{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px){ #eligibility .rules{ grid-template-columns: 1fr; } }

#eligibility .rule{
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: clamp(14px, 2.2vw, 18px);
  box-shadow: 0 6px 22px rgba(16,42,66,.05);
}

#eligibility .rule h3{
  margin: 0 0 6px;
  font-size: 1.05rem;
  font-weight: 900;
  color: var(--ink);
}

#eligibility .rule p{
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}

/* Badge checkmark */
#eligibility .badge{
  display: inline-grid;
  place-items: center;
  width: 28px; height: 28px;
  border-radius: 50%;
  margin-bottom: 8px;
  font-weight: 900;
  color: #01202b;
  background: linear-gradient(90deg, var(--brand-2), var(--brand-1));
  box-shadow: 0 6px 16px rgba(0,210,255,.22);
}

/* CTA row */
#eligibility .eligibility-cta{
  margin-top: clamp(16px, 3vw, 24px);
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}

#eligibility .how-btn{
  display: inline-block;
  padding: 12px 18px;
  text-decoration: none;
  box-shadow: 0 12px 24px rgba(0,210,255,.22);
  transition: transform .18s var(--ease), filter .18s var(--ease);


  border-radius: 6px;
    font-weight: 700;
    text-decoration: none;
    color: #2f2f2f;
    background: linear-gradient(90deg, #FFD700, #FFA500);
}
#eligibility .how-btn:hover{ transform: translateY(-1px); filter: brightness(1.03); }

#eligibility .subcopy{
  color: var(--muted);
  font-size: .95rem;
}

/* Footnote */
#eligibility .eligibility-note{
  margin-top: clamp(14px, 2.5vw, 20px);
  color: var(--muted);
  line-height: 1.65;
  border-top: 1px solid var(--line);
  padding-top: clamp(10px, 2vw, 14px);
}
#eligibility .eligibility-note strong{ color: var(--ink); }


/* ===== BorrowMoney.us – Upgraded Loan Amount Slider ===== */
/* Works on dark or light backgrounds; adjust vars if needed */
:root{
  --bm-accent-1:#00d2ff;
  --bm-accent-2:#02aab0;
  --bm-track:#0f2a36;        /* dark track (hero) */
  --bm-track-muted:#0a202a;  /* unfilled segment */
  --bm-track-light:#e6eef3;  /* use on white sections if needed */
  --bm-thumb:#ffffff;
  --bm-thumb-border:#01202b;
  --bm-focus: rgba(0,210,255,.35);
}

/* Wrap ensures the bubble can be positioned absolutely if you add it */
#hero-1col .amount-wrap{ position: relative; }

/* Head pill can stay (right side value) */
#hero-1col .f-pill{
  font-variant-numeric: tabular-nums;
}

/* Range base */
#hero-1col input[type="range"]{
  --pct: 0; /* JS updates this 0–100 */
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 10px;
  border-radius: 999px;
  outline: none;
  background:
    linear-gradient(90deg, var(--bm-accent-2), var(--bm-accent-1)) 0/ calc(var(--pct)*1%) 100% no-repeat,
    linear-gradient(var(--bm-track), var(--bm-track)) 0/100% 100% no-repeat;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10), 0 10px 22px rgba(0,0,0,.15);
  transition: background-size .15s ease, filter .15s ease;
}

/* Firefox track */
#hero-1col input[type="range"]::-moz-range-track{
  height: 10px; border-radius: 999px; background: var(--bm-track);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10), 0 10px 22px rgba(0,0,0,.15);
}

/* WebKit thumb */
#hero-1col input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance: none; appearance: none;
  width: 26px; height: 26px; border-radius: 50%;
  background: var(--bm-thumb);
  border: 2px solid var(--bm-thumb-border);
  box-shadow: 0 10px 24px rgba(0,0,0,.25), 0 0 0 6px rgba(255,255,255,.06);
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
#hero-1col input[type="range"]::-webkit-slider-thumb:hover{
  transform: scale(1.05);
  box-shadow: 0 12px 28px rgba(0,0,0,.28), 0 0 0 7px rgba(255,255,255,.07);
}
#hero-1col input[type="range"]::-webkit-slider-thumb:active{
  transform: scale(0.98);
}

/* Firefox thumb */
#hero-1col input[type="range"]::-moz-range-thumb{
  width: 26px; height: 26px; border-radius: 50%;
  background: var(--bm-thumb);
  border: 2px solid var(--bm-thumb-border);
  box-shadow: 0 10px 24px rgba(0,0,0,.25), 0 0 0 6px rgba(255,255,255,.06);
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
#hero-1col input[type="range"]::-moz-range-thumb:hover{ transform: scale(1.05); }
#hero-1col input[type="range"]::-moz-range-thumb:active{ transform: scale(0.98); }

/* Keyboard focus ring */
#hero-1col input[type="range"]:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px var(--bm-focus);
  border-radius: 12px;
}

/* Min/Max scale */
#hero-1col .amount-scale{
  display:flex; justify-content:space-between; align-items:center;
  color:#cfe7f5; font-size:.9rem; margin-top:6px;
  opacity:.9;
}

/* Optional tiny tick marks under the track (subtle) */
#hero-1col .amount-scale::after{
  content:"";
  display:block; width:100%; height:6px; margin-top:8px;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.18) 0 2px,
      transparent 2px 20px
    );
  border-radius:999px;
  opacity:.35;
}

/* ===== Light background variant (use on white sections) ===== */
.bm-slider--light input[type="range"]{
  background:
    linear-gradient(90deg, var(--bm-accent-2), var(--bm-accent-1)) 0/ calc(var(--pct)*1%) 100% no-repeat,
    linear-gradient(var(--bm-track-light), var(--bm-track-light)) 0/100% 100% no-repeat;
  box-shadow: inset 0 0 0 1px rgba(11,26,36,.06), 0 6px 18px rgba(16,42,66,.06);
}
.bm-slider--light .amount-scale{ color:#496274; }
.bm-slider--light .amount-scale::after{
  background:
    repeating-linear-gradient(90deg, #e6eef3 0 2px, transparent 2px 20px);
  opacity:.6;
}

/* ===== Optional value bubble that follows the thumb ===== */
#hero-1col .amount-bubble{
  position:absolute; top:-3px; left:0;
  translate: calc(var(--pct) * 1%) 0; /* set from JS in sync with --pct */
  transform: translateX(-50%);
  padding: 6px 10px; border-radius: 10px;
  background: #01202b; color:#fff; font-weight:900; font-size:.9rem;
  box-shadow: 0 8px 20px rgba(0,0,0,.25);
  white-space: nowrap;
  pointer-events: none;
}
#hero-1col .amount-bubble::after{
  content:""; position:absolute; left:50%; bottom:-6px; transform: translateX(-50%) rotate(45deg);
  width:10px; height:10px; background:#01202b;
}


/* Container + new slider row */
.amount-wrap{ position: relative; }
.amount-wrap .slider-row{
  position: relative;
  padding-top: 36px;        /* room for bubble */
  overflow: visible;        /* allow bubble to overflow if near edges */
}

/* Slider track (light variant shown; keep your dark one separately if needed) */
.bm-slider--light input[type="range"]{
  --pct: 0;
  -webkit-appearance:none; appearance:none;
  width:100%; height:10px; border-radius:999px; outline:0;
  background:
    linear-gradient(90deg, var(--bm-accent-2,#02aab0), var(--bm-accent-1,#00d2ff)) 0/ calc(var(--pct)*1%) 100% no-repeat,
    linear-gradient(#e6eef3, #e6eef3) 0/100% 100% no-repeat;
  box-shadow: inset 0 0 0 1px rgba(11,26,36,.06), 0 6px 18px rgba(16,42,66,.06);
  transition: background-size .15s ease;
}
.bm-slider--light input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none; appearance:none;
  width:26px; height:26px; border-radius:50%;
  background:#fff; border:2px solid #01202b;
  box-shadow:0 10px 24px rgba(0,0,0,.25), 0 0 0 6px rgba(1,32,43,.06);
  cursor:pointer; transition: transform .15s ease, box-shadow .15s ease;
}
.bm-slider--light input[type="range"]::-webkit-slider-thumb:hover{ transform: scale(1.05); }
.bm-slider--light input[type="range"]::-webkit-slider-thumb:active{ transform: scale(.98); }
.bm-slider--light input[type="range"]::-moz-range-track{
  height:10px; border-radius:999px; background:#e6eef3;
  box-shadow: inset 0 0 0 1px rgba(11,26,36,.06), 0 6px 18px rgba(16,42,66,.06);
}
.bm-slider--light input[type="range"]::-moz-range-progress{
  height:10px; border-radius:999px;
  background: linear-gradient(90deg, var(--bm-accent-2,#02aab0), var(--bm-accent-1,#00d2ff));
}
.bm-slider--light input[type="range"]::-moz-range-thumb{
  width:26px; height:26px; border-radius:50%;
  background:#fff; border:2px solid #01202b; box-shadow:0 10px 24px rgba(0,0,0,.25), 0 0 0 6px rgba(1,32,43,.06);
  cursor:pointer; transition: transform .15s ease;
}

/* Value bubble — positioned from JS */
.amount-bubble{
  position:absolute; top:0; left:0; transform: translate(-50%, -6px); /* y offset above track */
  padding:6px 10px; border-radius:10px; background:#01202b; color:#fff; font-weight:900; font-size:.9rem;
  box-shadow:0 8px 20px rgba(0,0,0,.25); white-space:nowrap; pointer-events:none;
}
.amount-bubble::after{
  content:""; position:absolute; left:50%; bottom:-6px; transform: translateX(-50%) rotate(45deg);
  width:10px; height:10px; background:#01202b;
}

/* Min/Max line — make sure it doesn’t break */
.amount-scale{
  display:flex; justify-content:space-between; align-items:center;
  gap:12px; margin-top:8px; color:#496274; font-size:.92rem; line-height:1;
  white-space:nowrap;
}
.amount-scale span{ min-width: max-content; }

/* (If you previously added ::after ticks on .amount-scale, remove them to avoid layout issues) */


/* Ensure the scale row stretches full width and pushes ends apart */
#hero-1col .amount-wrap { display:block; width:100%; }
#hero-1col .amount-scale{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center;
  width:100% !important;      /* key: give space for space-between */
  gap:0;                      /* no gap so ends sit flush left/right */
  white-space:nowrap;         /* keep labels on one line */
  margin-top:8px;
}

/* Keep each label from stretching weirdly */
#hero-1col .amount-scale span{
  flex:0 0 auto;              /* don't grow/shrink */
  min-width:auto;             /* override any previous max-content/min-content */
}

/* If your hero or parent centers text, neutralize it here */
#hero-1col .amount-wrap,
#hero-1col .slider-row,
#hero-1col .amount-scale { text-align: initial; }

/* Pin labels to edges regardless of parent layout */
#hero-1col .amount-scale{
  position: relative !important;
  width: 100% !important;
  height: 20px;          /* reserves vertical space for the labels */
  margin-top: 8px;
}

#hero-1col #amount-min,
#hero-1col #amount-max{
  position: absolute !important;
  top: 0;
  white-space: nowrap;
}

#hero-1col #amount-min{ left: 0 !important; }
#hero-1col #amount-max{ right: 0 !important; }



/* ===== BorrowMoney.us – Footer (CashLoansExpress-style) ===== */
:root{
  --ink:#0b1a24;           /* dark text */
  --muted:#4a6273;         /* muted text */
  --line:#e6eef3;          /* borders */
  --link:#0b6b80;          /* link color on light bg */
  --wrap:1100px;
}

.cle-footer{
  background:#ffffff;
  color:var(--ink);
  border-top:1px solid var(--line);
}
.cle-wrap{ max-width: var(--wrap); margin: 0 auto; padding: 20px; }

/* Top link row */
.cle-links{
  display:flex; flex-wrap:wrap; gap:10px; justify-content:center;
  font-weight:800; margin: 6px 0 12px;
}
.cle-links a{
  color:var(--link); text-decoration:none;
}
.cle-links a:hover{ text-decoration:underline; }
.cle-links .sep{ color:#93a9b7; }

/* Legal block */
.cle-legal{
  max-width: 90ch; margin: 0 auto 8px; color: var(--muted); line-height:1.65;
}
.cle-legal p{ margin: 0 0 8px; }
.cle-legal strong{ color: var(--ink); }

/* Bottom bar */
.cle-footbar{
  border-top:1px solid var(--line);
  background:#f9fbfd;
}
.cle-footbar__inner{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding-top: 12px; padding-bottom: 12px;
}
.cle-footbar .copy{ margin:0; color:var(--ink); font-weight:800; }
.cle-footbar .mini{ margin:0; color:#6b8596; font-size:.92rem; }

/* Mobile layout */
@media (max-width: 640px){
  .cle-footbar__inner{ flex-direction:column; text-align:center; }
}



/* ===== BorrowMoney.us – Footer (CashLoansExpress-style) ===== */
:root{
  --ink:#0b1a24;           /* dark text */
  --muted:#4a6273;         /* muted text */
  --line:#e6eef3;          /* borders */
  --link:#0b6b80;          /* link color on light bg */
  --wrap:1100px;
}

.cle-footer{
  background:#ffffff;
  color:var(--ink);
  border-top:1px solid var(--line);
}
.cle-wrap{ max-width: var(--wrap); margin: 0 auto; padding: 20px; }

/* Top link row */
.cle-links{
  display:flex; flex-wrap:wrap; gap:10px; justify-content:center;
  font-weight:800; margin: 6px 0 12px;
}
.cle-links a{
  color:var(--link); text-decoration:none;
}
.cle-links a:hover{ text-decoration:underline; }
.cle-links .sep{ color:#93a9b7; }

/* Legal block */
.cle-legal{
  max-width: 90ch; margin: 0 auto 8px; color: var(--muted); line-height:1.65;
}
.cle-legal p{ margin: 0 0 8px; }
.cle-legal strong{ color: var(--ink); }

/* Bottom bar */
.cle-footbar{
  border-top:1px solid var(--line);
  background:#f9fbfd;
}
.cle-footbar__inner{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding-top: 12px; padding-bottom: 12px;
}
.cle-footbar .copy{ margin:0; color:var(--ink); font-weight:800; }
.cle-footbar .mini{ margin:0; color:#6b8596; font-size:.92rem; }

/* Mobile layout */
@media (max-width: 640px){
  .cle-footbar__inner{ flex-direction:column; text-align:center; }
}


/* Super-small legal block, light footer */
.cle-microlegal{
  max-width: 95ch;
  margin: 10px auto 0;
  font-size: 0.78rem;        /* super small */
  line-height: 1.55;
  color: #6b8596;            /* muted on light */
}
.cle-microlegal p{ margin: 0 0 8px; }
.cle-microlegal strong{ color: #0b1a24; }

/* On very small screens, keep it readable but compact */
@media (max-width: 480px){
  .cle-microlegal{ font-size: 0.75rem; }
}