/* Hourly quotes: a clear number, smaller currency and an explicit billing unit. */
.service-header--priced .hourly-rate-card {
  padding: clamp(24px, 3vw, 36px);
  background: linear-gradient(125deg, rgba(0,255,136,.045), transparent 75%), #101217;
  border-color: rgba(0,255,136,.22);
  border-radius: 20px;
}
.hourly-rate-label { margin: 0 0 24px; color: var(--text-dim); font-size: .85rem; font-weight: 500; letter-spacing: .025em; }
.hourly-rate-amount { display: flex; align-items: center; gap: 18px; min-width: 0; }
.hourly-rate-value {
  color: var(--accent-green);
  font-family: var(--font-main);
  font-size: clamp(2.75rem, 4.4vw, 4rem);
  font-weight: 650;
  font-variant-numeric: lining-nums tabular-nums;
  line-height: 1;
  letter-spacing: -.035em;
  white-space: nowrap;
}
.hourly-rate-unit { display: flex; flex-direction: column; gap: 5px; text-align: left; }
.hourly-rate-currency { color: var(--text-bright); font-size: 1.25rem; line-height: 1.2; font-weight: 600; }
.hourly-rate-period { color: var(--text-dim); font-size: .85rem; line-height: 1.4; white-space: nowrap; }
.hourly-rate-card .price-detail-note { margin: 26px 0 0; padding-top: 20px; border-top: 1px solid var(--border-color); font-size: .875rem; }
.hourly-rate-amount--compact { justify-content: center; gap: 12px; margin: 20px 0; }
.hourly-rate-amount--compact .hourly-rate-value { font-size: clamp(2.25rem, 3.3vw, 3rem); }
.hourly-rate-amount--compact .hourly-rate-currency { font-size: 1rem; }
.hourly-rate-amount--compact .hourly-rate-period { font-size: .75rem; }
@media (max-width: 600px) {
  .hourly-rate-label { margin-bottom: 20px; }
  .hourly-rate-amount { gap: 14px; }
  .hourly-rate-value { font-size: clamp(2.5rem, 12vw, 3.5rem); }
  .hourly-rate-card .price-detail-note { margin-top: 22px; padding-top: 18px; }
}