/* /for/<sector>/: the hero draws the firm's job as steps, the one a person checks marked */

body[data-kind="sector"]{--fp-line:var(--color-border);--fp-hi:var(--color-accent);--fp-you:var(--color-success);--fp-panel:#070a0f}
.fp{overflow-x:clip}
.fp-accent{color:var(--fp-hi)}

/* ---------- hero ---------- */
.fp-hero{padding-block:clamp(20px,4vw,64px) clamp(48px,7vw,96px)}
.fp-hero__grid{display:grid;gap:clamp(32px,4vw,56px)}
body[data-kind="sector"] .fp-hero .section-title{margin:18px 0 0;line-height:.98;text-wrap:balance;font-size:clamp(2.2rem,1.45rem + 3vw,3.5rem)}
.fp-hero__lead{margin:20px 0 0;max-width:46ch;color:var(--color-body);font-size:clamp(1.02rem,.95rem + .35vw,1.18rem);line-height:1.62}
.fp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:28px 0 0}
.fp-reply{margin:0;color:var(--color-text-muted);font:400 14px/1.5 "JetBrains Mono",var(--font-mono)}
@media (min-width:1080px){
  .fp-hero__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center}
}

/* ---------- the job, drawn ---------- */
.fp-job{position:relative;margin:0;padding:18px;border:1px solid var(--fp-line);border-radius:14px;background:var(--fp-panel);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.fp-job__label{margin:0 0 14px;font:600 12px/1.6 "JetBrains Mono",var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fp-hi)}
.fp-steps{list-style:none;margin:0;padding:0;display:grid}
.fp-node{display:grid;gap:3px;margin:0;padding:12px 14px;border:1px solid var(--fp-line);border-radius:9px;background:#0b0f15}
.fp-node b{font:600 1.02rem/1.25 "Space Grotesk",var(--font-display);color:var(--color-text)}
.fp-node span{font:400 14px/1.45 "JetBrains Mono",var(--font-mono);color:var(--color-text-muted)}
.fp-node--auto{border-color:color-mix(in oklab,var(--fp-hi) 60%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--fp-hi) 18%,transparent)}
.fp-node--you{border-color:color-mix(in oklab,var(--fp-you) 65%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--fp-you) 18%,transparent)}
.fp-node--you b::after{content:attr(data-tag);display:inline-block;white-space:nowrap;margin-left:8px;padding:1px 6px;border:1px solid color-mix(in oklab,var(--fp-you) 60%,transparent);border-radius:4px;font:600 12px/1.4 "JetBrains Mono",var(--font-mono);letter-spacing:.04em;color:var(--fp-you);vertical-align:2px}
.fp-link{position:relative;justify-self:center;width:2px;height:26px;background:var(--fp-line)}
.fp-dot{position:absolute;left:50%;top:0;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--fp-hi);box-shadow:0 0 12px color-mix(in oklab,var(--fp-hi) 80%,transparent);opacity:0}
.fp-job figcaption{margin-top:14px;font:400 13px/1.55 "JetBrains Mono",var(--font-mono);color:var(--color-text-muted)}

/* ---------- problems ---------- */
.fp-probs{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--fp-line);counter-reset:fp}
.fp-probs li{position:relative;padding:22px 0 22px 44px;border-bottom:1px solid var(--fp-line);counter-increment:fp}
.fp-probs li::before{content:"0" counter(fp);position:absolute;left:0;top:25px;font:600 14px/1 "JetBrains Mono",var(--font-mono);color:var(--fp-hi)}
.fp-probs h3{margin:0;font:600 clamp(1.15rem,1.02rem + .55vw,1.4rem)/1.25 "Space Grotesk",var(--font-display);letter-spacing:-.015em;color:var(--color-text)}
.fp-probs p{margin:8px 0 0;max-width:62ch;color:var(--color-body);line-height:1.62}
@media (min-width:900px){
  .fp-probs{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,3vw,44px);border-top:0}
  .fp-probs li{padding:26px 0 0;border-top:1px solid var(--fp-line);border-bottom:0}
  .fp-probs li::before{position:static;display:block;margin-bottom:14px}
}

/* ---------- first step ---------- */
.fp-first{display:grid;gap:0;margin:0;padding:0;list-style:none;border:1px solid var(--fp-line);border-radius:12px;overflow:hidden}
.fp-first li{padding:20px clamp(16px,3vw,28px);background:var(--color-surface)}
.fp-first li + li{border-top:1px solid var(--fp-line)}
.fp-first .eyebrow{margin:0 0 8px}
.fp-first h3{margin:0;font:600 clamp(1.15rem,1.02rem + .55vw,1.4rem)/1.25 "Space Grotesk",var(--font-display);color:var(--color-text)}
.fp-first p{margin:8px 0 0;max-width:64ch;color:var(--color-body);line-height:1.62}
@media (min-width:900px){
  .fp-first{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .fp-first li + li{border-top:0;border-left:1px solid var(--fp-line)}
}

/* ---------- proof ---------- */
.fp-proof{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.fp-proof a{display:grid;gap:6px;height:100%;padding:20px;border:1px solid var(--fp-line);border-radius:12px;background:var(--color-surface);color:inherit;text-decoration:none;transition:border-color .2s var(--ease-out)}
.fp-proof a:hover,.fp-proof a:focus-visible{border-color:var(--fp-hi)}
.fp-proof b{font:600 1.15rem/1.25 "Space Grotesk",var(--font-display);color:var(--color-text)}
.fp-proof span{color:var(--color-body);line-height:1.58}
.fp-proof small{margin-top:4px;font:400 13px/1.5 "JetBrains Mono",var(--font-mono);color:var(--fp-hi)}
@media (min-width:900px){ .fp-proof{grid-template-columns:repeat(2,minmax(0,1fr))} }
.fp-honest{margin:22px 0 0;max-width:68ch;padding-left:16px;border-left:2px solid var(--fp-line);color:var(--color-body);line-height:1.62}

.fp-end .lead{max-width:40ch}
@media (prefers-reduced-motion:reduce){.fp-proof a{transition:none}}