/* Employer Advantage Audit — styled with the site's own brand tokens:
   ink #191b1d, tan #d3c2b1, cream #eae5db. Buttons use Roboto 700 uppercase
   to match the rest of the site; everything else is Inter. */

#fli-audit-mount{--ink:#191b1d;--tan:#d3c2b1;--tan-deep:#b9a68d;--cream:#eae5db;--paper:#faf9f7;
  background:var(--paper);color:var(--ink);font-family:Inter,sans-serif;}
#fli-audit-mount *{box-sizing:border-box;}
#fli-audit-mount p{margin:0;}
#fli-audit-mount h2,#fli-audit-mount h3{margin:0;font-weight:400;}

.fli-wrap{max-width:768px;margin:0 auto;padding:64px 24px;}
@media(max-width:767px){.fli-wrap{padding:44px 20px;}}

/* hero */
.fli-hero{position:relative;background:var(--ink);overflow:hidden;}
.fli-hero__inner{max-width:1400px;margin:0 auto;padding:110px 40px;position:relative;}
@media(max-width:767px){.fli-hero__inner{padding:72px 20px;}}
.fli-hero__title{font-size:60px;line-height:1.08;color:#fff;text-transform:uppercase;max-width:16ch;margin:18px 0 0;}
@media(max-width:991px){.fli-hero__title{font-size:42px;}}
@media(max-width:479px){.fli-hero__title{font-size:32px;}}
.fli-hero__sub{margin:22px 0 34px;max-width:38ch;font-size:19px;font-weight:300;line-height:1.35;color:rgba(234,229,219,.8);}

.fli-eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--tan-deep);font-weight:300;}
.fli-eyebrow--light{color:var(--tan);}

.fli-lead{font-size:15px;line-height:1.7;color:rgba(25,27,29,.72);margin-bottom:18px!important;max-width:60ch;}
.fli-deliverables{margin-top:44px;padding-top:32px;border-top:1px solid rgba(25,27,29,.1);}
.fli-deliverables__lead{font-size:14px;color:rgba(25,27,29,.5);}
.fli-list{list-style:none;padding:0;margin:20px 0 0;}
.fli-list li{position:relative;padding-left:34px;margin-bottom:12px;font-size:15px;}
.fli-list li:before{content:"";position:absolute;left:0;top:11px;width:20px;height:1px;background:var(--tan-deep);}

/* buttons — Roboto 700 uppercase, matching the site */
.fli-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;
  padding:12px 34px;border-radius:100px;border:0;cursor:pointer;
  font-family:Roboto,Inter,sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;
  background:var(--ink);color:var(--cream);text-decoration:none;transition:background .2s,color .2s;margin-top:36px;}
.fli-btn:hover{background:#2a2d30;}
.fli-btn--tan{background:var(--tan);color:var(--ink);}
.fli-btn--tan:hover{background:var(--cream);}
.fli-btn--ghost{background:none;color:rgba(25,27,29,.6);text-transform:none;font-family:Inter,sans-serif;
  font-size:14px;font-weight:400;padding:12px 4px;margin-top:0;}
.fli-btn--ghost:hover{color:var(--ink);background:none;}
.fli-btn:disabled{opacity:.4;cursor:not-allowed;}
.fli-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px;}

/* progress */
.fli-progress{margin-bottom:40px;}
.fli-progress__row{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.8px;
  text-transform:uppercase;color:rgba(25,27,29,.45);margin-bottom:8px;}
.fli-progress__track{height:1px;background:rgba(25,27,29,.12);}
.fli-progress__bar{height:1px;background:var(--ink);transition:width .5s ease;}

/* section heading */
.fli-sec{max-width:42rem;}
.fli-sec__title{font-size:32px;line-height:1.15;text-transform:uppercase;margin-top:12px!important;outline:none;}
@media(max-width:767px){.fli-sec__title{font-size:24px;}}
.fli-sec__strap{margin-top:16px!important;font-style:italic;font-size:16px;line-height:1.6;color:rgba(25,27,29,.55);}
.fli-howto{margin-top:32px!important;font-size:14px;line-height:1.6;color:rgba(25,27,29,.5);max-width:52ch;}

/* questions */
.fli-q{margin-top:48px;}
.fli-q__label{font-size:18px;}
.fli-opts{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.fli-opts--indent{padding-left:36px;}
@media(max-width:767px){.fli-opts--indent{padding-left:0;}}
.fli-opt{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:100px;
  border:1px solid rgba(25,27,29,.15);font-size:14px;color:rgba(25,27,29,.7);cursor:pointer;
  transition:border-color .15s,background .15s,color .15s;}
.fli-opt:hover{border-color:rgba(25,27,29,.4);color:var(--ink);}
.fli-opt.is-selected{background:var(--ink);border-color:var(--ink);color:var(--cream);}
.fli-opt__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
.fli-opt:has(.fli-opt__input:focus-visible){outline:2px solid var(--ink);outline-offset:2px;}

.fli-statements{margin-top:40px;border-top:1px solid rgba(25,27,29,.08);}
.fli-statement{padding:32px 0;border-bottom:1px solid rgba(25,27,29,.08);}
.fli-statement__text{font-size:15px;line-height:1.65;}
.fli-statement__num{display:inline-block;width:28px;font-size:12px;color:rgba(25,27,29,.35);}

/* nav */
.fli-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:48px;}
.fli-nav__right{display:flex;align-items:center;gap:20px;}
.fli-nav__right .fli-btn{margin-top:0;}
.fli-hint{font-size:14px;color:rgba(25,27,29,.45);}

/* results */
.fli-result__title{font-size:32px;margin-top:14px!important;outline:none;}
.fli-score{display:flex;align-items:baseline;gap:14px;margin-top:36px;}
.fli-score__num{font-size:84px;font-weight:300;line-height:1;font-variant-numeric:tabular-nums;}
@media(max-width:767px){.fli-score__num{font-size:60px;}}
.fli-score__den{font-size:24px;font-weight:300;color:rgba(25,27,29,.4);}
.fli-band{margin-top:34px;padding-top:32px;border-top:1px solid rgba(25,27,29,.1);}
.fli-band__title{font-size:24px;}
.fli-band__body{margin-top:16px!important;font-size:15px;line-height:1.7;color:rgba(25,27,29,.7);max-width:60ch;}
.fli-even{margin-top:44px;padding:28px;background:rgba(25,27,29,.04);border-radius:2px;}
.fli-highlights{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:44px;background:rgba(25,27,29,.1);border-radius:2px;overflow:hidden;}
@media(max-width:640px){.fli-highlights{grid-template-columns:1fr;}}
.fli-highlight{background:var(--paper);padding:26px;}
.fli-highlight__label{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:rgba(25,27,29,.45);}
.fli-highlight__name{margin-top:14px!important;font-size:20px;}
.fli-highlight__score{margin-top:4px!important;font-size:14px;color:rgba(25,27,29,.5);}

.fli-breakdown{margin-top:60px;}
.fli-breakdown__title{font-size:24px;}
.fli-bar{margin-top:20px;}
.fli-bar__row{display:flex;justify-content:space-between;font-size:15px;}
.fli-bar__val{color:rgba(25,27,29,.5);font-size:14px;}
.fli-bar__track{height:1px;background:rgba(25,27,29,.1);margin-top:8px;}
.fli-bar__fill{height:1px;background:var(--ink);}
.fli-priorities{margin-top:52px;padding-top:36px;border-top:1px solid rgba(25,27,29,.1);}
.fli-priorities__list{list-style:none;padding:0;margin:28px 0 0;}
.fli-priorities__list li{display:flex;gap:18px;margin-bottom:22px;font-size:15px;line-height:1.7;}
.fli-priorities__num{color:var(--tan-deep);font-size:12px;flex:0 0 auto;}

/* gate */
.fli-gate{margin-top:60px;padding-top:36px;border-top:1px solid rgba(25,27,29,.1);}
.fli-gate__body{margin-top:12px!important;font-size:15px;line-height:1.7;color:rgba(25,27,29,.7);max-width:56ch;}
.fli-form{margin-top:30px;max-width:420px;}
.fli-field{margin-bottom:18px;}
.fli-field__label{display:block;font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:rgba(25,27,29,.45);}
.fli-req{color:var(--tan-deep);}
.fli-field__input{width:100%;margin-top:8px;padding:10px 0;border:0;border-bottom:1px solid rgba(25,27,29,.2);
  background:none;font-size:15px;color:var(--ink);font-family:inherit;}
.fli-field__input:focus{outline:none;border-bottom-color:var(--ink);}
.fli-error{color:#b3261e;font-size:14px;margin-bottom:12px!important;}
.fli-linkbtn{background:none;border:0;padding:0;text-decoration:underline;cursor:pointer;color:inherit;font:inherit;}

/* final cta */
.fli-cta{margin-top:70px;background:var(--ink);color:var(--cream);padding:48px;border-radius:2px;}
@media(max-width:767px){.fli-cta{padding:32px 24px;}}
.fli-cta__title{font-size:24px;line-height:1.35;max-width:26ch;}
.fli-cta__body{margin-top:20px!important;font-size:15px;line-height:1.7;color:rgba(234,229,219,.7);max-width:52ch;}
.fli-cta__note{margin-top:16px!important;font-size:14px;color:rgba(234,229,219,.5);}


/* Nav clearance.
   .navbar is position:fixed, so the 140px desktop nav (88px <=991, 60px <=767)
   overlays the top of this page. .fli-hero__inner sets 110px / 72px, which is
   less than the nav on desktop, so the hero heading sat underneath it.
   Nav height added on top of the designed padding. */
.fli-hero__inner{padding-top:250px;}                                  /* 110 + 140 */
@media screen and (max-width:991px){.fli-hero__inner{padding-top:198px;}} /* 110 +  88 */
@media screen and (max-width:767px){.fli-hero__inner{padding-top:132px;}} /*  72 +  60 */