/* ---------- OUR PROCESS PAGE ---------- */
/* Reuses hero / strip / fields / CTA from services.css + industries.css
   and .process-list / .why-grid / .faq from style.css */

.prc-overview{ background:var(--parchment); padding-top:112px; }
.prc-overview a.process-step{ display:block; color:inherit; text-decoration:none; }

/* Detailed timeline */
.prc-detail{ background:var(--parchment-2); }
.prc-timeline{ list-style:none; margin:0 auto; padding:0; max-width:1000px; position:relative; }
.prc-timeline::before{
  content:""; position:absolute; left:27px; top:28px; bottom:28px; width:2px;
  background:repeating-linear-gradient(180deg, var(--line-strong) 0 8px, transparent 8px 16px);
}
.prc-item{
  position:relative; display:grid; grid-template-columns:56px 1fr; gap:28px;
  margin-bottom:24px; scroll-margin-top:calc(var(--header-h) + 24px);
}
.prc-item:last-child{ margin-bottom:0; }
.prc-marker{
  position:relative; z-index:1;
  width:56px; height:56px; border-radius:16px; background:var(--ink); color:#fff;
  display:flex; align-items:center; justify-content:center; font-weight:600; font-size:16px;
  box-shadow:0 8px 18px rgba(11,37,69,.18); transition:background .25s ease;
}
.prc-item:hover .prc-marker{ background:var(--brass); }
.prc-card{
  display:grid; grid-template-columns:1.25fr .75fr; gap:32px; align-items:start;
  background:#fff; border:1px solid var(--line-on-light); border-radius:20px;
  padding:30px 32px; box-shadow:var(--shadow-sm);
  transition:border-color .25s ease, box-shadow .25s ease;
}
.prc-item:hover .prc-card{ border-color:rgba(57,165,54,.4); box-shadow:var(--shadow); }
.prc-label{ display:inline-block; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--brass); font-weight:600; margin-bottom:8px; }
.prc-main h3{ font-size:clamp(20px,2.2vw,24px); color:var(--ink); margin-bottom:12px; line-height:1.25; }
.prc-main p{ color:var(--slate); font-size:15.5px; line-height:1.75; margin-bottom:18px; }
.prc-get{
  font-size:14.5px; color:var(--ink-text); background:var(--mint);
  border-radius:12px; padding:12px 16px; line-height:1.55;
}
.prc-get strong{ color:var(--verified); }
.prc-list{
  list-style:none; margin:0; padding:20px 0 0 22px;
  display:flex; flex-direction:column; gap:12px;
  border-left:1px dashed var(--line-on-light);
}
.prc-list li{ display:flex; align-items:center; gap:10px; font-size:14.5px; font-weight:600; color:var(--ink-text); }

/* Section rhythm */
.prc-need{ background:var(--parchment); }
.prc-quality{ background:var(--parchment-2); }
.prc-quality + .faq{ background:var(--parchment); }
.prc-quality + .faq + .svc-cta{ background:var(--parchment); }

/* Responsive */
@media (max-width:900px){
  .prc-card{ grid-template-columns:1fr; gap:20px; padding:26px 24px; }
  .prc-list{ padding:18px 0 0; border-left:none; border-top:1px dashed var(--line-on-light); }
}
@media (max-width:640px){
  .prc-overview{ padding-top:96px; }
  .prc-timeline::before{ left:21px; }
  .prc-item{ grid-template-columns:44px 1fr; gap:14px; }
  .prc-marker{ width:44px; height:44px; border-radius:12px; font-size:14px; }
  .prc-card{ padding:22px 18px; border-radius:16px; }
}
@media (max-width:420px){
  .prc-timeline::before{ display:none; }
  .prc-item{ grid-template-columns:1fr; gap:12px; }
}