.pr-page{}

.pr-hero-grid{
  display:grid;
  grid-template-columns:45% 55%;
  gap:var(--space-6);
  align-items:center;
}
.pr-hero-text{max-width:620px}
.pr-hero-image img{width:100%;border-radius:var(--radius-sm)}
.pr-cta{margin-top:var(--space-4)}

.pr-center{text-align:center;max-width:700px;margin-inline:auto}

.pr-cards-3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
}

.pr-split{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-5);
  align-items:start;
}

.pr-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
  text-align:center;
}

.pr-visual-inner{
  position:relative;
}
.pr-visual-inner img{width:100%;border-radius:var(--radius-sm);filter:brightness(0.6)}
.pr-visual-text{
  position:absolute;
  top:50%;
  left:var(--space-5);
  transform:translateY(-50%);
  max-width:600px;
}

.pr-cta-text{max-width:500px;margin-inline:auto}

@media (max-width:1024px){
  .pr-hero-grid{grid-template-columns:1fr}
  .pr-split{grid-template-columns:1fr}
  .pr-steps{grid-template-columns:1fr}
  .pr-cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:640px){
  .pr-cards-3{grid-template-columns:1fr}
  .pr-visual-text{position:static;transform:none;margin-top:var(--space-4)}
}