/* Direction A ("Quiet navy") site chrome, 8 Nov 2026. Loaded on every page immediately before </head>, after the inline chrome. Contract: the approved homepage mockup. Family files (theme-a-book.css, theme-a-service.css, theme-a-content.css) load after this one on their pages. */
/* == CHROME == */

:root{
  --ink:#12253a;
  --ink-2:#4a5568;
  --ink-3:#5f6b7a;
  --page:#ffffff;
  --page-alt:#f2f5f8;
  --rule:rgba(18,37,58,.12);
  --rule-strong:rgba(18,37,58,.3);
  --mint:#1edcaa;
  --mint-dark:#087358;
  --on-ink:rgba(255,255,255,.8);
  --on-ink-soft:rgba(255,255,255,.6);
  --on-ink-rule:rgba(255,255,255,.14);
}

html{-webkit-text-size-adjust:100%}
body{background:var(--page);font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}
.lp{color:var(--ink);background:var(--page)}
.lp p{text-wrap:pretty}
.lp h1,.lp h2,.lp h3,.lp blockquote{text-wrap:balance}

/* ---- buttons ---- */
.lp-btn,
.lp .lp-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:46px;padding:0 26px !important;border-radius:999px;
  font-family:inherit;font-size:12.8px !important;font-weight:600;letter-spacing:.1em;line-height:1;
  white-space:nowrap;border:1px solid transparent;
  transition:background .15s,border-color .15s,color .15s;transform:none;box-shadow:none;
}
.lp-btn:hover,.lp .lp-btn:hover{transform:none;box-shadow:none}
.lp-btn svg,.lp-btn:hover svg{transform:none}
/* primary: navy fill, white text */
.lp-btn-mint,.lp-btn-navy-solid,
.lp .lp-btn-mint,.lp .lp-btn-navy-solid{background:var(--ink);color:#fff;border-color:var(--ink)}
.lp-btn-mint:hover,.lp-btn-navy-solid:hover,
.lp .lp-btn-mint:hover,.lp .lp-btn-navy-solid:hover{background:#1b3452;border-color:#1b3452;color:#fff}
/* secondary: 1px navy outline */
.lp-btn-navy,.lp-btn-navy-outline,.lp-btn-outline-mint,
.lp .lp-btn-navy,.lp .lp-btn-navy-outline,.lp .lp-btn-outline-mint{background:transparent;color:var(--ink);border-color:var(--rule-strong)}
.lp-btn-navy:hover,.lp-btn-navy-outline:hover,.lp-btn-outline-mint:hover,
.lp .lp-btn-navy:hover,.lp .lp-btn-navy-outline:hover,.lp .lp-btn-outline-mint:hover{background:transparent;color:var(--ink);border-color:var(--ink)}
/* on a navy band: white outline */
.lp-btn-ghost,.lp .lp-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.lp-btn-ghost:hover,.lp .lp-btn-ghost:hover{background:transparent;border-color:#fff;color:#fff}
.lp-btn:focus-visible,.lp .lp-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

/* ---- labels and headings ---- */
.lp-kicker,.lp .lp-kicker{
  display:inline-flex;align-items:center;gap:10px;
  background:transparent;color:var(--ink-2);padding:0;border-radius:0;margin-bottom:20px;
  font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
}
.lp-kicker.dk,.lp .lp-kicker.dk{background:transparent;color:var(--on-ink)}
.lp-kicker-dot,.lp .lp-kicker-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);opacity:1}
.lp-kicker:not(:has(.lp-kicker-dot))::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint);flex:none}
.lp-h1,.lp .lp-h1{font-weight:300;font-size:clamp(40px,4.5vw,64px);line-height:1.1;letter-spacing:-.01em;color:var(--ink)}
.lp-h1 em,.lp .lp-h1 em{color:inherit;font-style:normal}
.lp-h2,.lp .lp-h2{font-size:36px;font-weight:500;line-height:1.2;letter-spacing:-.005em;text-transform:none;color:var(--ink);margin-bottom:20px}
.lp-h2.wh{color:#fff}
.lp-lead,.lp .lp-lead{font-size:19px;font-weight:300;line-height:1.55;color:var(--ink-2);max-width:34em}
.lp-lead.wh{color:var(--on-ink)}
.lp-pack{font-size:14px;line-height:1.55;color:var(--ink-3)}

/* ---- trust bar (white hairline strip) ---- */
.lp-trust-bar,.lp .lp-trust-bar{background:var(--page);border-bottom:1px solid var(--rule);padding:12px 0}
.lp-trust-bar-inner{gap:32px}
.lp-trust-item,.lp .lp-trust-item{font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--ink-2)}
.lp-trust-item strong,.lp .lp-trust-item strong{color:var(--ink);font-weight:500}
.lp-trust-item svg{display:none}
.lp-trust-item:first-child svg{display:inline-block;width:11px;height:11px}
.lp-trust-item svg path[fill="#1edcaa"]{fill:var(--ink)}
.lp-trust-dot{background:var(--rule)}

/* ---- nav ---- */
.lp-nav,.lp .lp-nav{background:var(--page);border-bottom:1px solid var(--rule);box-shadow:none}
.lp-nav-inner,.lp .lp-nav-inner{height:76px;gap:28px}
.lp-logo img,.lp .lp-logo img{height:32px !important;width:auto}
.lp-nav .lp-wrap{max-width:1320px}
.lp-nav-inner,.lp .lp-nav-inner{gap:20px}
.lp-nav-links,.lp .lp-nav-links{gap:0;flex-wrap:nowrap;flex:1 1 auto}
.lp-nav-link,.lp .lp-nav-link{font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);padding:7px 8px;border-radius:0}
.lp-nav-link:hover,.lp .lp-nav-link:hover{color:var(--ink);background:transparent}
.lp-nav-link svg{display:none}
.lp-nav-right,.lp .lp-nav-right{gap:20px}
.lp-dropdown,.lp .lp-dropdown{border:1px solid var(--rule);border-radius:4px;box-shadow:none;padding:8px;min-width:220px}
.lp-dropdown a,.lp .lp-dropdown a{font-size:14px;font-weight:400;color:var(--ink-2);padding:9px 12px;border-radius:0;text-transform:none;letter-spacing:0}
.lp-dropdown a:hover,.lp .lp-dropdown a:hover{color:var(--ink);background:var(--page-alt)}
.lp-nav-phone,.lp .lp-nav-phone{font-size:14px;font-weight:500;color:var(--ink);gap:6px}
.lp-nav-phone:hover{color:var(--ink)}
.lp-nav-phone svg{display:none}
.lp-nav .lp-btn,.lp .lp-nav .lp-btn{height:40px;padding:0 20px !important;font-size:12.8px !important}
.lp-hamburger,.lp .lp-hamburger{width:40px;height:40px;padding:0;border:1px solid var(--rule);border-radius:50%;align-items:center;justify-content:center;gap:4px;background:transparent}
.lp-hamburger:hover{background:transparent;border-color:var(--ink)}
.lp-hamburger span,.lp .lp-hamburger span{width:16px;height:1px;background:var(--ink);border-radius:0}
.lp-hamburger.open span:nth-child(1){transform:translateY(5px) rotate(45deg)}
.lp-hamburger.open span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

/* mobile menu: navy band */
.lp-mobile-menu,.lp .lp-mobile-menu{background:var(--ink);border-top:1px solid var(--rule);padding:24px 20px 32px}
.lp-mob-label,.lp .lp-mob-label{font-size:11px;font-weight:500;letter-spacing:.14em;color:var(--on-ink-soft);margin-bottom:8px}
.lp-mobile-menu a,.lp .lp-mobile-menu a{font-size:15px;font-weight:400;color:var(--on-ink);border-bottom:1px solid var(--on-ink-rule);padding:10px 0}
.lp-mobile-menu a:hover{color:#fff}
.lp-mobile-menu a[style*="color:#1edcaa"]{color:var(--on-ink) !important}
.lp-mob-cta .lp-btn-navy{color:#fff;border-color:rgba(255,255,255,.4)}
.lp-mob-cta .lp-btn-navy:hover{border-color:#fff}
.lp-mob-cta .lp-btn-mint{background:#fff;color:var(--ink);border-color:#fff}
.lp-mob-cta .lp-btn-mint:hover{background:#eef1f5;border-color:#eef1f5;color:var(--ink)}
.lp-mob-cta .lp-btn{font-size:12.8px !important}

/* ---- footer (navy band) ---- */
.lp-footer,.lp .lp-footer{background:var(--ink);padding:88px 0 40px;border-top:1px solid var(--on-ink-rule)}
.lp-footer-grid,.lp .lp-footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;padding-bottom:0;border-bottom:0}
.lp-footer img[src="/Images/lendology-logo-72.png"]{content:url("/Images/lendology-logo-reversed-72.png")}
.lp-footer .lp-footer-grid > div:first-child > div:first-child img{height:28px !important;margin-bottom:24px !important}
.lp-f-tagline,.lp .lp-f-tagline{font-size:15px;font-weight:300;line-height:1.55;color:var(--on-ink);max-width:22em;margin-bottom:22px;text-wrap:balance}
.lp-f-contact,.lp .lp-f-contact{gap:10px;margin-bottom:6px}
.lp-f-contact svg{display:none}
.lp-footer .lp-f-contact a,.lp .lp-footer .lp-f-contact a{font-size:14px;line-height:1.8;color:var(--on-ink-soft)}
.lp-footer .lp-f-contact a:hover{color:#fff}
.lp-f-col-title,.lp .lp-f-col-title{font-size:11px;font-weight:500;letter-spacing:.14em;color:var(--on-ink-soft);margin-bottom:18px}
.lp-footer .lp-f-link,.lp .lp-footer .lp-f-link{font-size:14px;line-height:2;padding:0;color:var(--on-ink)}
.lp-footer .lp-f-link:hover{color:#fff}
.lp-footer .lp-f-link[style*="color:#1edcaa"]{color:var(--on-ink) !important}
/* social icon squares -> hairline circles */
.lp-footer a[title][style*="border-radius:8px"]{border-radius:50% !important;background:transparent !important;border:1px solid var(--on-ink-rule);width:36px !important;height:36px !important}
.lp-footer a[title][style*="border-radius:8px"]:hover{border-color:rgba(255,255,255,.5)}
/* acknowledgement line: mint italic -> soft white */
.lp-footer p[style*="color:#1edcaa"]{color:var(--on-ink-soft) !important;font-style:normal !important;opacity:1 !important;font-size:12.5px !important;line-height:1.7 !important}
.lp-footer .lp-wrap > div[style*="text-align:center"]{text-align:left !important;padding:0 0 40px !important}
.lp-footer-bottom,.lp .lp-footer-bottom{margin-top:72px;padding:32px 0 0;border-top:1px solid var(--on-ink-rule)}
.lp-compliance,.lp .lp-compliance{font-size:12.5px;line-height:1.7;color:var(--on-ink-soft);margin-bottom:32px}
.lp-legal-links,.lp .lp-legal-links{gap:12px 28px}
.lp-footer .lp-legal-links a,.lp .lp-footer .lp-legal-links a{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--on-ink-soft)}
.lp-footer .lp-legal-links a:hover{color:#fff}

/* ---- sticky mobile bar: white, hairline top, navy primary pill ---- */
#lp-sticky-mob{background:var(--page) !important;border-top:1px solid var(--rule) !important;box-shadow:none !important;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px)) !important}
#lp-sticky-mob > div{gap:10px !important}
#lp-sticky-mob a{
  height:46px;border-radius:999px !important;padding:0 18px !important;border:1px solid var(--rule-strong) !important;
  background:transparent !important;color:var(--ink) !important;
  font-size:12.8px !important;font-weight:600 !important;letter-spacing:.1em;line-height:1;
}
#lp-sticky-mob a svg{display:none}
#lp-sticky-mob a[href="/book/"]{background:var(--ink) !important;color:#fff !important;border-color:var(--ink) !important}

/* ---- chrome: tablet / phone ---- */
@media (max-width:1200px){
  .lp-nav-phone,.lp .lp-nav-phone{display:none}
  .lp-nav-link,.lp .lp-nav-link{padding:7px 7px}
}
@media (max-width:1040px){
  .lp-h1,.lp .lp-h1{font-size:54px}
  .lp-footer-grid,.lp .lp-footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  .lp-nav-inner,.lp .lp-nav-inner{height:64px}
  .lp-logo img,.lp .lp-logo img{height:26px !important}
  .lp-trust-bar,.lp .lp-trust-bar{padding:10px 0 !important;overflow:hidden}
  .lp-trust-bar-inner,.lp .lp-trust-bar-inner{flex-wrap:wrap !important;justify-content:center !important;min-width:0;gap:4px 20px !important;padding:0 16px !important}
  .lp-trust-item,.lp .lp-trust-item{font-size:12px !important}
  .lp-h1,.lp .lp-h1{font-size:36px !important;line-height:1.14;letter-spacing:-.01em !important}
  .lp-h2,.lp .lp-h2{font-size:26px}
  .lp-lead,.lp .lp-lead{font-size:17px}
  .lp-footer,.lp .lp-footer{padding:64px 0 32px}
  .lp-footer-grid,.lp .lp-footer-grid{grid-template-columns:1fr;gap:36px}
  .lp-footer-bottom,.lp .lp-footer-bottom{margin-top:48px}
}
@media (max-width:480px){
  .lp-btn,.lp .lp-btn{font-size:12.8px !important;padding:0 22px !important}
  .lp-h1,.lp .lp-h1,h1[style*="clamp"]{font-size:36px !important}
}



/* == MERGE EXTRAS (from the homepage build) == */
a.lp-btn,.lp-btn.lp-btn-mint,.lp-nav .lp-nav-cta-desk,.lp-mobile-menu .lp-mob-cta .lp-btn-mint{color:#fff}
.lp-mobile-menu .lp-mob-cta .lp-btn-mint{background:#fff;color:#12253a}
.lp-nav-cta-desk{white-space:nowrap}
@media (max-width:1280px){.lp-nav-phone{display:none}.lp-nav-link,.lp .lp-nav-link{font-size:11px;letter-spacing:.04em;padding:7px 6px}}

/* warm + tighten, 9 Nov 2026 */
:root,.lp{--pad:96px;--page-alt:#f2f5f8;--fog:#f2f5f8;--mint-light:#f2f5f8}
@media (max-width:768px){body:has(#lp-sticky-mob){padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}