/* =========================================================
   85 Cash — "Bridge Blue" theme
   Clean fintech look (blue / white / soft lavender-grey),
   inspired by modern loan-request sites, with its own palette,
   typography and layout.
   ========================================================= */

:root{
  --brand:#2f47e6;          /* primary blue (slightly deeper/cooler than ref) */
  --brand-600:#2236c4;
  --brand-50:#eef1ff;
  --brand-100:#dfe4ff;
  --mint:#10b48a;           /* secondary accent — gives the theme its own identity */
  --mint-50:#e6f7f1;
  --ink:#0e1538;            /* headings / footer bg */
  --text:#3a4166;
  --muted:#6b7194;
  --line:#e3e6f3;
  --bg:#ffffff;
  --bg-soft:#f6f7fc;
  --radius:18px;
  --radius-sm:12px;
  --shadow:0 18px 50px -20px rgba(22,34,120,.28);
  --shadow-sm:0 4px 14px -6px rgba(22,34,120,.18);
  --font:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;border:0}
a{color:var(--brand);text-decoration:none;transition:color .2s}
a:hover{color:var(--brand-600);text-decoration:underline}
h1,h2,h3,h4{color:var(--ink);font-weight:800;line-height:1.2;margin:0;letter-spacing:-.02em}
button,input,select{font:inherit}
.main{max-width:1160px;margin:0 auto;padding:0 20px;position:relative}

/* ---------- notice bar ---------- */
.notice-bar{background:var(--ink);color:#c9cff0;font-size:13px;text-align:center;padding:8px 16px;letter-spacing:.01em}
.notice-bar b{color:#fff;font-weight:700}

/* ---------- header ---------- */
.header{position:relative;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line)}
.header .main{display:flex;align-items:center;gap:24px;height:72px}
#logo{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:22px;font-weight:500;letter-spacing:-.02em;text-decoration:none;flex-shrink:0}
#logo:hover{text-decoration:none}
#logo .mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--brand) 0%,#5b6cff 60%,var(--mint) 140%);display:grid;place-items:center;color:#fff;font-size:14px;font-weight:800;box-shadow:var(--shadow-sm)}
#logo b{font-weight:800;color:var(--brand)}
#m_menu{display:flex;align-items:center;gap:4px;list-style:none;margin:0 0 0 auto;padding:0}
#m_menu li{display:block}
#m_menu a{display:block;padding:8px 12px;border-radius:999px;color:var(--text);font-size:14.5px;font-weight:600}
#m_menu a:hover{background:var(--brand-50);color:var(--brand);text-decoration:none}
#m_menu a.active{color:var(--brand);background:var(--brand-50)}
.header-cta{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff!important;padding:11px 18px;border-radius:999px;font-size:14.5px;font-weight:700;white-space:nowrap;box-shadow:0 8px 20px -8px rgba(47,71,230,.7);flex-shrink:0}
.header-cta:hover{background:var(--brand-600);text-decoration:none}
.menu-toggle{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;padding:0;align-items:center;justify-content:center}
.menu-toggle span,.menu-toggle span::before,.menu-toggle span::after{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px;position:relative;content:""}
.menu-toggle span::before{position:absolute;top:-6px}
.menu-toggle span::after{position:absolute;top:6px}

@media (max-width:1040px){
  .menu-toggle{display:inline-flex}
  .header-cta{display:none}
  #m_menu{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;background:#fff;border-bottom:1px solid var(--line);padding:10px 16px 16px;box-shadow:var(--shadow)}
  #m_menu.opened{display:flex}
  #m_menu a{padding:12px 14px;border-radius:12px;font-size:16px}
  #m_menu .m-cta a{background:var(--brand);color:#fff;text-align:center;margin-top:6px}
}
@media (min-width:1041px){#m_menu .m-cta{display:none}}

/* ---------- arrow helper ---------- */
.arr{display:inline-block;transition:transform .2s}
a:hover .arr,button:hover .arr{transform:translateX(3px)}

/* ---------- hero / quick form ---------- */
.hero{background:radial-gradient(1100px 500px at 85% -10%,#dfe4ff 0%,rgba(223,228,255,0) 60%),radial-gradient(700px 400px at -10% 110%,var(--mint-50) 0%,rgba(230,247,241,0) 60%),var(--bg-soft);border-bottom:1px solid var(--line)}
.hero .main{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center;padding-top:64px;padding-bottom:64px}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);color:var(--ink);font-size:13px;font-weight:700;padding:6px 12px 6px 8px;border-radius:999px;margin-bottom:18px}
.hero-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px var(--mint-50)}
.hero-title{font-size:clamp(32px,4.6vw,52px);line-height:1.08;letter-spacing:-.035em;margin-bottom:16px}
.hero-title span{color:var(--brand)}
.hero-sub{font-size:18px;color:var(--muted);font-weight:500;margin:0 0 26px;max-width:520px}
.hero-points{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.hero-points li{display:flex;gap:12px;align-items:flex-start;color:var(--ink);font-weight:600;font-size:15.5px}
.hero-points li::before{content:"";flex:0 0 22px;height:22px;border-radius:50%;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat}
.hero-points li small{display:block;color:var(--muted);font-weight:500;font-size:14px}

.qf-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:30px}
.qf-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}
.qf-head h3{font-size:22px}
.qf-step{font-size:12px;font-weight:700;color:var(--brand);background:var(--brand-50);padding:4px 10px;border-radius:999px;white-space:nowrap}
.qf-note{color:var(--muted);font-size:14px;margin:0 0 20px}
.qf-label{display:block;font-size:13.5px;font-weight:700;color:var(--ink);margin:0 0 8px}
.qf-amount{font-size:40px;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1;margin:2px 0 12px}
.qf-amount small{font-size:15px;color:var(--muted);font-weight:600;letter-spacing:0;margin-left:6px}
.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.chip{border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:10px 4px;font-size:14.5px;font-weight:700;color:var(--ink);cursor:pointer;transition:all .15s}
.chip:hover{border-color:var(--brand);color:var(--brand)}
.chip.on{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 6px 16px -8px rgba(47,71,230,.8)}
.qf-field{margin-bottom:16px}
.omInputText{width:100%;height:52px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff;padding:0 16px;font-size:16px;color:var(--ink);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
select.omInputText{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f47e6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 14px center/18px no-repeat;padding-right:44px;cursor:pointer}
.omInputText:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-100)}
.qf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.omHelp-block{display:block;font-size:13px;color:#d64545;margin-top:6px;min-height:0}
.omHelp-block:empty{display:none}
.btn.omLookupStart,.btn-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;border:0;border-radius:14px;background:var(--brand);color:#fff;font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 12px 26px -12px rgba(47,71,230,.9);transition:background .15s,transform .15s}
.btn.omLookupStart:hover,.btn-primary:hover{background:var(--brand-600)}
.btn.omLookupStart:active{transform:translateY(1px)}
.consent{font-size:12px;color:var(--muted);line-height:1.55;margin:14px 0 0}
.consent a{color:inherit;text-decoration:underline}
.qf-secure{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12.5px;color:var(--muted);margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
.qf-secure svg{flex:0 0 14px;color:var(--mint)}

@media (max-width:920px){
  .hero .main{grid-template-columns:1fr;gap:32px;padding-top:36px;padding-bottom:40px}
  .hero-sub{font-size:16px}
}
@media (max-width:480px){
  .qf-card{padding:22px 18px;border-radius:20px}
  .chips{grid-template-columns:repeat(2,1fr)}
  .qf-row{grid-template-columns:1fr}
}

/* ---------- trust strip ---------- */
.trust{background:#fff;border-bottom:1px solid var(--line)}
.trust .main{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.trust-item{display:flex;gap:14px;align-items:flex-start;padding:26px 24px}
.trust-item + .trust-item{border-left:1px solid var(--line)}
.trust-ico{flex:0 0 42px;height:42px;border-radius:12px;background:var(--brand-50);color:var(--brand);display:grid;place-items:center}
.trust-item:nth-child(2) .trust-ico{background:var(--mint-50);color:var(--mint)}
.trust-item strong{display:block;color:var(--ink);font-size:15.5px;font-weight:800}
.trust-item span{display:block;font-size:14px;color:var(--muted);line-height:1.5}
@media (max-width:820px){
  .trust .main{grid-template-columns:1fr}
  .trust-item{padding:18px 4px}
  .trust-item + .trust-item{border-left:0;border-top:1px solid var(--line)}
}

/* ---------- page content ---------- */
#third_section,#internal_content{padding:64px 0 72px}
.page-content{max-width:820px}
.page-content > h1{font-size:clamp(28px,3.6vw,40px);letter-spacing:-.03em;margin:0 0 16px}
.page-content > h1 + p{font-size:18px;color:var(--muted)}
.page-content p{margin:0 0 16px}
.page-content h2{font-size:23px;margin:44px 0 14px;display:flex;align-items:center;gap:12px}
.page-content h2::before{content:"";flex:0 0 6px;height:22px;border-radius:3px;background:linear-gradient(var(--brand),var(--mint))}
.page-content h3{font-size:18px;margin:22px 0 8px}
.page-content strong{color:var(--ink)}

/* numbered steps */
.page-content ol{list-style:none;counter-reset:step;margin:8px 0 20px;padding:0;display:grid;gap:12px}
.page-content ol li{counter-increment:step;position:relative;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px 18px 72px}
.page-content ol li::before{content:counter(step,decimal-leading-zero);position:absolute;left:18px;top:16px;width:38px;height:38px;border-radius:12px;background:var(--brand);color:#fff;font-weight:800;font-size:14px;display:grid;place-items:center}

/* check list */
.page-content ul{list-style:none;margin:6px 0 20px;padding:0;display:grid;gap:10px}
.page-content ul li{position:relative;padding-left:34px}
.page-content ul li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:7px;background:var(--mint-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310b48a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat}

/* FAQ / definitions */
.page-content dl{margin:8px 0 24px;display:grid;gap:12px}
.page-content dt{font-weight:800;color:var(--ink);font-size:16.5px;background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:var(--radius) var(--radius) 0 0;padding:18px 22px 4px}
.page-content dd{margin:-12px 0 0;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius) var(--radius);padding:4px 22px 18px;color:var(--text)}

/* form page header */
.form-intro{text-align:center;margin:0 auto 28px;max-width:720px}
.form-intro h1{font-size:clamp(26px,3.4vw,36px);margin-bottom:10px}
.form-intro p{color:var(--muted);font-size:14.5px}
#internal_content .page-content.form-wrap{max-width:900px;margin:0 auto}
#_lg_form_{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:20px;min-height:200px}

/* ---------- CTA band ---------- */
#apply_section{padding:0 0 72px}
.cta-band{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(120deg,var(--brand) 0%,#4a5cf5 55%,#2a3bd0 100%);color:#fff;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.cta-band::after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(16,180,138,.55),rgba(16,180,138,0) 70%)}
.cta-band h2{color:#fff;font-size:clamp(24px,3vw,34px);position:relative;z-index:1}
.cta-band p{margin:8px 0 0;color:#d6dcff;position:relative;z-index:1}
.cta-band .btn-light{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--brand);font-weight:800;font-size:16.5px;padding:16px 26px;border-radius:14px;white-space:nowrap;box-shadow:0 14px 30px -14px rgba(0,0,0,.45)}
.cta-band .btn-light:hover{text-decoration:none;color:var(--brand-600)}
@media (max-width:720px){.cta-band{flex-direction:column;align-items:flex-start;padding:32px 24px}}

/* ---------- footer ---------- */
.footer{background:var(--ink);color:#aab1d6;padding:56px 0 8px}
.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-brand #logo{color:#fff}
.footer-brand #logo b{color:#8f9cff}
.footer-brand p{font-size:14px;margin:14px 0 0;max-width:300px}
.footer h4{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin:6px 0 14px}
.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.footer ul a{color:#c9cff0;font-size:14.5px}
.footer ul a:hover{color:#fff}
.disclosures{padding:28px 0 0;font-size:12.5px;line-height:1.65;color:#8d94bd}
.disclosures p{margin:0 0 12px}
.disclosures strong{color:#d9ddf5}
.disclosures h2{color:#e6e9fb;font-size:13.5px;font-weight:700;margin:20px 0 6px;letter-spacing:0}
.disclosures-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 40px;margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.copy{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:#7a81ab;padding:22px 0 30px;margin-top:20px;border-top:1px solid rgba(255,255,255,.08)}
.copy a{color:#aab1d6}
.copy a:hover{color:#fff}
.footer-brand p a:hover{color:#fff}
.disclosures-grid h2{margin-top:14px}
@media (max-width:860px){
  .footer-top{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
  .disclosures-grid{grid-template-columns:1fr}
}

/* ---------- v102: big amount label, loan slider, form note, mini footer ---------- */
.qf-label-big{font-size:clamp(24px,3vw,30px);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0 0 10px;color:var(--ink)}
.qf-range{-webkit-appearance:none;appearance:none;width:100%;height:10px;border-radius:999px;margin:6px 0 8px;cursor:pointer;
  background:linear-gradient(to right,var(--brand) 0%,var(--brand) var(--pct,11%),var(--line) var(--pct,11%),var(--line) 100%)}
.qf-range:focus{outline:none}
.qf-range:focus-visible{box-shadow:0 0 0 4px var(--brand-100)}
.qf-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:3px solid var(--brand);box-shadow:0 4px 12px -4px rgba(47,71,230,.6)}
.qf-range::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--brand);box-shadow:0 4px 12px -4px rgba(47,71,230,.6)}
.qf-range::-moz-range-track{height:10px;border-radius:999px;background:transparent}
.qf-range-scale{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:12px}
.form-note{max-width:720px;margin:28px auto 0;text-align:center}
.form-note h2{font-size:20px;margin:0 0 8px}
.form-note p{color:var(--muted);font-size:14px;margin:0}
.mini-footer{border-top:1px solid var(--line);padding:22px 0 28px;margin-top:40px;font-size:12.5px;color:var(--muted);text-align:center}
.mini-footer p{margin:4px 0}
.mini-footer a{color:inherit;text-decoration:underline}
