/* Детальная страница «Распределение лидов». Стили действуют только внутри .swb. */
.swb {
    --swb-ink:#182743; --swb-text:#4d6079; --swb-blue:#00aee5;
    --swb-pink:#ff0050; --swb-line:#dce7f0; --swb-ice:#effaff;
    width:100%; padding:20px 0 0; color:var(--swb-ink);
    font:16px/1.65 'Mulish',Arial,sans-serif;
}
.swb, .swb * { box-sizing:border-box; }
.swb p, .swb ul, .swb ol, .swb li, .swb figure { margin:0; padding:0; }
.swb h1, .swb h2, .swb h3 { margin:0; padding:0; text-align:left; text-transform:none; color:var(--swb-ink); font-family:'Mulish-Bold',Arial,sans-serif; font-weight:700; letter-spacing:-.025em; }
.swb h1 { padding:0 !important; font-size:clamp(32px,3.6vw,48px); line-height:1.14; }
.swb h2 { font-size:clamp(27px,2.6vw,36px); line-height:1.22; }
.swb h3 { font-size:22px; line-height:1.3; }
.swb p { color:var(--swb-text); }
.swb strong { color:var(--swb-ink); }
.swb svg { display:block; flex-shrink:0; }
.swb a { color:inherit; text-decoration:none; }
.swb a:focus-visible { outline:3px solid #008ec2; outline-offset:5px; border-radius:5px; }
.swb img { display:block; width:100%; max-width:100%; height:auto; }
.swb .swb__back { display:inline-flex; align-items:center; gap:8px; margin-bottom:22px; color:#62748a; font-size:14px; }
.swb .swb__back svg { width:18px; height:18px; }
.swb .swb__back:hover { color:#008bbf; }
.swb .swb__hero {
    position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);
    gap:32px; align-items:center; padding:46px; overflow:hidden;
    border:1px solid #bce5f6; border-radius:28px;
    background:linear-gradient(120deg,#f0faff 0%,#fcfeff 55%,#e8f8ff 100%);
    box-shadow:0 14px 34px rgba(25,87,118,.06);
}
.swb .swb__hero::after { content:''; position:absolute; z-index:-1; width:800px; height:800px; right:-420px; top:-650px; border:65px solid rgba(0,174,229,.055); border-radius:50%; pointer-events:none; }
.swb .swb__hero-copy { min-width:0; }
.swb .swb__brandline { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-bottom:24px; }
.swb .swb__logo { width:170px; height:auto; overflow:visible; }
.swb .swb__version { display:inline-flex; padding:5px 12px; background:#d6f2ff; border-radius:8px; color:#136088; font-size:12px; font-weight:700; }
.swb .swb__eyebrow { margin-bottom:12px; color:#668299; font-size:11px; line-height:1.5; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.swb .swb__hero h1 { margin-bottom:24px; }
.swb .swb__hero-text { max-width:650px; color:#496078; font-size:18px; line-height:1.65; }
.swb .swb__buttons { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:28px; }
.swb .swb__button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:50px; padding:13px 20px; border:1px solid transparent; border-radius:11px; font-size:14px; line-height:1.5; font-weight:700; text-align:center; transition:background .2s ease,border-color .2s ease; }
.swb .swb__button svg { width:20px; height:20px; }
.swb a.swb__button--pink { color:#fff; background:var(--swb-pink); box-shadow:0 5px 12px rgba(255,0,80,.12); }
.swb a.swb__button--pink:hover { background:#e50048; }
.swb a.swb__button--white { color:var(--swb-ink); background:#fff; border-color:#cbdde9; }
.swb a.swb__button--white:hover { border-color:#76c9e8; background:#f6fcff; }
.swb .swb__hero-note { max-width:620px; margin-top:16px; font-size:12px; color:#687d90; }
.swb .swb__hero-art { display:flex; align-items:center; flex-direction:column; min-width:0; }
.swb .swb__free { display:inline-flex; padding:7px 14px; margin-bottom:10px; border-radius:24px; color:#008d7a; background:#d9f9f1; font-size:12px; font-weight:700; text-align:center; }
.swb .swb__hero-art img { max-width:360px; }
.swb .swb__art-caption { padding:7px 14px; border:1px solid #cae7f3; border-radius:10px; background:rgba(255,255,255,.7); color:#4c6c83; font-size:12px; text-align:center; }
.swb .swb__experience { display:grid; grid-template-columns:112px minmax(0,1fr); gap:26px; align-items:center; margin:24px 0 30px; padding:25px 34px; border:1px solid var(--swb-line); border-left:4px solid var(--swb-pink); border-radius:16px; background:#fff; }
.swb .swb__experience-number { color:#00a7db; font:700 66px/1 'Mulish-Bold',Arial,sans-serif; letter-spacing:-.08em; }
.swb .swb__experience-number span { position:relative; top:-18px; margin-left:2px; font-size:30px; }
.swb .swb__experience strong { display:block; margin-bottom:6px; font-size:19px; line-height:1.4; }
.swb .swb__experience p { max-width:930px; font-size:14px; line-height:1.65; }
.swb .swb__nav { display:flex; gap:8px; flex-wrap:wrap; padding-bottom:24px; border-bottom:1px solid var(--swb-line); }
.swb .swb__nav a { padding:7px 14px; border:1px solid #e2ebf2; border-radius:24px; background:#f7fafc; color:#486079; font-size:13px; }
.swb .swb__nav a:hover { border-color:#a7def2; color:#007eaa; }
.swb .swb__section { margin-top:68px; scroll-margin-top:28px; }
.swb .swb__section > h2 { margin-bottom:18px; }
.swb .swb__section-lead { max-width:850px; margin:0 0 30px; }
.swb .swb__task { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(270px,.8fr); gap:64px; align-items:start; }
.swb .swb__prose h2 { margin-bottom:24px; }
.swb .swb__prose p + p { margin-top:18px; }
.swb .swb__channels { position:relative; padding:30px; border:1px solid #d6edf8; border-radius:22px; background:linear-gradient(150deg,#f0faff,#fbfdff); }
.swb .swb__channels-icon { display:grid; place-items:center; width:48px; height:48px; margin-bottom:20px; color:#00a6dc; background:#daf4ff; border-radius:14px; }
.swb .swb__channels-icon svg { width:25px; height:25px; }
.swb .swb__channels h3 { margin-bottom:14px; font-size:25px; }
.swb .swb__channels p { font-size:14px; }
.swb .swb__channels ul { display:grid; gap:15px; margin:24px 0; list-style:none; }
.swb .swb__channels li { display:flex; align-items:center; gap:13px; color:#2c4863; font-size:14px; }
.swb .swb__channels li svg { width:22px; height:22px; color:#00a8dc; }
.swb .swb__channels .swb__small { font-size:12px; color:#738397; }
.swb .swb__steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:32px 0 24px; list-style:none; }
.swb .swb__steps li { position:relative; padding:26px; border:1px solid var(--swb-line); border-radius:18px; background:#fff; }
.swb .swb__steps li > span { display:block; margin-bottom:18px; color:#8dd8f2; font:700 32px/1 'Mulish-Bold',Arial,sans-serif; }
.swb .swb__steps h3 { margin-bottom:12px; font-size:20px; }
.swb .swb__steps p { font-size:14px; }
.swb .swb__note { padding:17px 22px; border-radius:12px; background:#f3f8fc; color:#5e7287; font-size:13px; }
.swb .swb__features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:30px; }
.swb .swb__feature { padding:27px; border:1px solid var(--swb-line); border-radius:20px; background:#fff; }
.swb .swb__feature-icon { display:grid; place-items:center; width:46px; height:46px; margin-bottom:20px; color:#00a4d9; border-radius:13px; background:#e7f8ff; }
.swb .swb__feature-icon svg { width:25px; height:25px; }
.swb .swb__feature h3 { margin-bottom:14px; font-size:21px; }
.swb .swb__feature p { font-size:14px; line-height:1.7; }
.swb .swb__showcase { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr); gap:50px; align-items:center; margin-top:42px; }
.swb .swb__showcase + .swb__showcase { margin-top:65px; padding-top:50px; border-top:1px solid #e6eef4; }
.swb .swb__screenshot { min-width:0; }
.swb .swb__screenshot a { display:block; border-radius:14px; }
.swb .swb__screenshot a:hover { background:#f8fdff; }
.swb .swb__screenshot img { transition:opacity .2s ease; }
.swb .swb__screenshot a:hover img { opacity:.94; }
.swb .swb__screenshot figcaption { margin-top:12px; color:#7a8a9b; text-align:center; font-size:11px; line-height:1.5; }
.swb .swb__showcase--reverse { grid-template-columns:minmax(280px,.8fr) minmax(0,1.45fr); }
.swb .swb__showcase--reverse .swb__screenshot { grid-column:2; grid-row:1; }
.swb .swb__showcase--reverse .swb__showcase-text { grid-column:1; grid-row:1; }
.swb .swb__showcase--settings .swb__screenshot { width:100%; max-width:535px; justify-self:center; }
.swb .swb__index { display:block; margin-bottom:14px; color:#009acb; font-size:11px; line-height:1.5; font-weight:700; letter-spacing:.1em; }
.swb .swb__showcase-text h3 { margin-bottom:20px; font-size:30px; }
.swb .swb__showcase-text p { margin-bottom:18px; font-size:15px; }
.swb .swb__checks { display:grid; gap:12px; margin-top:24px; list-style:none; }
.swb .swb__checks li { position:relative; padding-left:24px; color:#446079; font-size:14px; }
.swb .swb__checks li::before { content:'✓'; position:absolute; top:0; left:0; color:#00a4d9; font-weight:700; }
.swb .swb__callout { padding:18px 20px; border-left:3px solid #2cc0eb; border-radius:0 10px 10px 0; background:#effaff; color:#47647d; font-size:13px; }
.swb .swb__download { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(270px,.8fr); gap:60px; align-items:center; padding:40px; background:linear-gradient(120deg,#effaff,#f8fdff); border:1px solid #c2e6f5; border-radius:24px; }
.swb .swb__download h2 { margin-bottom:20px; }
.swb .swb__download p + p { margin-top:15px; }
.swb .swb__download-instruction { color:#24627e; font-size:14px; }
.swb .swb__download-box { display:flex; flex-direction:column; align-items:center; gap:12px; padding:28px 20px; border:1px solid #d4e8f4; border-radius:18px; background:#fff; }
.swb .swb__file-icon { display:grid; place-items:center; width:52px; height:52px; margin-bottom:4px; color:#00a4d9; background:#e5f7ff; border-radius:14px; }
.swb .swb__file-icon svg { width:28px; height:28px; }
.swb .swb__download-box strong { font-size:16px; overflow-wrap:anywhere; }
.swb .swb__file-meta { color:#7b8ca0; font-size:12px; }
.swb .swb__download-box .swb__button { align-self:stretch; margin-top:8px; }
.swb .swb__help { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:40px; align-items:center; padding:38px 0 30px; margin-bottom:20px; border-top:1px solid var(--swb-line); }
.swb .swb__help h2 { margin-bottom:22px; }
.swb .swb__help p { max-width:890px; }
.swb .swb__help p + p { margin-top:16px; }
.swb .swb__help .swb__button { white-space:nowrap; }
@media (max-width:1100px) {
    .swb .swb__hero { padding:32px; gap:24px; grid-template-columns:minmax(0,1.4fr) minmax(220px,.75fr); }
    .swb .swb__hero h1 { font-size:36px; }
    .swb .swb__hero-text { font-size:16px; }
    .swb .swb__task { gap:30px; grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr); }
    .swb .swb__features { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .swb .swb__showcase { gap:28px; grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr); }
    .swb .swb__showcase--reverse { grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr); }
    .swb .swb__showcase-text h3 { font-size:25px; }
    .swb .swb__download { gap:30px; padding:30px; }
    .swb .swb__help { grid-template-columns:minmax(0,1fr); gap:24px; }
    .swb .swb__help .swb__button { justify-self:start; }
}
@media (max-width:800px) {
    .swb .swb__hero { grid-template-columns:minmax(0,1fr); }
    .swb .swb__hero-art { display:none; }
    .swb .swb__task { grid-template-columns:minmax(0,1fr); gap:30px; }
    .swb .swb__channels ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .swb .swb__steps { grid-template-columns:minmax(0,1fr); gap:12px; }
    .swb .swb__steps li { padding:22px; }
    .swb .swb__steps li > span { margin-bottom:12px; font-size:26px; }
    .swb .swb__showcase, .swb .swb__showcase--reverse { grid-template-columns:minmax(0,1fr); gap:24px; }
    .swb .swb__showcase--reverse .swb__screenshot, .swb .swb__showcase--reverse .swb__showcase-text { grid-column:auto; grid-row:auto; }
    .swb .swb__showcase-text h3 br { display:none; }
    .swb .swb__showcase--settings .swb__screenshot { max-width:480px; }
    .swb .swb__download { grid-template-columns:minmax(0,1fr); }
    .swb .swb__download-box { align-items:flex-start; }
    .swb .swb__download-box .swb__button { align-self:start; }
}
@media (max-width:540px) {
    .swb { padding-top:8px; font-size:15px; }
    .swb h1 { font-size:30px; }
    .swb h2 { font-size:27px; }
    .swb .swb__back { margin-bottom:18px; font-size:12px; }
    .swb .swb__hero { padding:25px 20px; border-radius:20px; }
    .swb .swb__hero h1 { font-size:30px; }
    .swb .swb__brandline { gap:12px; margin-bottom:22px; }
    .swb .swb__logo { width:150px; }
    .swb .swb__version { font-size:11px; padding:4px 9px; }
    .swb .swb__eyebrow { font-size:10px; }
    .swb .swb__hero-text { font-size:15px; }
    .swb .swb__buttons { align-items:stretch; flex-direction:column; margin-top:23px; }
    .swb .swb__button { width:100%; font-size:13px; padding:12px 14px; }
    .swb .swb__hero-note { font-size:11px; }
    .swb .swb__experience { grid-template-columns:70px minmax(0,1fr); padding:20px 16px; gap:14px; margin-top:18px; }
    .swb .swb__experience > div:last-child { display:contents; }
    .swb .swb__experience strong { align-self:center; }
    .swb .swb__experience p { grid-column:1 / -1; }
    .swb .swb__experience-number { font-size:49px; }
    .swb .swb__experience-number span { top:-14px; font-size:22px; }
    .swb .swb__experience strong { font-size:15px; }
    .swb .swb__experience p { font-size:12px; }
    .swb .swb__nav { gap:8px; padding-bottom:20px; }
    .swb .swb__nav a { font-size:11px; padding:6px 10px; }
    .swb .swb__section { margin-top:46px; }
    .swb .swb__task h2 br { display:none; }
    .swb .swb__channels { padding:24px 20px; }
    .swb .swb__channels ul { grid-template-columns:minmax(0,1fr); gap:13px; }
    .swb .swb__features { grid-template-columns:minmax(0,1fr); gap:14px; margin-top:24px; }
    .swb .swb__feature { padding:24px 22px; }
    .swb .swb__feature h3 { font-size:21px; }
    .swb .swb__showcase { margin-top:28px; }
    .swb .swb__showcase + .swb__showcase { margin-top:36px; padding-top:32px; }
    .swb .swb__showcase-text h3 { font-size:26px; }
    .swb .swb__showcase-text p { font-size:14px; }
    .swb .swb__download { padding:26px 20px; gap:24px; border-radius:20px; }
    .swb .swb__download-box { padding:22px 16px; }
    .swb .swb__download-box strong { font-size:14px; }
    .swb .swb__download-box .swb__button { align-self:stretch; }
    .swb .swb__help { padding-top:30px; }
    .swb .swb__help .swb__button { justify-self:stretch; }
}
@media (max-width:380px) {
    .swb .swb__hero h1 { font-size:27px; }
}
@media (prefers-reduced-motion:reduce) {
    .swb .swb__button, .swb .swb__screenshot img { transition:none; }
}