/* 1.2.0: новая главная «В топ поиска» — смелее: тёмный первый экран с живым отчётом, крупная типографика, карточки. */
.h2-page{--navy:#0b2236;--navy2:#123a5a;--sky:#e6f2fc;--acc:#1f7ae0;--acc2:#18b7c6;--ink:#12213a;--dim:#5b6b82;--line:#dbe6f1}
.h2-page h1,.h2-page h2{letter-spacing:-.035em}
.h2-eyebrow{font-size:11px;font-weight:760;letter-spacing:.16em;color:var(--acc2);margin-bottom:16px}
.h2-eyebrow.dark{color:var(--acc)}

/* первый экран */
.h2-hero{background:radial-gradient(1200px 520px at 85% -10%,#1f7ae055,transparent 60%),radial-gradient(900px 500px at -10% 110%,#18b7c633,transparent 60%),linear-gradient(160deg,var(--navy),var(--navy2));color:#fff;overflow:hidden}
.h2-hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;padding-top:76px;padding-bottom:84px}
.h2-hero h1{font-size:68px;line-height:1.02;color:#fff;margin:0 0 22px}
.h2-lead{font-size:20px;line-height:1.6;color:#c9dbea;max-width:560px}
.h2-checks{list-style:none;padding:0;margin:26px 0 32px;display:grid;gap:10px}
.h2-checks li{display:flex;gap:12px;align-items:center;font-size:16px;color:#e7f1fa}
.h2-checks li:before{content:"✓";width:24px;height:24px;border-radius:50%;background:#18b7c633;color:#7fe3ec;display:grid;place-items:center;font-size:13px;font-weight:800;flex:none}
.h2-cta{display:flex;gap:14px;flex-wrap:wrap}
.h2-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2b8af0,#1767c7);color:#fff;font-weight:700;font-size:16px;padding:16px 28px;border-radius:14px;box-shadow:0 14px 34px #1f7ae055;text-decoration:none}
.h2-btn:hover{text-decoration:none;filter:brightness(1.07)}
.h2-btn.ghost{background:transparent;box-shadow:none;border:1px solid #ffffff40;color:#e7f1fa}
.h2-live{background:#fff;color:var(--ink);border-radius:22px;padding:22px;box-shadow:0 40px 90px #00000055;transform:rotate(-.6deg)}
.h2-live-top{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dim);margin-bottom:14px}
.h2-dot{width:8px;height:8px;border-radius:50%;background:#1d8a55;box-shadow:0 0 0 4px #1d8a5522}
.h2-live-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.h2-kpi{background:#f2f7ff;border-radius:14px;padding:14px}.h2-kpi.lead{background:#f5f7fa}
.h2-kpi span{display:block;font-size:12px;font-weight:650;color:var(--dim)}.h2-kpi b{display:block;font-size:40px;line-height:1.1;margin:6px 0 2px;color:var(--acc)}.h2-kpi.lead b{color:#55657a}
.h2-kpi small{font-size:12px;color:var(--dim)}
.h2-shelf{margin-top:14px;border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.h2-shelf-q{font-size:12.5px;font-weight:650;margin-bottom:8px}
.h2-bar{display:flex;gap:4px}.h2-bar i{flex:1;height:14px;border-radius:4px;background:#d7dde7}
.h2-bar i.own,.h2-legend i.own{background:#1f5fd6}.h2-bar i.comp,.h2-legend i.comp{background:#f2a33a}.h2-bar i.dir,.h2-legend i.dir{background:#7cc4c8}.h2-bar i.other,.h2-legend i.other{background:#d7dde7}
.h2-bar i.ad,.h2-legend i.ad{background:repeating-linear-gradient(45deg,#c9cfd9 0 2px,#eef1f5 2px 4px)}
.h2-legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:11px;color:var(--dim)}.h2-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:4px}
.h2-rank{margin-top:12px;display:grid;gap:6px}
.h2-rank div{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#f7f9fc;font-size:13.5px}
.h2-rank em{font-style:normal;width:22px;height:22px;border-radius:50%;background:#e3ecf8;color:var(--acc);font-weight:800;font-size:12px;display:grid;place-items:center}
.h2-rank div.me{background:#e8f1ff;font-weight:700}.h2-rank div.me em{background:var(--acc);color:#fff}
.h2-live-link{display:inline-block;margin-top:12px;font-size:13px;font-weight:700}

.h2-sources{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 38px;border-bottom:1px solid var(--line);font-size:13px;color:var(--dim)}
.h2-sources strong{font-size:22px;color:var(--ink)}

/* форма */
.h2-form-sec{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:start;padding-top:70px;padding-bottom:30px;scroll-margin-top:20px}
.h2-form-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 24px 60px #0b223614}
.h2-form-head h2{font-size:38px;margin:0 0 10px}.h2-form-head p{font-size:16px;margin-bottom:20px}
.h2-after{background:var(--sky);border-radius:24px;padding:30px}
.h2-after h3{font-size:22px;margin-bottom:18px}
.h2-steps{list-style:none;padding:0;margin:0;counter-reset:s;display:grid;gap:16px}
.h2-steps li{counter-increment:s;display:grid;grid-template-columns:36px 1fr;gap:4px 14px}
.h2-steps li:before{content:counter(s);grid-row:span 2;width:36px;height:36px;border-radius:50%;background:#fff;color:var(--acc);font-weight:800;display:grid;place-items:center;box-shadow:0 6px 14px #1f7ae022}
.h2-steps b{font-size:16px}.h2-steps span{font-size:14px;color:var(--dim);line-height:1.55}
.h2-story{position:relative;display:block;margin-top:24px;border-radius:18px;overflow:hidden;height:190px;color:#fff;text-decoration:none}
.h2-story img{width:100%;height:100%;object-fit:cover;object-position:64% 30%;filter:brightness(.62)}
.h2-play{position:absolute;left:18px;bottom:18px;width:46px;height:46px;border-radius:50%;background:#fff;color:#1f526e;display:grid;place-items:center;padding-left:3px}
.h2-story-t{position:absolute;left:78px;right:16px;bottom:16px}.h2-story-t b{display:block;font-size:15px}.h2-story-t small{color:#dce8f0;font-size:12px}

/* общие блоки */
.h2-block{padding-top:84px;padding-bottom:20px}
.h2-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:34px}
.h2-head h2{font-size:44px;line-height:1.08;margin:0;max-width:640px}.h2-head p{max-width:420px;font-size:16px;margin:0}
.h2-compare{display:grid;grid-template-columns:1fr 60px 1fr;align-items:stretch}
.h2-q{border:1px solid var(--line);border-radius:20px;padding:26px;background:#fff}
.h2-q small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-weight:700;margin-bottom:12px}
.h2-q b{display:block;font-size:24px;letter-spacing:-.02em;margin-bottom:14px}
.h2-q .ok{display:inline-block;background:#e5f5ec;color:#1d8a55;border-radius:20px;padding:5px 12px;font-size:13px;font-weight:650}
.h2-q.bad{background:#fff9f8;border-color:#f3d8d6}.h2-q .no{display:inline-block;background:#fbe8e8;color:#c23b3b;border-radius:20px;padding:5px 12px;font-size:13px;font-weight:650}
.h2-arrow{display:grid;place-items:center;font-size:28px;color:var(--acc2)}
.h2-band{background:linear-gradient(180deg,var(--sky),#fff);margin-top:84px;padding-bottom:60px}.h2-band .h2-block{padding-top:70px}
.h2-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.h2-tile{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 12px 30px #0b22360c}
.h2-tile i{font-style:normal;width:44px;height:44px;border-radius:12px;background:#eaf2ff;color:var(--acc);font-weight:800;font-size:20px;display:grid;place-items:center;margin-bottom:14px}
.h2-tile b{display:block;font-size:18px;margin-bottom:6px}.h2-tile span{font-size:14px;color:var(--dim);line-height:1.55}
.h2-case{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-radius:28px;padding:44px}
.h2-case h2{color:#fff;font-size:34px;line-height:1.15}.h2-case p{color:#c9dbea}
.h2-case .button{background:#fff;border-color:#fff;color:var(--ink)}
.h2-case-nums{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.h2-case-nums div{background:#ffffff12;border:1px solid #ffffff22;border-radius:18px;padding:20px}
.h2-case-nums b{display:block;font-size:42px;line-height:1;color:#fff}.h2-case-nums b small{font-size:18px;color:#9fbad0}
.h2-case-nums span{display:block;margin-top:8px;font-size:13px;color:#c9dbea}
.h2-words{display:grid;grid-template-columns:1fr 60px 1.2fr;align-items:center}
.h2-wcol{border:1px solid var(--line);border-radius:20px;padding:24px;background:#fff}.h2-wcol.pale{background:var(--sky);border-color:#cfe2f6}
.h2-wcol small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-weight:700;margin-bottom:12px}
.h2-wcol ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.h2-wcol li{display:flex;justify-content:space-between;gap:10px;background:#ffffffaa;border-radius:10px;padding:9px 12px;font-size:15px}
.h2-wcol em{font-style:normal;color:var(--acc);font-weight:700;font-size:13px;white-space:nowrap}
.h2-ai{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;border:1px solid var(--line);border-radius:28px;padding:40px;background:linear-gradient(135deg,#f5fbfc,#fff)}
.h2-ai h2{font-size:36px;line-height:1.12}
.h2-ai-demo{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 16px 40px #0b223612}
.h2-ai-q{background:#f3f6fa;border-radius:12px;padding:12px 14px;font-weight:650}
.h2-ai-a{margin-top:14px}.h2-ai-a span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--acc2);font-weight:800}.h2-ai-a p{margin:8px 0;color:var(--ink)}
.h2-ai-a em{font-style:normal;display:inline-block;background:#fbe8e8;color:#c23b3b;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}
.h2-three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.h2-three div{border-top:3px solid var(--acc);background:#fff;border-radius:0 0 18px 18px;padding:24px;box-shadow:0 12px 30px #0b22360c}
.h2-three em{font-style:normal;font-size:13px;font-weight:800;color:var(--acc2)}.h2-three b{display:block;font-size:21px;margin:10px 0 8px}.h2-three span{font-size:14.5px;color:var(--dim);line-height:1.6}
.h2-ladder{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0 12px}
.h2-plan{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;padding:26px;background:#fff;color:var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s}
.h2-plan:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 20px 44px #0b223618}
.h2-plan em{font-style:normal;font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--acc2)}.h2-plan b{font-size:22px;margin:10px 0 8px}.h2-plan span{font-size:14.5px;color:var(--dim);line-height:1.55;flex:1}
.h2-plan strong{margin-top:18px;font-size:24px;letter-spacing:-.02em}.h2-plan strong small{font-size:13px;font-weight:500;color:var(--dim)}
.h2-promise{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.h2-promise div{background:var(--sky);border-radius:20px;padding:24px}.h2-promise b{display:block;font-size:18px;margin-bottom:8px}.h2-promise span{font-size:14.5px;color:var(--dim);line-height:1.6}
.h2-faq h2{font-size:38px;margin-bottom:10px}
.h2-final{margin-top:80px;background:linear-gradient(160deg,var(--navy),var(--navy2));color:#fff}
.h2-final-in{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:56px;padding-bottom:56px}
.h2-final h2{color:#fff;font-size:38px;margin:0 0 8px}.h2-final p{color:#c9dbea;margin:0}

@media (max-width:1100px){
 .h2-hero-in,.h2-form-sec,.h2-case,.h2-ai{grid-template-columns:1fr}.h2-hero h1{font-size:52px}
 .h2-tiles,.h2-three,.h2-ladder,.h2-promise{grid-template-columns:1fr 1fr}.h2-head{display:block}.h2-head p{margin-top:14px}
}
@media (max-width:760px){
 .h2-hero-in{padding-top:40px;padding-bottom:48px;gap:34px}.h2-hero h1{font-size:40px}.h2-lead{font-size:17px}
 .h2-live{transform:none;padding:16px}.h2-kpi b{font-size:32px}
 .h2-sources{flex-wrap:wrap;padding:16px 22px;gap:10px}.h2-sources span{width:100%;font-size:11px}.h2-sources strong{font-size:17px}
 .h2-form-sec{padding-top:40px}.h2-form-card{padding:20px;border-radius:18px}.h2-form-head h2{font-size:28px}.h2-after{padding:20px}
 .h2-block{padding-top:54px}.h2-head h2,.h2-faq h2,.h2-final h2{font-size:30px}
 .h2-compare,.h2-words{grid-template-columns:1fr}.h2-arrow{transform:rotate(90deg);padding:8px 0}
 .h2-tiles,.h2-three,.h2-ladder,.h2-promise,.h2-case-nums{grid-template-columns:1fr}
 .h2-case,.h2-ai{padding:24px;border-radius:20px}.h2-case h2,.h2-ai h2{font-size:26px}.h2-case-nums b{font-size:34px}
 .h2-final-in{display:block;padding-top:40px;padding-bottom:40px}.h2-final .h2-btn{margin-top:20px}
 .h2-btn{width:100%;justify-content:center}
}
.h2-cond{margin-top:8px;font-size:11.5px;color:#7a8aa0}.h2-live-top b{color:#8d6718;font-weight:700}
.h2-q.good{background:#f3fbf6;border-color:#cdebd9}.h2-note{margin-top:18px;font-size:15.5px;color:var(--ink);background:var(--sky);border-radius:16px;padding:16px 20px}.h2-note span{color:var(--dim);font-size:13px}
.h2-three-q{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.h2-three-q .h2-q p{margin:12px 0 0;font-size:14px;color:var(--dim)}.h2-three-q .h2-q b{font-size:20px}
@media (max-width:1100px){.h2-three-q{grid-template-columns:1fr}}