
.so-start-way{
  --orange:#f36a21;--ink:#202327;--muted:#6f747a;
  --line:#e8e8e5;--soft:#f7f7f4;
  background:var(--soft);padding:88px 20px;
  font-family:Arial,Helvetica,sans-serif;color:var(--ink)
}
.so-start-way *{box-sizing:border-box}
.so-start-way .inner{max-width:1360px;margin:auto}
.so-start-way .head{text-align:center;margin-bottom:38px}
.so-start-way .eyebrow{
  font-size:12px;font-weight:800;letter-spacing:1.8px;
  color:var(--orange);margin-bottom:8px
}
.so-start-way h2{
  font-size:38px;line-height:1.15;letter-spacing:-1.2px;margin:0
}
.so-start-way .grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:22px
}
.so-start-way .card{
  display:block;background:#fff;border:1px solid var(--line);
  border-radius:12px;overflow:hidden;color:inherit;text-decoration:none;
  transition:.2s ease
}
.so-start-way .card:hover{
  transform:translateY(-4px);border-color:var(--orange)
}
.so-start-way .visual{
  height:220px;background:linear-gradient(145deg,#ecece8,#fafaf7);
  display:flex;align-items:center;justify-content:center;
  text-align:center;padding:24px;color:#999;font-size:13px;font-weight:800
}
.so-start-way .card:nth-child(2) .visual{
  background:#fff5ef;color:var(--orange)
}
.so-start-way .card:nth-child(3) .visual{
  background:#ece9e4;color:#67625d
}
.so-start-way .body{padding:25px}
.so-start-way .tag{
  font-size:11px;font-weight:800;letter-spacing:1.4px;color:var(--orange)
}
.so-start-way h3{font-size:25px;margin:7px 0 8px}
.so-start-way p{
  color:var(--muted);font-size:15px;margin:0 0 18px;min-height:44px
}
.so-start-way .cta{font-size:14px;font-weight:800}

@media(max-width:767px){
  .so-start-way{padding:60px 18px}
  .so-start-way h2{font-size:30px}
  .so-start-way .grid{grid-template-columns:1fr}
  .so-start-way .visual{height:190px}
  .so-start-way p{min-height:0}
}
