.demo-promo{background:linear-gradient(135deg,#f2f7ff,#fff 65%)}.demo-promo-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}.demo-promo-grid p{font-size:18px;line-height:1.8;max-width:460px}.demo-promo-points{display:flex;gap:18px;margin:22px 0;color:#304363;font-size:14px}.demo-promo-points span{display:flex;gap:7px;align-items:center}.demo-promo-points svg{color:#065cff}.demo-promo-grid small{display:block;max-width:430px;margin-top:16px;color:#64748b;line-height:1.7;font-size:12px}.demo-promo-image{position:relative;display:block;border:1px solid #dce6f4;border-radius:18px;overflow:hidden;box-shadow:0 24px 64px #13316620;transform:perspective(1500px) rotateY(-4deg);transition:transform .2s}.demo-promo-image:hover{transform:none}.demo-promo-image img{display:block;width:100%;height:auto}.demo-promo-image>span{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;background:#065cff;color:white;padding:12px 22px;border-radius:50px;box-shadow:0 6px 25px #065cff40;font-size:14px;font-weight:700}.demo-try-bar{background:#edf4ff;border-bottom:1px solid #dce6f4;font-size:14px}.demo-try-bar>.container{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-top:18px;padding-bottom:18px}.demo-try-bar a{display:flex;gap:8px;align-items:center;font-weight:800;color:#065cff;white-space:nowrap}@media(max-width:900px){.demo-promo-grid{grid-template-columns:1fr;gap:30px}.demo-promo-image{transform:none}.demo-promo-grid p{max-width:none}}@media(max-width:600px){.demo-promo-points{flex-wrap:wrap;gap:12px}.demo-try-bar>.container{flex-direction:column;align-items:flex-start}.demo-promo-image>span{bottom:12px;padding:9px 16px}}
