/* Hire me page (page-hire.php). Enqueued only on that template. */
.hire-hero{display:flex; gap:32px; align-items:center; padding:56px 0 8px}
.hire-hero__photo{flex:0 0 auto; width:132px; height:132px; border-radius:50%; object-fit:cover; border:4px solid var(--line-soft)}
.hire-hero h1{font-size:2.4rem; line-height:1.1; letter-spacing:-.02em; margin:6px 0 12px; font-weight:800}
.hire-hero p{color:var(--ink-soft); font-size:1.1rem; margin:0 0 20px; max-width:var(--prose)}
.hire-btn{display:inline-flex; align-items:center; gap:6px; padding:11px 20px; border-radius:10px; background:var(--indigo); color:#fff; font-weight:600}
.hire-btn:hover{background:var(--indigo-600); color:#fff; text-decoration:none}

.hire-proof{list-style:none; margin:40px 0 0; padding:20px 24px; display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:16px 24px; background:var(--bg-soft); border:1px solid var(--line); border-radius:var(--radius); color:var(--muted); font-size:.92rem}
.hire-proof b{display:block; color:var(--ink); font-size:1.15rem; font-weight:750}

.hire-section{margin-top:56px}
.hire-section h2{font-size:1.6rem; letter-spacing:-.01em; margin:0 0 18px; font-weight:800}
.hire-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:18px}
.hire-card{border:1px solid var(--line); border-radius:var(--radius); padding:20px 22px; background:var(--bg)}
.hire-card h3{margin:0 0 6px; font-size:1.08rem}
.hire-card p{margin:0; color:var(--ink-soft); font-size:.96rem}
@media(min-width:1000px){.hire-card--audit{grid-column:span 2}}
.hire-card--audit{background:linear-gradient(135deg,#eef2ff,#faf5ff); border-color:#c7d2fe}
.hire-price{display:inline-block; margin-left:6px; padding:1px 9px; border-radius:999px; background:var(--indigo); color:#fff; font-size:.8rem; font-weight:700; vertical-align:2px}

.hire-steps{margin:0; padding:0; list-style:none; counter-reset:step; display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px}
.hire-steps li{counter-increment:step; position:relative; padding:18px 20px 18px 62px; border:1px solid var(--line); border-radius:var(--radius); color:var(--ink-soft)}
.hire-steps li::before{content:counter(step); position:absolute; left:20px; top:18px; width:28px; height:28px; border-radius:50%; background:var(--ink); color:#fff; font-weight:700; font-size:.9rem; display:flex; align-items:center; justify-content:center}
.hire-steps b{color:var(--ink)}

.hire-quote{scroll-margin-top:84px; padding:28px; border:1px solid var(--line); border-radius:var(--radius); background:var(--bg-soft)}
.hire-quote .prose{max-width:760px}

.hire-faq details{border-bottom:1px solid var(--line); padding:14px 0}
.hire-faq summary{cursor:pointer; font-weight:600}
.hire-faq details p{margin:8px 0 0; color:var(--ink-soft)}

@media(max-width:720px){
  .hire-hero{flex-direction:column; align-items:flex-start; gap:18px; padding-top:36px}
  .hire-hero__photo{width:96px; height:96px}
  .hire-hero h1{font-size:1.9rem}
  .hire-grid{grid-template-columns:1fr}
  .hire-quote{padding:18px 16px}
}