.hero {
  position: relative;
  min-height: min(760px, calc(100vh - 78px));
  display: grid;
  align-items: end;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background: #080b10 url('../../images/hero-workbench.webp') center 45% / cover no-repeat;
}
.hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4,7,10,.95) 0%, rgba(4,7,10,.73) 46%, rgba(4,7,10,.18) 100%), linear-gradient(0deg, rgba(4,7,10,.9), transparent 55%); }
.hero-content { position: relative; z-index: 1; padding: clamp(5rem, 10vw, 9rem) 0 4.5rem; }
.hero h1 { max-width: 9ch; text-transform: uppercase; text-shadow: 0 0 25px rgba(68,243,161,.18); }
.hero .lede { max-width: 56ch; }
.hero-status { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: 1.3rem; }
.signal-line { height: 2px; width: min(420px, 75vw); margin: 1.6rem 0; background: linear-gradient(90deg, var(--green), var(--blue), transparent); box-shadow: 0 0 12px rgba(68,243,161,.5); }

.trust-strip { border-bottom: 1px solid var(--line); background: #090d13; }
.trust-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.trust-item { padding: 1.2rem; text-align: center; border-right: 1px solid var(--line); }
.trust-item:last-child { border-right: 0; }
.trust-item strong { display: block; color: var(--paper); font: 800 .82rem/1.3 var(--font-display); text-transform: uppercase; }
.trust-item span { color: var(--muted); font-size: .83rem; }

.service-card img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; filter: saturate(.88) contrast(1.04); }
.service-card .card-body { min-height: 228px; display: flex; flex-direction: column; align-items: flex-start; }
.service-card p { color: var(--muted); }
.service-card .text-link { margin-top: auto; color: var(--green); font-weight: 800; }
.service-card:hover { transform: translateY(-3px); border-color: #3a6176; }

.process-grid { counter-reset: repair-step; }
.process-step { position: relative; padding: 1.3rem 1.3rem 1.3rem 4.2rem; border-top: 1px solid var(--line); }
.process-step::before { counter-increment: repair-step; content: "0" counter(repair-step); position: absolute; left: 1rem; top: 1.15rem; color: var(--amber); font: 800 1.35rem/1 var(--font-display); }
.process-step h3 { margin-bottom: .45rem; }
.process-step p { color: var(--muted); margin: 0; }

.about-split { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 6vw, 5rem); align-items: center; }
.about-badge { position: relative; }
.about-badge img { border-radius: 22px; box-shadow: var(--shadow); }
.about-badge::after { content: "RRR // 2026"; position: absolute; right: -10px; bottom: 24px; padding: .55rem .7rem; color: var(--ink); background: var(--amber); font: 800 .72rem/1 var(--font-display); transform: rotate(-2deg); }

@media (max-width: 760px) {
  .hero { min-height: 660px; background-position: 58% center; }
  .hero::before { background: linear-gradient(0deg, rgba(4,7,10,.96) 0%, rgba(4,7,10,.68) 65%, rgba(4,7,10,.25)); }
  .trust-grid { grid-template-columns: 1fr; }
  .trust-item { border-right: 0; border-bottom: 1px solid var(--line); }
  .trust-item:last-child { border-bottom: 0; }
  .about-split { grid-template-columns: 1fr; }
  .about-badge { max-width: 520px; }
}