.guide-page{
  padding:60px 0;
  background:#f8fafc;
}
.guide-page .sub-container{
  max-width:1100px;
}
.guide-hero{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:30px;
  align-items:center;
  margin-bottom:50px;
}
.guide-hero-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;}
.guide-btn{border-radius:999px;padding:12px 22px;font-weight:700;border:1px solid transparent;}
.guide-btn.primary{background:linear-gradient(90deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 10px 18px rgba(37,99,235,0.25);}
.guide-btn.ghost{background:#fff;color:#2563eb;border-color:#cbd5f5;}
.guide-hero-visual--plain{background:#fff;border-radius:20px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 12px 25px rgba(15,23,42,0.08);}
.guide-hero-copy{font-size:15px;line-height:1.8;color:#475569;}
.guide-hero-copy--center{text-align:center;font-weight:600;}
.guide-steps{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:18px;
}
.guide-step{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:20px;
  box-shadow:0 6px 18px rgba(15,23,42,0.08);
}
.guide-step-badge{
  display:inline-flex;
  padding:0 10px;
  height:28px;
  border-radius:999px;
  background:#e0f2fe;
  color:#2563eb;
  font-weight:800;
  letter-spacing:0.06em;
}
.guide-step-title{margin-top:12px;font-size:18px;font-weight:800;color:#0f172a;}
.guide-step-desc{margin-top:8px;color:#475569;line-height:1.6;font-size:14px; word-break: keep-all; }
@media (max-width:640px){.guide-hero{grid-template-columns:1fr;}}