.home-webdesign{padding:86px 0;background:#f5f8fc}.home-webdesign-grid{display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:72px}.home-webdesign-copy h2{max-width:690px;margin:14px 0 20px;color:#0b1930;font-size:clamp(40px,5.4vw,70px);line-height:1.03}.home-webdesign-copy>p{max-width:620px;color:#65758d;font-size:19px;line-height:1.7}.home-webdesign-points{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.home-webdesign-points span{padding:9px 13px;border-radius:99px;background:#e8f2ff;color:#125ebd;font-size:13px;font-weight:800}.home-webdesign-visual{position:relative;min-height:390px;padding:28px;border-radius:26px;background:linear-gradient(145deg,#061b39,#145cad);box-shadow:0 28px 75px #0b316033}.home-webdesign-window{height:100%;min-height:330px;overflow:hidden;border-radius:17px;background:#fff;box-shadow:0 20px 45px #00152f55}.home-webdesign-window>div:first-child{display:flex;align-items:center;gap:6px;height:42px;padding:0 15px;border-bottom:1px solid #e5ecf5}.home-webdesign-window i{width:8px;height:8px;border-radius:50%;background:#cbd7e5}.home-webdesign-window i:first-child{background:#2381ee}.home-webdesign-window main{padding:34px}.home-webdesign-window small{color:#1670e8;font-weight:900;letter-spacing:.12em}.home-webdesign-window h3{max-width:330px;margin:10px 0 18px;color:#0b1930;font-size:38px;line-height:1.05}.home-webdesign-window p{max-width:360px;color:#6a7890;line-height:1.6}.home-webdesign-window b{display:inline-block;margin-top:18px;padding:11px 15px;border-radius:9px;background:#1670e8;color:#fff}.home-webdesign-badge{position:absolute;right:-18px;bottom:35px;padding:18px 22px;border-radius:14px;background:#fff1b9;color:#46330c;font-weight:900;box-shadow:0 16px 35px #06162d33}
@media(max-width:860px){.home-webdesign{padding:68px 0}.home-webdesign-grid{grid-template-columns:1fr;gap:38px}.home-webdesign-visual{min-height:330px}.home-webdesign-window{min-height:280px}.home-webdesign-window main{padding:28px}.home-webdesign-badge{right:10px;bottom:18px}}
@media(max-width:520px){.home-webdesign-grid{gap:30px}.home-webdesign-copy h2{font-size:43px}.home-webdesign-copy>p{font-size:17px}.home-webdesign-visual{min-height:280px;padding:16px;border-radius:20px}.home-webdesign-window{min-height:248px}.home-webdesign-window main{padding:24px 20px}.home-webdesign-window h3{font-size:31px}.home-webdesign-window p{font-size:14px}.home-webdesign-badge{font-size:13px;padding:13px 15px}}