*{box-sizing:border-box;margin:0;padding:0}
h1,h2,h3,h4{font-family:Poppins,sans-serif;font-weight:500;color:var(--navy-800);letter-spacing:-.01em}
header{border-bottom:1px solid var(--border);background:#fff}
nav{display:flex;align-items:center;gap:22px}
nav a{font-size:15px;color:var(--navy-800);text-decoration:none;padding:8px 12px;transition:color var(--tf)}
nav a:hover{color:var(--o-700)}
nav a.on{font-weight:600;box-shadow:inset 0 -2px 0 var(--o-500)}
footer{background:var(--navy-800);color:#fff;padding:76px 0 36px}
.f-grid h5{font-family:Poppins;font-size:13px;font-weight:500;color:#fff;margin-bottom:16px}
/* Team Member Portal — global footer, every page. Opens the official ADP
   Workforce Now employee sign-in in a new tab (confirmed: IME runs Workforce
   Now). IME never hosts a login page and never touches ADP credentials. */
.f-grid a.f-portal{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:9px 15px;border:1px solid rgba(255,255,255,.30);border-radius:4px;font-size:13.5px;font-weight:600;color:#fff;text-decoration:none;transition:border-color var(--tf),background var(--tf)}
.f-grid a.f-portal:hover{border-color:#fff;background:rgba(255,255,255,.07);color:#fff}
.banner{background:var(--navy-950);color:#fff;padding:16px 0;font-size:13px}
.banner .wrap{display:flex;gap:14px;align-items:baseline}
.banner b{font-family:Poppins;font-weight:500}
.banner span{color:var(--navy-300)}
/* ===== BUSINESS WORKSHOPS — deliberately quieter than the four flagship
   solutions. No flooded dark hero, no sub-brand mark, a smaller type scale
   and a lighter closing band. It should read as fully professional and
   intentional, but never compete with Testing, Fingerprinting, AlphaLEAD
   or iQgency for weight on the page. Restraint IS the hierarchy here. ===== */
.lab{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--o-700)}
.sec{padding:92px 0}
.sec-head{max-width:58ch;margin-bottom:44px}
.sec-head h2{font-size:32px;line-height:1.24;margin:14px 0 16px}
/* one step down from flagship pages */
.sec-head p{font-size:17px;line-height:1.7;color:var(--slate-700)}
.w-hero{padding:88px 0 76px;border-bottom:1px solid var(--border)}
.w-hero h1{font-size:42px;line-height:1.18;max-width:22ch;margin:16px 0 22px}
/* flagship pages run 50px */
.w-hero .lede{font-size:18px;line-height:1.7;color:var(--slate-700);max-width:58ch}
.w-hero .lede+.lede{margin-top:15px}
.w-hero .lede b{color:var(--navy-800);font-weight:500}
.w-hero .cta-row{margin-top:30px}
/* topic grid — the substance of the offering */
.top{background:var(--surface)}
.top-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-top:40px}
.top-c{background:#fff;padding:28px 26px;transition:background var(--tf)}
.top-c:hover{background:#FCFDFE}
.top-c .r{height:2px;width:28px;background:var(--o-500);margin-bottom:16px}
.top-c h3,.top-c h4{font-size:18px;margin-bottom:10px;line-height:1.3}
.top-c p{font-size:15px;line-height:1.66;color:var(--slate-700)}
/* how an engagement runs */
.how{border-top:1px solid var(--border)}
.how-row{display:grid;grid-template-columns:150px 1fr;gap:40px;padding:30px 0;border-bottom:1px solid var(--border)}
.how-row .k{font-family:Poppins;font-size:16px;color:var(--navy-800)}
.how-row .k small{display:block;font-family:Inter;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--o-700);margin-bottom:8px}
.how-row p{font-size:16px;line-height:1.7;color:var(--slate-700);max-width:66ch}
/* the distinction — the most important block on the page */
.dist{background:var(--sand);border-top:1px solid var(--sand-line);border-bottom:1px solid var(--sand-line)}
.dist-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:38px}
.dist-c{background:#fff;border:1px solid var(--sand-line);border-radius:10px;padding:32px 30px}
.dist-c .d{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--o-700);margin-bottom:12px}
.dist-c h3,.dist-c h4{font-size:21px;margin-bottom:12px}
.dist-c p{font-size:15.5px;line-height:1.7;color:var(--slate-700);margin-bottom:16px}
.dist-c ul{list-style:none}
.dist-c li{font-size:15px;line-height:1.6;color:var(--slate-700);padding-left:20px;position:relative;margin-bottom:9px}
.dist-c li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:2px;background:var(--o-500)}
.dist-note{margin-top:26px;font-size:16px;line-height:1.72;color:var(--slate-700);max-width:76ch}
.dist-note b{color:var(--navy-800);font-weight:500}
/* formats */
.fmt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-top:40px}
.fmt{background:#fff;padding:30px 28px}
.fmt h4,.fmt h3{font-size:18px;margin-bottom:10px}
.fmt p{font-size:15px;line-height:1.68;color:var(--slate-700)}
/* closing band — light, not the heavy navy the flagship pages close on */
.w-cta{background:var(--navy-50);border-top:1px solid var(--border);padding:80px 0;text-align:center}
.w-cta h2{font-size:30px;line-height:1.26;max-width:24ch;margin:0 auto 14px}
.w-cta p{font-size:16.5px;color:var(--slate-700);max-width:58ch;margin:0 auto 28px;line-height:1.7}
.w-cta .cta-row{justify-content:center}
@media(max-width:1020px){
.top-grid,.how-row,.dist-grid,.fmt-grid,.f-grid{grid-template-columns:1fr}
.w-hero h1{font-size:32px}
.f-grid{grid-template-columns:1fr 1fr}}