
.hero{padding:36px 0 44px}
.hero-grid{gap:40px;align-items:start}
.platform-mark{width:50px;height:50px;--bt-css-height:50px;object-fit:contain;margin-bottom:6px}
.hero .vendor-badge{margin-bottom:14px}
.hero .hero-ticker{height:34px;--bt-css-height:34px;margin-bottom:14px}
.hero h1{font-size:42px;line-height:1.08;margin:8px 0 12px}
.hero-lead{font-size:16.5px;line-height:1.55;margin-bottom:17px}
.hero-actions{margin-bottom:15px}
.hero-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;max-width:680px;--bt-max-width:680px;font-size:13.5px}
.hero-trust .item{min-width:0;align-items:flex-start}
.hero-trust .ck{flex:0 0 auto;margin-top:1px}
.lead-card{padding:24px}
.lead-card .sub{margin-bottom:16px}
.positioning-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:38px;align-items:stretch}
.positioning-copy .s-title{margin:10px 0 18px}
.positioning-copy p{color:var(--muted);font-size:16px;line-height:1.72;margin:0 0 14px}
.positioning-copy .positioning-lead{font-size:19px;line-height:1.55;color:var(--navy-ink)}
.positioning-result{background:var(--navy);color:#fff;padding:30px;border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.result-kicker{display:block;color:#9cd7ff;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;margin-bottom:18px}
.result-list{list-style:none;margin:0 0 22px;padding:0;counter-reset:none}
.result-list li{display:grid;gap:4px;padding:0 0 16px;margin:0 0 16px;border-bottom:1px solid rgba(255,255,255,.15)}
.result-list li:last-child{margin-bottom:0}
.result-list b{font-size:16px}
.result-list span:not(:where(.bt-background-image)){color:rgba(255,255,255,.72);font-size:13.5px;line-height:1.5}
.text-link{color:#fff;font-weight:750;text-decoration:none}
.text-link:hover{text-decoration:underline}
.migration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.migration-card{position:relative;padding:24px 20px 20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}
.migration-num{display:block;color:var(--blue);font-size:12px;font-weight:850;letter-spacing:.08em;margin-bottom:22px}
.migration-card h3{font-size:18px;color:var(--navy-ink);margin:0 0 9px}
.migration-card p{font-size:13.5px;line-height:1.58;color:var(--muted);margin:0}
.migration-note{margin-top:18px;padding:17px 20px;border-left:4px solid var(--blue);border-radius:0 var(--radius) var(--radius) 0;background:#f1f8fe;color:var(--muted);font-size:14px;line-height:1.6}
.migration-note b{color:var(--navy-ink)}
.ecosystem-flow{display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr;align-items:stretch}
.ecosystem-card{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;display:flex;flex-direction:column}
.ecosystem-card.is-core{border-color:var(--blue);box-shadow:0 12px 30px rgba(0,112,192,.11)}
.flow-label{color:var(--blue);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px}
.ecosystem-card h3{color:var(--navy-ink);font-size:20px;margin:0 0 10px}
.ecosystem-card p{color:var(--muted);font-size:13.5px;line-height:1.6;margin:0 0 18px}
.ecosystem-card a{color:var(--blue);font-size:13px;font-weight:750;margin-top:auto;text-decoration:none}
.ecosystem-card a:hover{text-decoration:underline}
.flow-arrow{display:flex;align-items:center;justify-content:center;color:var(--blue);font-size:24px;font-weight:800}
.ecosystem-conclusion{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px;color:var(--navy-ink);font-size:12.5px;font-weight:750;text-align:center}
.tab-panel .why-grid{margin-top:18px}
.module-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.module-item{padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.module-item b{display:block;color:var(--navy-ink);margin-bottom:5px}
.module-item span:not(:where(.bt-background-image)){display:block;color:var(--muted);font-size:13.5px;line-height:1.5}
.seo-copy{max-width:980px;--bt-max-width:980px}
.seo-copy h3{color:var(--navy-ink);font-size:24px;line-height:1.25;margin:34px 0 12px}
.seo-copy h3:first-child{margin-top:0}
.seo-copy p{color:var(--muted);font-size:15.5px;line-height:1.78;margin-bottom:15px}
.seo-copy p:last-child{margin-bottom:0}
.case-card{margin:32px 0;padding:28px 30px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--navy),#163d66);box-shadow:var(--shadow);color:#fff}
.case-label{display:block;color:#99d8ff;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.case-card h3{color:#fff;margin:0 0 10px}
.case-card p{color:rgba(255,255,255,.78);margin:0}
.section--compact{padding-top:0;padding-bottom:54px}
.tech-details{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;overflow:hidden}
.tech-details summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;cursor:pointer;list-style:none}
.tech-details summary::-webkit-details-marker{display:none}
.tech-details summary>span:not(:where(.bt-background-image)):first-child{display:grid;gap:6px}
.tech-details summary b{color:var(--navy-ink);font-size:18px}
.tech-toggle{color:var(--blue);font-size:13px;font-weight:800}
.tech-details[open] .tech-toggle{font-size:0}
.tech-details[open] .tech-toggle:after{content:'Свернуть';font-size:13px}
.tech-body{padding:0 26px 26px}
.cert-img-link{display:block;border-radius:var(--radius-lg)}
.cert-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
@media(max-width:760px){
  .hero{padding:24px 0 34px}
  .hero-grid{gap:24px}
  .hero h1{font-size:34px}
  .hero-trust{grid-template-columns:1fr}
  .positioning-grid{grid-template-columns:1fr;gap:20px}
  .positioning-result{padding:24px}
  .migration-grid{grid-template-columns:repeat(2,1fr)}
  .ecosystem-flow{grid-template-columns:1fr}
  .flow-arrow{height:32px;--bt-css-height:32px;transform:rotate(90deg)}
  .ecosystem-conclusion{display:none}
  .module-list{grid-template-columns:1fr}
  .cert-img-link{width:clamp(210px,62vw,250px);margin:0 auto}
  .cert-img-link .cert-img{width:100%;height:auto;--bt-css-height:var(--bt-natural-height);max-width:100%;--bt-max-width:100000px;max-height:none;--bt-max-height:100000px;object-fit:contain}
}
@media(max-width:560px){
  .platform-mark{width:44px;height:44px;--bt-css-height:44px}
  .hero h1{font-size:31px}
  .hero-lead{font-size:15.5px}
  .migration-grid{grid-template-columns:1fr}
  .positioning-copy .positioning-lead{font-size:17px}
  .seo-copy h3{font-size:21px}
  .case-card{padding:24px 20px}
  .tech-details summary{padding:18px;align-items:flex-start}
  .tech-body{padding:0 12px 18px;overflow-x:auto}
  .cert-actions .btn{width:100%}
}

