:root { --orange:#ff5033; --ink:#101010; --panel:#fff; --line:#d9d5d0; --muted:#706c67; --paper:#faf8f7; --mono:"IBM Plex Mono",Menlo,monospace; --sans:Inter,Arial,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); }
a { color:inherit; }
button, input, select { font:inherit; }
.skip-link { background:var(--paper); color:var(--ink); left:1rem; padding:.7rem 1rem; position:fixed; top:-5rem; z-index:10; }
.skip-link:focus { top:1rem; }
.site-header { align-items:center; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; min-height:80px; padding:0 max(24px,calc((100vw - 1360px)/2)); }
.brand { display:block; line-height:0; text-decoration:none; }
.brand img { display:block; height:auto; width:190px; }
.header-link { color:var(--muted); font:500 11px var(--mono); text-decoration:none; text-transform:uppercase; }
.header-link:hover { color:var(--orange); }
.hero { border-bottom:1px solid var(--line); padding:clamp(48px,6vw,84px) max(24px,calc((100vw - 1360px)/2)) 30px; }
.hero-layout { align-items:end; display:grid; gap:clamp(32px,7vw,120px); grid-template-columns:minmax(0,1.65fr) minmax(270px,.7fr); }
.hero-title { min-width:0; }
.hero-brief { border-left:2px solid var(--orange); padding:4px 0 4px 24px; }
.brief-index { color:var(--orange); font:500 10px var(--mono); letter-spacing:.11em; margin:0 0 38px; }
.eyebrow { color:var(--orange); font:500 11px/1.4 var(--mono); letter-spacing:.11em; margin:0 0 22px; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(56px,7.8vw,116px); letter-spacing:-.085em; line-height:.82; margin:0; max-width:900px; }
h1 em { color:var(--orange); font-style:normal; }
.hero-copy { color:#514d48; font-size:15px; line-height:1.6; margin:0; max-width:380px; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:38px; }
.button { border:1px solid var(--orange); cursor:pointer; font-size:12px; font-weight:700; padding:14px 17px; text-decoration:none; }
.button-primary { background:var(--orange); color:var(--ink); }
.button-quiet { background:transparent; color:var(--ink); }
.button:hover { background:var(--ink); border-color:var(--ink); color:var(--paper); }
.share-wrap { position:relative; }
.share-trigger { align-items:center; display:flex; gap:8px; }
.share-trigger svg { fill:currentColor; height:15px; width:15px; }
.share-menu { background:var(--ink); box-shadow:0 12px 28px rgba(16,16,16,.16); display:grid; min-width:164px; padding:6px; position:absolute; right:0; top:calc(100% + 8px); z-index:5; }
.share-menu[hidden] { display:none; }
.share-menu button,.share-menu a { background:transparent; border:0; color:var(--paper); cursor:pointer; font:500 11px var(--mono); padding:11px 12px; text-align:left; text-decoration:none; }
.share-menu button:hover,.share-menu a:hover,.share-menu button:focus-visible,.share-menu a:focus-visible { background:var(--orange); color:var(--ink); outline:0; }
.brief-details { border-top:1px solid var(--line); display:grid; gap:18px; grid-template-columns:1fr 1fr; margin:30px 0 0; padding-top:16px; }
.brief-details div { margin:0; }
.brief-details dt { color:var(--muted); font:10px var(--mono); margin-bottom:7px; text-transform:uppercase; }
.brief-details dd { font-size:12px; line-height:1.45; margin:0; }
.hero-note { color:var(--muted); font:11px/1.5 var(--mono); margin:38px 0 0; }
.context, .archive-section, .methodology { margin:auto; max-width:1360px; padding:92px 0; width:calc(100% - 48px); }
.context { border-bottom:1px solid var(--line); padding:56px 0; }
.context .section-heading { margin-bottom:26px; }
.section-heading { align-items:end; display:flex; justify-content:space-between; gap:32px; margin-bottom:38px; }
.section-heading p:last-child { color:var(--muted); font-size:14px; line-height:1.55; margin:0; max-width:450px; }
.context-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.context-stat { border-left:1px solid var(--line); display:flex; flex-direction:column; min-height:142px; padding:4px 30px; text-decoration:none; }
.context-stat:first-child { border-left:0; padding-left:0; }
.context-stat:hover .stat-value { color:var(--orange); }
.stat-value { font-size:clamp(35px,4.2vw,62px); font-weight:700; letter-spacing:-.06em; }
.stat-label { font-size:14px; margin-top:8px; }
.stat-source { color:var(--muted); font:10px var(--mono); margin-top:auto; padding-top:20px; }
.archive-heading { align-items:end; display:flex; justify-content:space-between; gap:30px; margin-bottom:42px; }
h2 { font-size:clamp(32px,4vw,58px); letter-spacing:-.06em; line-height:.95; margin-bottom:0; }
.archive-total { display:grid; grid-template-columns:auto auto; column-gap:11px; font:500 11px/1.35 var(--mono); text-align:right; }
.archive-total span { color:var(--orange); font-size:22px; grid-column:1; }
.archive-total small { align-self:center; color:var(--muted); grid-column:2; }
.controls { border-bottom:1px solid var(--line); border-top:1px solid var(--line); display:grid; gap:0; grid-template-columns:2fr repeat(4,1fr); }
.controls label { border-left:1px solid var(--line); }
.controls label:first-child { border-left:0; }
input,select { appearance:none; background:transparent; border:0; color:var(--ink); font:11px var(--mono); height:52px; outline-offset:-3px; padding:0 14px; width:100%; }
select { background-image:linear-gradient(45deg,transparent 50%,var(--orange) 50%),linear-gradient(135deg,var(--orange) 50%,transparent 50%); background-position:calc(100% - 15px) 23px,calc(100% - 10px) 23px; background-repeat:no-repeat; background-size:5px 5px; padding-right:28px; }
option { background:var(--panel); }
input::placeholder { color:var(--muted); }
.results-status { color:var(--muted); font:11px var(--mono); margin:20px 0; min-height:15px; }
.archive-table { border-collapse:collapse; width:100%; }
.archive-table th { border-bottom:1px solid var(--line); color:var(--muted); font:500 11px var(--mono); padding:0 12px 14px; text-align:left; text-transform:uppercase; }
.archive-table th:first-child,.archive-table td:first-child { padding-left:0; }
.archive-table td { border-bottom:1px solid var(--line); padding:22px 12px; vertical-align:top; }
.company-cell { align-items:flex-start; display:flex; gap:12px; min-width:190px; }
.monogram { align-items:center; background:var(--paper); color:var(--ink); display:flex; flex:0 0 auto; font:600 10px var(--mono); height:31px; justify-content:center; width:31px; }
.monogram.has-logo { overflow:hidden; padding:4px; }
.monogram img { display:block; height:100%; max-height:23px; max-width:23px; object-fit:contain; width:100%; }
.company-name { font-size:16px; font-weight:700; }
.company-summary { color:var(--muted); font-size:13px; line-height:1.5; margin:6px 0 0; max-width:335px; }
.workforce-outcome { border-left:2px solid var(--orange); color:#514d48; font:11px/1.5 var(--mono); margin:11px 0 0; max-width:335px; padding-left:8px; }
.workforce-outcome span { color:var(--orange); display:block; font-size:10px; margin-bottom:3px; text-transform:uppercase; }
.data { font:12px/1.5 var(--mono); white-space:nowrap; }
.data strong { color:var(--orange); display:block; font-size:16px; font-weight:500; }
.tag { border:1px solid var(--line); display:inline-block; font:11px var(--mono); padding:6px 8px; white-space:nowrap; }
.tag.company { border-color:var(--orange); color:var(--orange); }
.actions { display:flex; gap:8px; justify-content:flex-end; }
.icon-button { background:transparent; border:0; color:var(--muted); cursor:pointer; font:11px var(--mono); padding:5px; text-decoration:none; }
.icon-button:hover,.icon-button:focus-visible { color:var(--orange); }
.entry-cards { display:none; }
.methodology { border-top:1px solid var(--line); padding-bottom:120px; }
.methodology-grid { display:grid; gap:32px; grid-template-columns:repeat(3,1fr); margin-top:45px; }
.methodology-grid div { border-top:2px solid var(--orange); padding-top:14px; }
.methodology-grid h3 { font-size:16px; margin-bottom:9px; }
.methodology-grid p { color:var(--muted); font-size:14px; line-height:1.55; }
.site-footer { background:var(--orange); color:var(--ink); }
.footer-signup { margin:auto; max-width:1360px; padding:clamp(60px,7vw,96px) 0; width:calc(100% - 48px); }
.footer-eyebrow { font:600 11px var(--mono); letter-spacing:.11em; margin:0 0 22px; }
.footer-signup h2 { font-size:clamp(36px,5.7vw,82px); letter-spacing:-.075em; line-height:.9; max-width:850px; }
.footer-signup h2 span { display:block; }
.footer-signup h2 span + span { margin-top:.2em; }
.footer-copy { font-size:16px; line-height:1.55; margin:26px 0 0; max-width:570px; }
.footer-form { border-bottom:2px solid var(--ink); display:flex; margin-top:42px; max-width:590px; }
.footer-form input { color:var(--ink); font:500 13px var(--mono); height:54px; padding-left:0; }
.footer-form input::placeholder { color:#502019; }
.footer-form button { background:transparent; border:0; color:var(--ink); cursor:pointer; font-size:13px; font-weight:800; padding:0 0 0 16px; white-space:nowrap; }
.footer-form button:hover { color:var(--paper); }
.honeypot { display:none; }
.footer-form-status { font:11px var(--mono); margin:12px 0 0; min-height:16px; }
.footer-meta { align-items:center; background:var(--ink); color:var(--paper); display:flex; justify-content:space-between; padding:22px max(24px,calc((100vw - 1360px)/2)); }
.footer-meta img { display:block; height:auto; width:178px; }
.footer-links { align-items:center; display:flex; gap:24px; }
.footer-links a,.footer-links button { background:transparent; border:0; color:var(--muted); cursor:pointer; font:500 10px var(--mono); padding:0; text-decoration:none; text-transform:uppercase; }
.footer-links a:hover,.footer-links button:hover { color:var(--orange); }
.toast { background:var(--paper); bottom:24px; color:var(--ink); font:600 12px var(--mono); opacity:0; padding:13px 16px; pointer-events:none; position:fixed; right:24px; transform:translateY(10px); transition:.2s; }
.toast.show { opacity:1; transform:translateY(0); }
.sr-only { height:1px; margin:-1px; overflow:hidden; position:absolute; width:1px; clip:rect(0,0,0,0); }
:focus-visible { outline:2px solid var(--orange); outline-offset:3px; }
@media (max-width:800px) {
  .site-header { min-height:64px; } .hero { padding-top:46px; } .hero-layout { align-items:start; grid-template-columns:1fr; } .hero-brief { margin-top:8px; } .context,.archive-section,.methodology { padding:64px 0; }
  .section-heading,.archive-heading { align-items:start; flex-direction:column; gap:18px; } .context-grid,.methodology-grid { grid-template-columns:1fr; } .context-stat,.context-stat:first-child { border-left:0; border-top:1px solid var(--line); min-height:130px; padding:21px 0; } .context-stat:first-child { border-top:0; padding-top:0; }
  .archive-total { text-align:left; } .controls { grid-template-columns:1fr 1fr; } .controls label:nth-child(odd) { border-left:0; } .controls label { border-bottom:1px solid var(--line); } .controls label:first-child { grid-column:1/-1; } .archive-table-wrap { display:none; } .entry-cards { display:grid; }
  .entry-card { border-bottom:1px solid var(--line); padding:23px 0; scroll-margin-top:20px; } .entry-card-top { align-items:center; display:flex; justify-content:space-between; gap:12px; } .entry-card .company-summary { max-width:none; } .entry-metrics { display:grid; gap:16px; grid-template-columns:repeat(2,1fr); margin:19px 0; } .actions { justify-content:flex-start; }
  .brand img { width:150px; } .footer-signup { padding:64px 0; } .footer-signup h2 { font-size:40px; } .footer-form { margin-top:34px; } .footer-meta { align-items:flex-start; flex-direction:column; gap:24px; } .footer-meta img { width:170px; } .footer-links { align-items:flex-start; flex-direction:column; gap:12px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .toast { transition:none; } }