/* Нишевые лендинги конструктора сайтов (/lp/sait-dlya-*). Мокап hero — из lp-websites.css. */
.sn-crumbs{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600;color:var(--c-muted);margin:0 0 14px 4px}
.sn-crumbs a{color:var(--c-muted);text-decoration:none}
.sn-crumbs a:hover{color:var(--c-ink)}
.sn-note{margin-top:18px;color:var(--c-muted);font-size:14px;font-weight:600}

.sn-needs,.sn-compare,.sn-steps,.sn-others{padding:var(--pad-section) 0 0}
.sn-needs h2,.sn-compare h2,.sn-steps h2,.sn-others h2{text-align:center}
.sn-needs>.wrap>.lead,.sn-compare>.wrap>.lead{text-align:center;max-width:40em;margin:14px auto 0}

.sn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
@media(max-width:960px){.sn-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.sn-grid{grid-template-columns:1fr}}
.sn-card{background:var(--c-surface);border-radius:var(--r-3);padding:26px;box-shadow:var(--shadow-card)}
.sn-card i{width:44px;height:44px;border-radius:12px;background:var(--c-sky);color:var(--c-accent);display:grid;place-items:center;margin-bottom:16px}
.sn-card h3{font-size:18px;line-height:1.3;margin-bottom:8px}
.sn-card p{color:var(--c-ink-2);font-size:15px;line-height:1.5}

.sn-table{max-width:960px;margin:38px auto 0;background:var(--c-surface);border-radius:var(--r-3);box-shadow:var(--shadow-card);overflow:hidden}
.sn-row{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:16px;padding:16px 24px;border-top:1px solid var(--c-line);font-size:15px;align-items:center}
.sn-row:first-child{border-top:none}
.sn-row>span:first-child{font-weight:700}
.sn-row>span:nth-child(2){color:var(--c-muted)}
.sn-row>span:nth-child(3){background:var(--c-mint);border-radius:10px;padding:8px 12px}
.sn-row>span:nth-child(3) b{font-weight:700;color:#14532d}
.sn-row--head{background:var(--c-surface-2);font-family:var(--f-head);font-weight:600;font-size:16px}
.sn-row--head>span:nth-child(2){color:var(--c-ink)}
.sn-row--head>span:nth-child(3){background:none;padding:0 12px;color:var(--c-accent)}
.sn-foot{text-align:center;color:var(--c-muted);font-size:13px;margin-top:14px}
@media(max-width:700px){
  .sn-row--head{display:none}
  .sn-row{grid-template-columns:1fr;gap:6px;padding:16px 18px}
  .sn-row>span[data-l]::before{content:attr(data-l) ": ";font-weight:600;color:var(--c-muted)}
  .sn-row>span:nth-child(3) b{font-weight:700}
}

.sn-steps-list{list-style:none;counter-reset:sn;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:38px 0 32px;padding:0}
@media(max-width:960px){.sn-steps-list{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.sn-steps-list{grid-template-columns:1fr}}
.sn-steps-list li{counter-increment:sn;background:linear-gradient(135deg,var(--c-sand),var(--c-warm-soft));border-radius:var(--r-3);padding:24px}
.sn-steps-list li::before{content:counter(sn);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--c-ink);color:#fff;font-weight:800;margin-bottom:14px}
.sn-steps-list b{font-family:var(--f-head);font-weight:600;font-size:18px;display:block;margin-bottom:6px}
.sn-steps-list p{color:var(--c-ink-2);font-size:15px;line-height:1.5}
.sn-center{justify-content:center}

.sn-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
.sn-links a{display:inline-flex;align-items:center;gap:8px;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-pill);padding:12px 20px;font-weight:700;font-size:15px;color:var(--c-ink);text-decoration:none}
.sn-links a:hover{border-color:var(--c-ink)}