/* ==========================================================================
   Project 54 — "Diagnostic Baseline" panel inside the homepage services
   section. Sits between the section intro and tier 01 / 03.

   Values come from the services handoff design. Spacing is matched to the
   LIVE section rather than the mock: the panel spans the theme's 1480px
   .wrap and reuses the section's own 38px rhythm and hairline rules, so it
   reads as part of the section instead of a narrower pasted-in block.
   ========================================================================== */

.p54fa-svc{
  --fa-accent:#1F6FEB;
  --fa-raised:#0E0E10;
  --fa-text:#ECECEA;
  --fa-muted:#8C8C92;
  --fa-faint:#5A5A60;
  --fa-line:rgba(255,255,255,0.12);
  --fa-mono:'IBM Plex Mono',ui-monospace,'SF Mono',Consolas,monospace;
  padding:38px 0;
  border-bottom:1px solid var(--fa-line);
}
.p54fa-svc *{box-sizing:border-box}

.p54fa-svc-panel{
  position:relative;
  background:var(--fa-raised);
  border:1px solid var(--fa-line);
  padding:clamp(22px,3vw,30px);
}

/* 9px L-shaped corner tick brackets */
.p54fa-svc-tick{position:absolute;width:9px;height:9px;pointer-events:none}
.p54fa-svc-tick.tl{top:-1px;left:-1px;border-top:1px solid rgba(31,111,235,0.8);border-left:1px solid rgba(31,111,235,0.8)}
.p54fa-svc-tick.tr{top:-1px;right:-1px;border-top:1px solid rgba(31,111,235,0.8);border-right:1px solid rgba(31,111,235,0.8)}
.p54fa-svc-tick.bl{bottom:-1px;left:-1px;border-bottom:1px solid rgba(31,111,235,0.8);border-left:1px solid rgba(31,111,235,0.8)}
.p54fa-svc-tick.br{bottom:-1px;right:-1px;border-bottom:1px solid rgba(31,111,235,0.8);border-right:1px solid rgba(31,111,235,0.8)}

/* kicker row */
.p54fa-svc-kick{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.p54fa-svc-kick .n,
.p54fa-svc-kick .l{font-family:var(--fa-mono);font-size:10px;letter-spacing:0.16em;text-transform:uppercase}
.p54fa-svc-kick .n{color:var(--fa-faint)}
.p54fa-svc-kick .l{color:var(--fa-muted)}
.p54fa-svc-badge{
  background:var(--fa-accent);color:#FFFFFF;font-family:var(--fa-mono);
  font-size:9px;font-weight:600;letter-spacing:0.12em;padding:3px 7px;
  text-transform:uppercase;border-radius:0;
}

/* two column body */
.p54fa-svc-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:22px 40px;margin-top:16px;align-items:start;
}
.p54fa-svc-grid h3{
  margin:0;font-size:clamp(22px,2.6vw,30px);font-weight:700;
  letter-spacing:-0.015em;line-height:1.15;color:var(--fa-text);
}
.p54fa-svc-grid p{
  margin:12px 0 0;font-size:15px;color:var(--fa-muted);
  line-height:1.6;max-width:48ch;
}
.p54fa-svc-link{
  display:inline-block;margin-top:16px;font-family:var(--fa-mono);
  font-size:10.5px;letter-spacing:0.12em;color:var(--fa-accent);
  text-decoration:none;text-transform:uppercase;border-bottom:0;
}
.p54fa-svc-link:hover{color:#5C93F1}

.p54fa-svc-specs{display:flex;flex-direction:column;gap:10px}
.p54fa-svc-chips{display:flex;gap:8px;flex-wrap:wrap}
.p54fa-svc-chip{
  font-family:var(--fa-mono);font-size:10px;letter-spacing:0.1em;
  color:var(--fa-text);border:1px solid rgba(255,255,255,0.18);
  padding:5px 9px;text-transform:uppercase;
}
.p54fa-svc-terms{
  font-family:var(--fa-mono);font-size:10px;letter-spacing:0.12em;
  color:var(--fa-faint);line-height:1.9;text-transform:uppercase;
}

@media (max-width:900px){
  .p54fa-svc{padding:30px 0}
}