/* rrevx.com/work — platform-building landing (extends /maps/maps.css) */
.wk{display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.wcase{display:flex; flex-direction:column; gap:8px}
.wcase .wtop{display:flex; align-items:center; gap:10px}
.wcase .ic{font-size:26px; line-height:1}
.wcase p{margin:0; color:var(--ink2); font-size:14.5px}
.wcase ul{margin:0; padding-left:18px; color:var(--ink2); font-size:14px; display:grid; gap:3px}
.wcase .btn,.wcase .pill{align-self:flex-start; margin-top:auto}
.wcase .pill{white-space:normal}
.wprice .big{font-size:28px; font-weight:700}
.wprice .big small{font-size:14px; font-weight:300; color:var(--muted)}
.steps{list-style:none; margin:0; padding:0; display:grid; gap:10px; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); counter-reset:s}
.steps li{counter-increment:s; background:#fff; border:1px solid var(--line); border-radius:14px; padding:14px 16px 14px 52px; position:relative; display:grid; gap:2px}
.steps li::before{content:counter(s); position:absolute; left:14px; top:14px; width:26px; height:26px; border-radius:50%; background:linear-gradient(92deg,var(--cyan),var(--lime)); color:#0A1020; font-weight:700; display:grid; place-items:center; font-size:14px}
.steps b{font-weight:500}
.steps span{color:var(--ink2); font-size:14px}
#contact h2{font-size:20px}
@media(max-width:560px){ .wk{grid-template-columns:1fr} }