/* ---------- Where we're the wrong fit: a plain note from the co-founders ----------
   One cream reading column, no motion. Shared v3.3 tokens: --ui (General Sans) for
   headings, numbers and labels; --sans (Uncut Sans) for body text. */
.wf{padding:150px 0 96px;background:var(--cream);color:var(--ink)}
.wf-col{max-width:720px;margin:0 auto}

/* the two pill tabs, shared with Customer Stories (light version) */
.psw{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:48px}
.psw-a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(31,53,57,.3);font-family:var(--ui);font-size:14.5px;font-weight:500;color:var(--ink)}
.psw-a:hover{border-color:var(--ink)}
.psw-a[aria-current]{background:var(--ink);border-color:var(--ink);color:var(--cream)}

/* eyebrow, title, byline */
.wf-k{margin:0;color:var(--forest-600)}
.wf-h1{margin:18px 0 0;font-family:var(--ui);font-weight:400;font-size:clamp(44px,3.2vw + 30px,72px);line-height:1.04;letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.wf-by{margin:24px 0 0;font-family:var(--ui);font-size:15px;font-weight:500;line-height:1.4;color:var(--ink-2)}

/* hairline rule, then text */
.wf-ruled{margin-top:96px;padding-top:48px;border-top:1px solid var(--line)}
.wf-note p,.wf-close-p{margin:0;font-size:20px;line-height:1.6}
.wf-note p+p{margin-top:24px}

/* sections */
.wf-sec{margin-top:96px}
.wf-h2{margin:0;font-family:var(--ui);font-weight:400;font-size:40px;line-height:1.1;letter-spacing:-.025em;color:var(--ink)}
.wf-sub{margin:12px 0 0;font-size:17px;line-height:1.5;color:var(--ink-2)}

/* the four reasons */
.wf-reasons{list-style:none;margin:40px 0 0;padding:0}
.wf-reason{position:relative;padding:40px 0;border-top:1px solid var(--line)}
.wf-reason:last-child{padding-bottom:0}
.wf-num{display:block;margin-bottom:10px;font-family:var(--ui);font-size:20px;font-weight:500;line-height:1.2;letter-spacing:.01em;color:var(--forest-600);font-variant-numeric:tabular-nums}
.wf-h3{margin:0;font-family:var(--ui);font-weight:500;font-size:28px;line-height:1.2;letter-spacing:-.015em;color:var(--ink)}
.wf-src{margin:8px 0 0;font-family:var(--ui);font-size:15px;font-weight:500;line-height:1.4;color:var(--ink-2)}
@media (min-width:1100px){
  .wf-num{position:absolute;left:-80px;top:40px;margin:0;line-height:33.6px;padding-top:3px}
}

/* bullets: a small sage rounded square */
.wf-list{list-style:none;margin:20px 0 0;padding:0}
.wf-list li{position:relative;padding-left:24px;font-size:18px;line-height:1.6}
.wf-list li+li{margin-top:12px}
.wf-list li::before{content:"";position:absolute;left:0;top:calc(.8em - 3.5px);width:7px;height:7px;border-radius:2px;background:var(--sage)}
.wf-list strong{font-weight:600}
.wf-sec>.wf-list{margin-top:32px}

/* closing note, signature and actions */
.wf-sig{margin:40px 0 0;font-family:var(--ui);font-size:26px;font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--ink)}
.wf-role{margin:6px 0 0;font-family:var(--ui);font-size:15px;font-weight:500;line-height:1.4;color:var(--ink-2)}
.wf-acts{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;margin-top:40px}
.wf-acts .btn{padding:0 30px}
.wf-acts .link-arrow{color:var(--ink)}

@media (max-width:720px){
  .wf{padding:118px 0 72px}
  .psw{margin-bottom:36px}
  .wf-ruled{margin-top:72px;padding-top:36px}
  .wf-sec{margin-top:72px}
  .wf-note p,.wf-close-p{font-size:18px}
  .wf-note p+p{margin-top:20px}
  .wf-h2{font-size:32px}
  .wf-h3{font-size:24px}
  .wf-list li{font-size:17px}
  .wf-sig{font-size:24px}
}