/* Insurance Leads AI: the site typeface, the header logo, the app-icon button and the footer disclaimer, shared by every page. */

/* Site typeface: PP Neue Montreal for all text. The family has no 700 file, so 600-700 use Semibold and 800-900 use Extrabold. */
@font-face{font-family:'PP Neue Montreal';src:url(/fonts/PPNeueMontreal-Regular.woff2) format('woff2');font-weight:100 500;font-style:normal;font-display:swap}
@font-face{font-family:'PP Neue Montreal';src:url(/fonts/PPNeueMontreal-Italic.woff2) format('woff2');font-weight:100 500;font-style:italic;font-display:swap}
@font-face{font-family:'PP Neue Montreal';src:url(/fonts/PPNeueMontreal-Semibold.woff2) format('woff2');font-weight:600 700;font-style:normal;font-display:swap}
@font-face{font-family:'PP Neue Montreal';src:url(/fonts/PPNeueMontreal-SemiboldItalic.woff2) format('woff2');font-weight:600 700;font-style:italic;font-display:swap}
@font-face{font-family:'PP Neue Montreal';src:url(/fonts/PPNeueMontreal-Extrabold.woff2) format('woff2');font-weight:800 900;font-style:normal;font-display:swap}
@font-face{font-family:'PP Neue Montreal';src:url(/fonts/PPNeueMontreal-ExtraboldItalic.woff2) format('woff2');font-weight:800 900;font-style:italic;font-display:swap}
:root{--site-font:'PP Neue Montreal','Helvetica Neue',Arial,sans-serif;--app-lime:#c4fb90}
/* Pages and inline styles name other fonts; this rule makes every element use the site typeface. */
html body,html body *{font-family:var(--site-font)!important}
/* Neue Montreal is narrower than the old fonts, so lines break in new places; do not leave one word alone on a last line. */
p,li{text-wrap:pretty}

/* Header logo: the app icon and the wordmark "Insurance Leads AI". */
.brand{display:inline-flex;align-items:center;gap:10px;color:#111;text-decoration:none}
.brand .brand-mark{display:block;width:34px;height:34px;flex:none;border-radius:0;object-fit:contain}
.brand .brand-name{display:inline-flex;align-items:center;gap:5px;font:600 19px/1 var(--site-font);letter-spacing:-.2px;color:#111;text-align:left;white-space:nowrap}
.brand .brand-ai{display:inline;background:none;color:inherit;border-radius:0;padding:0;font:inherit;letter-spacing:inherit}
.site-header{height:64px;display:flex;align-items:center;justify-content:center}

/* App-icon button: the logo tile's dark green gradient, lime rim, glass top edge and lime glow at the bottom. */
.btn-app.btn-app.btn-app{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:14px 22px;border:0;border-radius:14px;color:var(--app-lime);font-weight:600;letter-spacing:.2px;text-decoration:none;cursor:pointer;
  background:radial-gradient(120% 85% at 50% 128%,rgba(126,255,82,.6) 0%,rgba(126,255,82,0) 62%),linear-gradient(180deg,#0e451a 0%,#06300f 50%,#083712 100%);
  box-shadow:inset 0 0 0 1.5px rgba(156,255,104,.6),inset 0 1.5px 0 rgba(255,255,255,.4),inset 0 -8px 16px -6px rgba(126,255,82,.5),0 8px 20px -6px rgba(46,160,30,.55),0 1px 2px rgba(0,0,0,.3);
  transition:transform .12s ease,box-shadow .2s ease,filter .2s ease}
.btn-app.btn-app.btn-app::before{content:"";position:absolute;inset:1.5px 1.5px 52% 1.5px;z-index:-1;border-radius:12.5px 12.5px 8px 8px;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0));pointer-events:none}
.btn-app.btn-app.btn-app:hover{filter:brightness(1.1);box-shadow:inset 0 0 0 1.5px rgba(170,255,120,.75),inset 0 1.5px 0 rgba(255,255,255,.45),inset 0 -9px 18px -6px rgba(126,255,82,.6),0 10px 26px -6px rgba(60,190,40,.7),0 1px 2px rgba(0,0,0,.3)}
.btn-app.btn-app.btn-app:active{transform:translateY(1px);filter:brightness(.96);box-shadow:inset 0 0 0 1.5px rgba(156,255,104,.55),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -6px 12px -6px rgba(126,255,82,.45),0 4px 10px -4px rgba(46,160,30,.5)}
.btn-app.btn-app.btn-app:focus-visible{outline:2px solid #2e6e22;outline-offset:3px}
/* The up and down arrows under the application form: two small app-icon tiles. */
.nav .btn-app.btn-app.btn-app{width:44px;height:44px;min-height:0;padding:0;margin:0;border-radius:12px;font-size:18px}
@media (prefers-reduced-motion:reduce){.btn-app.btn-app.btn-app{transition:none}.btn-app.btn-app.btn-app:active{transform:none}}

/* Footer disclaimer. */
.fb-disclaimer{max-width:720px;margin:12px auto 0;font:400 10.5px/1.6 var(--site-font);color:#8a8a8a;text-align:center;letter-spacing:0;text-transform:none}
@media(max-width:400px){.brand .brand-name{font-size:17px}.brand .brand-mark{width:30px;height:30px}}