/* About page "at a glance" strip (2026-11-12): four even cells, each with a colour pictogram (feature-icons.svg / service-icons.svg),
   the number and one short label. Facts as of Nov 2026: 17 services, 3 audiences, Trustpilot 4.5 from 42 reviews.
   185+ and Upwork Top Rated still wait on the client (amber CONFIRM tags). */
.fx{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:-52px 0 0;padding:0;list-style:none;
  background:#fff;border:1px solid var(--slate-200);border-radius:24px;box-shadow:0 24px 48px -28px rgba(22,28,34,.3);overflow:hidden}
.fx-cell{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:26px 26px 24px;border-right:1px solid var(--slate-200);min-width:0}
.fx-cell:last-child{border-right:0}
.fx-ic{width:44px;height:44px;margin-bottom:6px}
.fx-ic svg{width:100%;height:100%}
.fx-num{font:700 40px/1 var(--display);letter-spacing:-.03em;color:var(--ink-900);font-variant-numeric:tabular-nums}
.fx-num small{font-size:20px;font-weight:600;color:var(--slate-400);margin-left:2px}
.fx-l{font:500 15px/1.45 var(--body);color:var(--ink-600);text-wrap:balance}
.fx-cell .confirm{margin-top:auto}
.fx-lanes{display:flex;gap:6px;margin-top:auto}
.fx-lanes svg{width:28px;height:28px}

/* ratings cell */
.fx-rate{background:linear-gradient(180deg,#F1F9EB 0%,#fff 100%)}
.fx-rate .fx-ic{margin-bottom:6px}
.fx-tp{display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:inherit;text-decoration:none;border-radius:12px}
.fx-stars{display:flex;gap:3px}
.fx-stars i{width:18px;height:18px;background:#00B67A;clip-path:polygon(50% 4%,62% 37%,97% 38%,69% 59%,79% 94%,50% 73%,21% 94%,31% 59%,3% 38%,38% 37%)}
.fx-stars i.half{background:linear-gradient(90deg,#00B67A 50%,var(--slate-300) 50%)}
.fx-tp:hover .fx-l{color:var(--ink-900);text-decoration:underline;text-underline-offset:3px}
.fx-up{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--slate-200);width:100%;
  font:600 13px/1.3 var(--body);color:var(--ink-800);text-decoration:none}
.fx-up img{width:26px;height:auto;flex:none}
.fx-up:hover{color:var(--green-700)}
.fx-tp:focus-visible,.fx-up:focus-visible{outline:2px solid var(--green-700);outline-offset:3px}

@media (max-width:1020px){
  .fx{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-24px}
  .fx-cell:nth-child(2){border-right:0}
  .fx-cell:nth-child(-n+2){border-bottom:1px solid var(--slate-200)}
}
@media (max-width:480px){
  .fx-cell{padding:20px 18px}
  .fx-num{font-size:32px}
  .fx-l{font-size:14px}
}