:root{--accent:#d4f58a;--ink:#111;--paper:#fff;--row:#f5f5f5;--mute:#6f7271;--dim:#9b9d9c;--line:#d9d9d9;--dline:#2e2e2e;
--sans:"Helvetica Neue",Helvetica,"Inter","Segoe UI",system-ui,-apple-system,Arial,sans-serif;--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 17px/1.5 var(--sans);color:var(--ink);background:var(--paper);letter-spacing:-.01em}
a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 5px #111}
.wrap{max-width:86rem;margin:0 auto;padding:0 1.25rem}@media(min-width:60rem){.wrap{padding:0 2.5rem}}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#111;padding:.5rem;z-index:9}
.mono,.label,.tag,.strip,.count,.crumbs,.kv,.meta-right{font-family:var(--mono);text-transform:uppercase;letter-spacing:.02em;font-size:.78rem}
/* dark band */
header.site{background:#111;color:#fff;background-image:radial-gradient(#3a3a3a 1px,transparent 1.4px);background-size:28px 28px;background-position:14px 14px}
.navstrip{border-bottom:1px solid var(--dline)}.navstrip .wrap{display:flex;flex-wrap:wrap;gap:0 2rem}
.navstrip a{display:inline-block;padding:1rem 0;text-decoration:none;color:var(--dim);border-bottom:1px solid transparent;margin-bottom:-1px}
.navstrip a[aria-current],.navstrip a:hover{color:#fff;border-bottom-color:#fff}
.brandrow .wrap{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;padding-top:1.5rem;padding-bottom:1.5rem}
.brand{font-size:1.6rem;line-height:1;letter-spacing:-.05em;text-transform:uppercase;text-decoration:none;color:#fff;font-weight:400;padding:.4rem 0}
.kv{color:var(--dim);margin:0;line-height:1.7;text-transform:none;font-family:var(--sans);font-size:1.05rem;letter-spacing:-.03em}
.kv b{display:inline-block;width:.45rem;height:.45rem;background:var(--accent);margin-right:.6rem;vertical-align:.12em}
.btn{display:inline-block;background:var(--accent);color:#111;text-decoration:none;padding:.95rem 1.6rem;border-radius:2px;border:1px solid var(--accent);font:inherit;cursor:pointer;min-height:48px;line-height:1.3}
.btn:hover{filter:brightness(1.06)}
.btn.ghost{background:#1c1c1c;color:#fff;border-color:#4a4a4a}.btn.ghost:hover{border-color:#fff}
main .btn.ghost{background:#fff;color:#111;border-color:#111}
.hero .wrap{padding-top:2rem;padding-bottom:3.5rem}
.display{font-weight:400;text-transform:uppercase;letter-spacing:-.055em;line-height:.92;font-size:clamp(2.6rem,8.4vw,6.4rem);margin:0}
.display span{display:block;color:var(--dim)}
.hero .lede{color:#b9bbba;max-width:44rem;font-size:1.15rem;letter-spacing:-.03em;margin:2rem 0}
.cta{display:flex;flex-wrap:wrap;gap:.75rem}
/* light body */
main{padding:0 0 5rem}
.strip{display:flex;justify-content:space-between;gap:1rem;color:var(--mute);border-bottom:1px solid var(--line);padding:3.5rem 0 1rem;margin:0 0 2rem}
h1{font-weight:400;text-transform:uppercase;letter-spacing:-.05em;line-height:.95;font-size:clamp(2.2rem,6vw,4.25rem);margin:0 0 1.5rem}
h1 .dim,.h-dim{color:var(--mute)}
h2{font-weight:400;font-size:1.7rem;letter-spacing:-.04em;line-height:1.1;margin:3rem 0 1rem}
.lede{color:var(--mute);max-width:44rem;font-size:1.1rem;letter-spacing:-.02em;margin-top:0}
.filters{display:grid;gap:.5rem;grid-template-columns:1fr;margin:0 0 1rem}
.filters label.l{display:block;font-family:var(--mono);text-transform:uppercase;font-size:.72rem;color:var(--mute);margin-bottom:.35rem}
.filters input[type=search],.filters select,form.post input,form.post select,form.post textarea{width:100%;font:inherit;padding:.85rem 1rem;border:1px solid var(--row);border-radius:2px;background:var(--row);color:#111;min-height:52px}
.filters input[type=search]:focus,.filters select:focus,form.post input:focus,form.post textarea:focus{border-color:#111;background:#fff}
.filters .check{display:flex;align-items:center;gap:.6rem;min-height:52px;padding:0 1rem;background:var(--row);border-radius:2px}
.filters .check input{width:1.1rem;height:1.1rem;accent-color:#111}
@media(min-width:54rem){.filters{grid-template-columns:2fr 1.2fr 1.2fr auto;align-items:end}}
.try{font-size:.95rem;color:var(--mute);margin:.25rem 0 0;display:flex;flex-wrap:wrap;gap:.1rem 1rem}.try a{display:inline-block;padding:.4rem 0;white-space:nowrap}
.count{color:var(--mute);margin:2.5rem 0 1rem}
ul.jobs{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}
.job{background:var(--row);border-radius:2px;padding:1.4rem 1.25rem;position:relative;display:grid;gap:.5rem 2rem;transition:background .15s}
.job:hover{background:#ececec}
@media(min-width:54rem){.job{grid-template-columns:minmax(0,5fr) minmax(0,7fr);padding:1.75rem 2rem}}
.job .co{font-size:1.55rem;letter-spacing:-.045em;line-height:1.1;margin:0}
.job h3{font-size:1.55rem;font-weight:400;letter-spacing:-.045em;line-height:1.1;margin:0}
.job h3 a{text-decoration:none}.job h3 a::after{content:"";position:absolute;inset:0}.job:hover h3 a{text-decoration:underline;text-decoration-thickness:1px}
.job .co a{position:relative;z-index:1;text-decoration:none}.job .co a:hover{text-decoration:underline}
.job .sub{color:var(--mute);margin:.45rem 0 0;font-size:1rem}
.job.featured{background:#111;color:#fff}.job.featured:hover{background:#1d1d1d}.job.featured .sub{color:var(--dim)}
.tag{display:inline-block;padding:.12rem .4rem;background:#111;color:#fff;margin-right:.5rem;vertical-align:.45em;font-size:.68rem}
.tag.solid,.job.featured .tag{background:var(--accent);color:#111}
.browse{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.5rem;padding:0;list-style:none}
.browse a,.browse li>div{display:flex;justify-content:space-between;gap:1rem;background:var(--row);padding:.9rem 1rem;text-decoration:none;border-radius:2px;min-height:48px}
.browse a:hover{background:#111;color:#fff}.browse li span{font-family:var(--mono);font-size:.78rem;color:var(--mute);align-self:center}
.panel{background:#111;color:#fff;border-radius:2px;padding:2rem 1.5rem;margin:4rem 0 0;background-image:radial-gradient(#3a3a3a 1px,transparent 1.4px);background-size:28px 28px}
.panel h2{margin-top:0;text-transform:uppercase;font-size:clamp(1.8rem,4.5vw,3rem);letter-spacing:-.05em;line-height:.95}.panel p{color:#b9bbba;max-width:40rem}
.panel .cta{margin:1.5rem 0 0}.panel .fine{font-size:.95rem;margin-bottom:0}
@media(min-width:54rem){.panel{padding:3rem 2.5rem}}
.strip a{color:var(--ink)}h2.co-h{margin:2.5rem 0 1rem}h2.co-h a{text-decoration:none}h2.co-h a:hover{text-decoration:underline}h2.co-h span{color:var(--mute)}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:.6rem 2rem;margin:0;background:var(--row);padding:1.5rem;border-radius:2px}
.facts dt{font-family:var(--mono);text-transform:uppercase;font-size:.75rem;color:var(--mute);align-self:center}.facts dd{margin:0}
.crumbs{color:var(--mute);padding-top:2.5rem;margin:0 0 1.5rem}
main>.wrap>h1:first-child{padding-top:3.5rem}
.sheet{max-width:60rem;margin:2rem 0}.sheet>p{font-size:1.15rem;letter-spacing:-.02em;max-width:46rem}.sheet .facts{margin:1.5rem 0}.sheet.boxed{background:var(--row);padding:1.5rem;border-radius:2px}
.plans{display:grid;gap:.75rem}@media(min-width:54rem){.plans{grid-template-columns:1fr 1fr}}
.plan{background:var(--row);border-radius:2px;padding:2rem}.plan.featured{background:#111;color:#fff}
.plan h2{margin-top:0}.plan.featured .btn.ghost{background:var(--accent);color:#111;border-color:var(--accent)}
.price{font-size:4rem;letter-spacing:-.06em;line-height:1;margin:.5rem 0 1rem}.price small{font-size:1rem;letter-spacing:-.01em;color:var(--mute)}.plan.featured .price small{color:var(--dim)}
.plan ul{padding-left:1.1rem;margin-bottom:1.75rem}
form.post{display:grid;gap:1.1rem;max-width:44rem}form.post label{display:block;margin-bottom:.35rem}
form.post .hint{color:var(--mute);font-size:.92rem}form.post fieldset{border:1px solid var(--line);border-radius:2px;padding:1rem}
form.post .row{display:flex;gap:.6rem;align-items:flex-start}form.post .row input{width:auto;min-height:0;margin-top:.35rem;accent-color:#111}
.prose{max-width:46rem}.prose li{margin-bottom:.4rem}.prose a,.lede a,main p a{text-decoration:underline}
footer.site{background:#111;color:var(--dim);padding:2.5rem 0 3rem;font-size:.95rem}
footer.site .big{font-size:clamp(2.2rem,9vw,7rem);text-transform:uppercase;letter-spacing:-.06em;line-height:.9;color:#fff;margin:0 0 2rem}
footer.site nav{display:flex;flex-wrap:wrap;gap:.25rem 1.75rem;border-top:1px solid var(--dline);padding-top:1.25rem}
footer.site nav a{display:inline-block;padding:.4rem 0;color:#fff;text-decoration:none}footer.site nav a:hover{text-decoration:underline}
@media(max-width:40rem){.brandrow .btn{display:none}.hero .wrap{padding-top:1rem}.navstrip .wrap{gap:0 1.25rem}.navstrip a{padding:.7rem 0}}
[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}