.home-widgets { background: #f5f3f9; scroll-margin-top: 100px; }
.home-widgets__layout { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 60px; }
.home-widgets__copy h2 { margin: 0 0 20px; font-size: clamp(30px,3vw,42px); line-height: 1.2; letter-spacing: -.035em; font-weight: 700; }
.home-widgets__lede { max-width: 480px; margin-bottom: 22px; font-size: 16px; line-height: 1.8; color: #6a657c; }
.home-widgets__copy ul { list-style: none; padding: 0; margin: 0 0 28px; }
.home-widgets__copy li { display: flex; gap: 12px; align-items: start; margin-bottom: 13px; font-size: 14px; }
.home-widgets__copy li i { color: #7360b1; font-size: 20px; }
.home-widgets__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; font-size: 13px; }
.home-widgets__fine { margin-top: 16px; font-size: 11px; color: #817b91; }
.home-widgets__demo { min-width: 0; padding: 18px; border: 1px solid #e8e3f0; border-radius: 20px; background: #fff; box-shadow: 0 12px 35px #443a6a09; }
.home-widgets__demo-label { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding: 0 4px 15px; font-size: 11px; color: #736b86; }
.home-widgets__demo-label > span { font-weight: 600; }
.home-widgets__demo iframe { display: block; width: 100%; border: 0; border-radius: 12px; }
.home-widgets__demo > p { margin: 8px 4px 0; font-size: 10px; color: #8a8396; }
@media(max-width:991px) { .home-widgets__layout { gap: 28px; } .home-widgets__copy h2 { font-size: 31px; } .home-widgets__lede { font-size: 14px; } }
@media(max-width:767px) { .home-widgets__layout { grid-template-columns: 1fr; gap: 24px; } .home-widgets__copy h2 { font-size: 32px; } .home-widgets__demo { padding: 12px; } }