/* THE DIVIDED LINE — services page components (load AFTER divided-line.css) */
/* ===== SERVICES PAGE COMPONENTS ===== */
/* extends the shared stylesheet; reuses .sec/.wrap/.eyebrow/.display/.lead/.btn/.eden/.diag/.final/.foot */

/* services hero */
.svc-hero{background:var(--ink);color:var(--bone);
  background-image:radial-gradient(900px 440px at 84% -12%,rgba(200,150,44,.10),transparent 60%);
  padding:84px 0 78px}
.svc-hero .eyebrow{color:var(--gold)}
.svc-hero h1{font-size:clamp(44px,6.4vw,82px);margin:0 0 22px}
.svc-hero .lead{color:#cfd4db;max-width:64ch}
.svc-hero .hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}

/* owned-stack index (maps services to the six layers) */
.stackmap{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;
  background:rgba(20,23,29,.12);border:1px solid rgba(20,23,29,.12);margin-top:36px}
.stackmap a{background:var(--bone);padding:20px 18px;text-decoration:none;color:var(--ink);
  display:flex;flex-direction:column;gap:7px;min-height:140px;transition:.16s}
.stackmap a:hover{background:#fff}
.stackmap .lx{font-family:var(--mono);font-size:10.5px;letter-spacing:2px;color:var(--gold)}
.stackmap b{font-family:'Highland';font-weight:700;font-size:16.5px;letter-spacing:.4px;line-height:1.1}
.stackmap .t{font-family:var(--mono);font-size:11px;color:var(--slate);margin-top:auto}

/* service group header */
.group-head{max-width:64ch}
.group-head .glx{font-family:var(--mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold);display:inline-flex;align-items:center;gap:10px;margin-bottom:14px}
.sec-ink .group-head .glx{color:var(--gold2)}
.group-head .glx .pipe-mini{color:var(--gold)}

/* service card grid (variable column count per group via auto-fit) */
.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:1px;margin-top:34px;
  border:1px solid var(--line)}
.sec-bone .svc-grid{border-color:rgba(20,23,29,.12);background:rgba(20,23,29,.12)}
.sec-ink .svc-grid{border-color:var(--line);background:var(--line)}
.svc-card{padding:28px 26px 26px;display:flex;flex-direction:column;min-height:214px;
  text-decoration:none;transition:.16s}
.sec-bone .svc-card{background:var(--bone);color:var(--ink)}
.sec-bone .svc-card:hover{background:#fff;transform:translateY(-2px)}
.sec-ink .svc-card{background:var(--ink2);color:var(--bone)}
.sec-ink .svc-card:hover{background:#20252e;transform:translateY(-2px)}
.svc-card .sk{font-family:var(--mono);font-size:11px;letter-spacing:1px;color:var(--gold);
  margin-bottom:12px;display:flex;align-items:center;gap:8px}
.svc-card .sk.green{color:#6fae87}
.svc-card .sk .pill{margin-left:auto;font-size:9.5px;letter-spacing:1.5px;color:var(--gold);
  border:1px solid rgba(200,150,44,.4);border-radius:20px;padding:2px 8px}
.svc-card h3{font-family:'Highland';font-weight:700;font-size:21px;letter-spacing:.4px;
  margin:0 0 8px;line-height:1.08}
.svc-card p{font-size:14.5px;line-height:1.55;margin:0}
.sec-bone .svc-card p{color:var(--slate)}
.sec-ink .svc-card p{color:#c4c9d1}
.svc-card .go{margin-top:auto;padding-top:16px;color:var(--gold);font-weight:600;
  font-size:12.5px;letter-spacing:1px;opacity:0;transition:.16s}
.svc-card:hover .go{opacity:1}

/* engagement model row (how a build runs) */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:36px;
  border:1px solid var(--line);background:var(--line)}
.flow .step{background:var(--ink2);color:var(--bone);padding:26px 22px;display:flex;flex-direction:column;gap:8px}
.flow .step .n{font-family:var(--mono);font-size:11px;letter-spacing:2px;color:var(--gold)}
.flow .step h4{font-family:'Highland';font-weight:700;font-size:18px;letter-spacing:.4px;margin:0}
.flow .step p{font-size:13.5px;line-height:1.5;color:#c4c9d1;margin:0}

@media(max-width:920px){
  .stackmap{grid-template-columns:1fr 1fr}
  .svc-grid{grid-template-columns:1fr}
  .flow{grid-template-columns:1fr}
  .svc-card .go{opacity:1}
}