/* Hourly service: reuse approved service-page typography, imagery and CTA layout. */
.hourly-page .hp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}
.hourly-page .hp-steps article{position:relative;min-width:0}
.hourly-page .hp-step-number{font:600 26px/1 var(--font-body);color:var(--gold-highlight);margin-bottom:18px}
.hourly-page .hp-steps h3{font:500 var(--type-body-lg)/1.45 var(--font-body);margin:0 0 10px}
.hourly-page .hp-steps p{font-size:var(--type-body)!important;margin:0!important}
.hourly-page .hp-steps article:not(:last-child)::after{content:"›";position:absolute;right:-16px;top:13px;color:var(--gold-highlight);font-size:24px}
@media(min-width:901px){
  .hourly-page .hp-how>.ap-banner-image{width:50%}
  .hourly-page .hp-how>.ap-banner-image img{object-fit:cover;object-position:center}
  .hourly-page .hp-how .ap-wide-inner{min-height:480px}
  .hourly-page .hp-how .ap-copy{width:52%;max-width:730px}
}
@media(min-width:768px) and (max-width:900px){
  .hourly-page .hp-steps{grid-template-columns:1fr;gap:20px}
  .hourly-page .hp-steps article{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px}
  .hourly-page .hp-step-number{grid-row:1/3;width:48px;height:48px;margin:0}
  .hourly-page .hp-steps article:not(:last-child)::after{display:none}
}
@media(max-width:767px){
  .hourly-page .ap-hero .eyebrow{font-size:var(--type-eyebrow);letter-spacing:.17em}
  .hourly-page .ap-hero .ap-actions{flex-wrap:nowrap;gap:10px}
  .hourly-page .ap-hero .ap-actions .button{min-width:0;padding-inline:8px;gap:6px}
  .hourly-page .ap-hero .ap-actions .button:first-child{flex:2}
  .hourly-page .ap-hero .ap-actions .button:last-child{flex:1}
  .hourly-page .ap-hero .ap-actions .icon{width:16px;height:16px}
  .hourly-page .hp-how>.ap-banner-image{aspect-ratio:3/2}
  .hourly-page .hp-how>.ap-banner-image img{height:100%;object-fit:cover;object-position:center}
  .hourly-page .hp-how .hp-steps{display:grid;grid-area:body;width:calc(100% - 36px);margin:0 auto;grid-template-columns:1fr;gap:14px}
  .hourly-page .hp-steps article{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;padding:18px 16px;border:1px solid var(--border-strong);border-radius:5px;background:#0b0b0b}
  .hourly-page .hp-step-number{grid-row:1/3;width:44px;height:44px;font-size:22px;margin:0}
  .hourly-page .hp-steps h3{font-size:15px}
  .hourly-page .hp-steps p{font-size:13px!important}
  .hourly-page .hp-steps article:not(:last-child)::after{display:none}
}
@media(max-width:360px){
  .hourly-page .ap-hero .ap-actions{flex-direction:row;align-items:stretch}
}