.topblock{background:linear-gradient(135deg,#3D2359 0%,#5A3A85 100%);color:#FFFFFF;margin:0 -10px;padding:64px 10px 70px}
.topblock-in{display:grid;grid-template-columns:1fr;gap:34px;align-items:center}
.topblock-text h1{color:#FFFFFF}
.topblock-text p{color:#E8E0F2;font-size:17px}
.topblock-cta{justify-content:center}
.topblock-mock{margin:0;background:#FFFFFF;border-radius:14px;box-shadow:0 14px 36px rgba(10,4,20,.4);padding:12px;min-width:0}
.topblock-mock img{display:block;border-radius:8px;width:100%;height:auto}
.topblock-mock figcaption{font-size:12px;color:#505050;margin-top:8px}
.js-on .topblock-text h1{animation:fadeup .5s ease both}
@keyframes fadeup{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:1081px){.topblock{padding:84px 10px 90px}.topblock-in{grid-template-columns:1.05fr .95fr;gap:48px}.topblock-cta{justify-content:flex-start}}