/* Services Page Conversion Layout */

.svc-hero-summary{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.svc-hero-summary span{font-size:12px;color:var(--muted);padding:8px 10px;border:1px solid rgba(181,183,185,.12);border-radius:10px;background:rgba(46,49,54,.45)}
.svc-hero-card{text-align:center;display:flex;flex-direction:column;gap:0}
.svc-hero-stat{padding:14px 0;display:flex;flex-direction:column;gap:2px}
.svc-hero-stat-value{font-size:24px;font-weight:800;color:var(--bronze);letter-spacing:-.02em}
.svc-hero-stat-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}

.svc-availability{padding-top:20px}
.svc-availability-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;border:1px solid rgba(140,106,62,.3);border-radius:14px;background:linear-gradient(135deg,rgba(140,106,62,.18),rgba(46,49,54,.65))}
.svc-availability-title{font-size:20px;font-weight:750;color:#fff;margin-top:4px}

.svc-start-here{border-top:1px solid rgba(181,183,185,.1)}
.svc-path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.svc-path-card{display:block;padding:16px;background:linear-gradient(180deg,rgba(46,49,54,.96),rgba(46,49,54,.82));border:1px solid rgba(181,183,185,.1);border-radius:14px;text-decoration:none}
.svc-path-card:hover{border-color:rgba(140,106,62,.5);text-decoration:none}
.svc-path-card h3{margin:0;color:#fff;font-size:15px}
.svc-path-card p{margin:6px 0 0;font-size:12px;color:var(--muted)}

.svc-group-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.svc-group-grid .card h3{margin:0 0 6px;color:#fff}
.svc-price-tag{margin-top:10px;display:inline-block;padding:4px 10px;font-size:12px;font-weight:700;color:var(--bronze);background:rgba(140,106,62,.1);border:1px solid rgba(140,106,62,.2);border-radius:6px}

.svc-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.svc-why-grid .card h3{margin:0 0 6px;font-size:15px;color:#fff}

.svc-system-section{border-top:1px solid rgba(140,106,62,.18);background:rgba(140,106,62,.04)}
.svc-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center}
.svc-flow-step{padding:16px;border:1px solid rgba(140,106,62,.28);border-radius:12px;background:rgba(46,49,54,.7);display:flex;flex-direction:column;gap:4px;text-align:center}
.svc-flow-step strong{font-size:16px;color:#fff}
.svc-flow-step span{font-size:12px;color:var(--muted)}
.svc-flow-arrow{font-size:20px;color:var(--bronze);font-weight:800;text-align:center}

.svc-proof-section{border-top:1px solid rgba(181,183,185,.1)}
.svc-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.svc-proof-card{padding:16px;background:linear-gradient(180deg,rgba(46,49,54,.96),rgba(46,49,54,.82));border:1px solid rgba(181,183,185,.1);border-radius:14px}
.svc-proof-card h3{margin:0 0 6px;color:#fff;font-size:15px}
.svc-proof-meta{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.svc-proof-meta span{font-size:11px;font-weight:700;color:var(--bronze);padding:4px 8px;background:rgba(140,106,62,.1);border:1px solid rgba(140,106,62,.18);border-radius:6px}

.svc-logistics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.svc-logistics-grid .card h3{margin:0 0 6px;color:#fff}

.svc-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.svc-pricing-item{padding:14px 16px;background:linear-gradient(180deg,rgba(46,49,54,.96),rgba(46,49,54,.82));border:1px solid rgba(181,183,185,.1);border-radius:12px;display:flex;flex-direction:column;gap:4px}
.svc-pricing-name{font-size:13px;font-weight:700;color:#fff}
.svc-pricing-range{font-size:18px;font-weight:800;color:var(--bronze);letter-spacing:-.01em}

@media (max-width:900px){
  .svc-hero-summary{grid-template-columns:1fr}
  .svc-path-grid{grid-template-columns:repeat(2,1fr)}
  .svc-group-grid{grid-template-columns:1fr}
  .svc-why-grid{grid-template-columns:1fr 1fr}
  .svc-flow{grid-template-columns:1fr;gap:8px}
  .svc-flow-arrow{display:none}
  .svc-proof-grid{grid-template-columns:1fr}
  .svc-logistics-grid{grid-template-columns:1fr}
  .svc-pricing-grid{grid-template-columns:1fr 1fr}
}

@media (max-width:520px){
  .svc-path-grid{grid-template-columns:1fr}
  .svc-why-grid{grid-template-columns:1fr}
  .svc-pricing-grid{grid-template-columns:1fr}
  .svc-availability-title{font-size:17px}
}