/* ── HERO GRID ────────────────────────────────────────────────── */
.page-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.hero-right{display:flex;flex-direction:column;gap:1px;border:1px solid var(--hero-border)}
.hero-stat{padding:1.25rem 1.5rem;border-bottom:1px solid var(--hero-border);display:flex;justify-content:space-between;align-items:center}
.hero-stat:last-child{border-bottom:none}
.hero-stat-label{font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--hero-muted)}
.hero-stat-val{font-family:Georgia,serif;font-size:1.5rem;font-weight:400;letter-spacing:-0.02em;color:var(--hero-text)}
.hero-stat-val span{color:var(--accent)}

/* ── WHAT WE BUILD ────────────────────────────────────────────── */
.builds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--border);margin-top:3rem}
.build-card{padding:2rem;background:var(--surface);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
.build-card:nth-child(3n){border-right:none}
.build-card:nth-last-child(-n+3){border-bottom:none}
.build-type{font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-family:Georgia,serif}
.build-name{font-size:1rem;font-weight:600;letter-spacing:-0.01em;color:var(--text);margin-bottom:0.5rem}
.build-desc{font-size:0.84rem;color:var(--text-2);line-height:1.65}

/* ── INCLUDES ─────────────────────────────────────────────────── */
.includes-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
.include-list{display:flex;flex-direction:column;gap:0}
.include-item{display:grid;grid-template-columns:1.5rem 1fr;gap:0.75rem;align-items:start;padding:1rem 0;border-bottom:1px solid var(--border)}
.include-item:first-child{padding-top:0}
.include-item:last-child{border-bottom:none}
.include-check{width:18px;height:18px;border-radius:50%;background:var(--accent-fade);display:flex;align-items:center;justify-content:center;margin-top:2px;flex-shrink:0}
.include-check svg{width:9px;height:9px;stroke:var(--accent);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.include-text strong{display:block;font-size:0.9rem;font-weight:600;color:var(--text);margin-bottom:0.2rem;letter-spacing:-0.01em}
.include-text p{font-size:0.82rem;color:var(--text-2);line-height:1.6}
.includes-right > p{font-size:0.9375rem;color:var(--text-2);line-height:1.72;margin-bottom:1.25rem}
.tech-stack{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}
.tech-label{font-size:0.68rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-2);margin-bottom:1rem}
.tech-tags{display:flex;flex-wrap:wrap;gap:0.4rem}
.tech-tag{padding:0.3rem 0.75rem;border:1px solid var(--border);border-radius:2px;font-size:0.78rem;color:var(--text-2);background:var(--surface)}

/* ── PROCESS (DARK) ───────────────────────────────────────────── */
.process-dark{background:var(--hero-bg)}
.process-dark .section-eyebrow{color:rgba(240,77,24,0.85)}
.process-dark .section-eyebrow::before{background:rgba(240,77,24,0.85)}
.process-dark .section-title{color:var(--hero-text)}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:3.5rem;border:1px solid var(--hero-border)}
.p-step{padding:2rem 1.75rem;border-right:1px solid var(--hero-border)}
.p-step:last-child{border-right:none}
.p-num{font-family:Georgia,serif;font-size:3rem;font-weight:400;letter-spacing:-0.04em;color:rgba(255,255,255,0.08);line-height:1;margin-bottom:1.25rem}
.p-name{font-size:0.9375rem;font-weight:600;color:var(--hero-text);margin-bottom:0.5rem;letter-spacing:-0.01em}
.p-desc{font-size:0.84rem;color:var(--hero-muted);line-height:1.65}

/* ── RESPONSIVE ───────────────────────────────────────────────── */
@media(max-width:960px){
  .page-hero-inner{grid-template-columns:1fr}
  .hero-right{display:none}
  .builds-grid{grid-template-columns:repeat(2,1fr)}
  .build-card:nth-child(3n){border-right:1px solid var(--border)}
  .build-card:nth-child(2n){border-right:none}
  .build-card:nth-last-child(-n+3){border-bottom:1px solid var(--border)}
  .build-card:nth-last-child(-n+2){border-bottom:none}
  .includes-grid{grid-template-columns:1fr;gap:3rem}
  .process-steps{grid-template-columns:repeat(2,1fr)}
  .p-step:nth-child(2){border-right:none}
  .p-step:nth-child(3){border-top:1px solid var(--hero-border)}
  .p-step:nth-child(4){border-top:1px solid var(--hero-border);border-right:none}
}
@media(max-width:640px){
  .builds-grid{grid-template-columns:1fr}
  .build-card{border-right:none}
  .build-card:nth-last-child(-n+2){border-bottom:1px solid var(--border)}
  .build-card:last-child{border-bottom:none}
  .process-steps{grid-template-columns:1fr}
  .p-step{border-right:none;border-bottom:1px solid var(--hero-border)}
  .p-step:last-child{border-bottom:none}
}